.CornerShapeLab-module__SjiLmG__container{--ink-92:#0f172aeb;--ink-75:#0f172abf;--ink-65:#0f172aa6;--bd-10:#0f172a1a;--bd-12:#0f172a1f;--bd-08:#0f172a14;--shadow-card:0 18px 55px #0f172a14;--r-card:22px;--r-md:18px;--r-sm:14px;--r-xs:12px;--pad-card:18px;grid-template-columns:320px 1fr;align-items:start;gap:clamp(16px,2vw,28px);max-width:980px;margin:0 auto;padding:clamp(18px,2.5vw,28px);display:grid}.CornerShapeLab-module__SjiLmG__card{border:1px solid var(--bd-10);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--pad-card);background:#fff}.CornerShapeLab-module__SjiLmG__ranges{justify-content:space-between;gap:10px;padding:6px 0 16px;display:flex}.CornerShapeLab-module__SjiLmG__sliderCol{flex-direction:column;align-items:center;gap:8px;width:26px;display:flex}.CornerShapeLab-module__SjiLmG__sliderLabel{letter-spacing:.08em;color:hsl(var(--hue)90% 40%);font-size:12px;font-weight:800;line-height:1}.CornerShapeLab-module__SjiLmG__sliderCol input[type=range]{writing-mode:bt-lr;appearance:slider-vertical;background:0 0;width:26px;height:150px}.CornerShapeLab-module__SjiLmG__sliderCol input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to top,hsl(var(--hue)95% 55%)0%,hsl(var(--hue)95% 55%)calc((var(--val)/50)*100%),var(--bd-10)calc((var(--val)/50)*100%),var(--bd-10)100%);border-radius:999px;width:8px}.CornerShapeLab-module__SjiLmG__sliderCol input[type=range]::-webkit-slider-thumb{appearance:none;background:hsl(var(--hue)95% 55%);border:3px solid #fff;border-radius:999px;width:18px;height:18px;margin-left:-5px;box-shadow:0 10px 18px #0f172a2e}.CornerShapeLab-module__SjiLmG__sliderCol input[type=range]::-moz-range-track{background:var(--bd-10);border-radius:999px;width:8px}.CornerShapeLab-module__SjiLmG__sliderCol input[type=range]::-moz-range-progress{background:hsl(var(--hue)95% 55%);border-radius:999px;width:8px}.CornerShapeLab-module__SjiLmG__sliderCol input[type=range]::-moz-range-thumb{background:hsl(var(--hue)95% 55%);border:3px solid #fff;border-radius:999px;width:18px;height:18px;box-shadow:0 10px 18px #0f172a2e}.CornerShapeLab-module__SjiLmG__select{border-radius:var(--r-sm);border:1px solid var(--bd-12);width:100%;color:var(--ink-92);background:#fff;margin-top:8px;padding:12px;font-weight:600}.CornerShapeLab-module__SjiLmG__btn{border-radius:var(--r-sm);border:1px solid var(--bd-12);background:var(--vinoOsc,#111827);color:#fff;cursor:pointer;width:100%;margin-top:12px;padding:12px;font-weight:800;transition:transform .12s,filter .12s}.CornerShapeLab-module__SjiLmG__btn:hover{filter:brightness(1.05)}.CornerShapeLab-module__SjiLmG__btn:active{transform:translateY(1px)}.CornerShapeLab-module__SjiLmG__supportNote{color:var(--ink-75);border-radius:var(--r-sm);background:#0f172a0a;border:1px dashed #0f172a2e;margin-top:12px;padding:10px 12px;font-size:.9rem}.CornerShapeLab-module__SjiLmG__canvas{border:1px solid var(--bd-08);border-radius:var(--r-md);background:linear-gradient(#fff,#f6f7fb);place-items:center;min-height:320px;padding:22px;display:grid}.CornerShapeLab-module__SjiLmG__shape{border:6px solid var(--ink-92);corner-shape:var(--corner-shape);border-radius:var(--border-radius-A)var(--border-radius-B)var(--border-radius-C)var(--border-radius-D)/var(--border-radius-E)var(--border-radius-F)var(--border-radius-G)var(--border-radius-H);background:#fff;width:220px;height:220px;position:relative}.CornerShapeLab-module__SjiLmG__shape:before{content:"";border-radius:inherit;pointer-events:none;border:2px dashed #0f172a2e;position:absolute;inset:-4px}.CornerShapeLab-module__SjiLmG__sliderCol[data-value=A],.CornerShapeLab-module__SjiLmG__mark[data-value=A]{--hue:0}.CornerShapeLab-module__SjiLmG__sliderCol[data-value=B],.CornerShapeLab-module__SjiLmG__mark[data-value=B]{--hue:45}.CornerShapeLab-module__SjiLmG__sliderCol[data-value=C],.CornerShapeLab-module__SjiLmG__mark[data-value=C]{--hue:90}.CornerShapeLab-module__SjiLmG__sliderCol[data-value=D],.CornerShapeLab-module__SjiLmG__mark[data-value=D]{--hue:135}.CornerShapeLab-module__SjiLmG__sliderCol[data-value=E],.CornerShapeLab-module__SjiLmG__mark[data-value=E]{--hue:180}.CornerShapeLab-module__SjiLmG__sliderCol[data-value=F],.CornerShapeLab-module__SjiLmG__mark[data-value=F]{--hue:225}.CornerShapeLab-module__SjiLmG__sliderCol[data-value=G],.CornerShapeLab-module__SjiLmG__mark[data-value=G]{--hue:270}.CornerShapeLab-module__SjiLmG__sliderCol[data-value=H],.CornerShapeLab-module__SjiLmG__mark[data-value=H]{--hue:315}.CornerShapeLab-module__SjiLmG__mark{color:hsl(var(--hue)95% 40%);position:absolute}.CornerShapeLab-module__SjiLmG__mark:before{content:"";background:hsl(var(--hue)95% 55%);border-radius:999px;position:absolute}.CornerShapeLab-module__SjiLmG__mark:after{content:attr(data-value);color:hsl(var(--hue)95% 35%);font-size:12px;font-weight:900;position:absolute}.CornerShapeLab-module__SjiLmG__top,.CornerShapeLab-module__SjiLmG__bottom{border-left:3px solid hsl(var(--hue)95% 55%);border-right:3px solid hsl(var(--hue)95% 55%);height:16px}.CornerShapeLab-module__SjiLmG__top{padding-top:6px;top:-22px}.CornerShapeLab-module__SjiLmG__bottom{padding-bottom:6px;bottom:-22px}.CornerShapeLab-module__SjiLmG__top:before,.CornerShapeLab-module__SjiLmG__bottom:before{width:100%;height:3px;left:0}.CornerShapeLab-module__SjiLmG__top:before{top:0}.CornerShapeLab-module__SjiLmG__bottom:before{bottom:0}.CornerShapeLab-module__SjiLmG__top:after{top:-18px;left:50%;transform:translate(-50%)}.CornerShapeLab-module__SjiLmG__bottom:after{bottom:-18px;left:50%;transform:translate(-50%)}.CornerShapeLab-module__SjiLmG__left,.CornerShapeLab-module__SjiLmG__right{border-top:3px solid hsl(var(--hue)95% 55%);border-bottom:3px solid hsl(var(--hue)95% 55%);width:16px}.CornerShapeLab-module__SjiLmG__left{padding-left:6px;left:-22px}.CornerShapeLab-module__SjiLmG__right{padding-right:6px;right:-22px}.CornerShapeLab-module__SjiLmG__left:before,.CornerShapeLab-module__SjiLmG__right:before{width:3px;height:100%;top:0}.CornerShapeLab-module__SjiLmG__left:before{left:0}.CornerShapeLab-module__SjiLmG__right:before{right:0}.CornerShapeLab-module__SjiLmG__left:after{top:50%;left:-16px;transform:translateY(-50%)}.CornerShapeLab-module__SjiLmG__right:after{top:50%;right:-16px;transform:translateY(-50%)}.CornerShapeLab-module__SjiLmG__mark.CornerShapeLab-module__SjiLmG__top[data-value=A]{width:var(--border-radius-A);left:0}.CornerShapeLab-module__SjiLmG__mark.CornerShapeLab-module__SjiLmG__top[data-value=B]{width:var(--border-radius-B);right:0}.CornerShapeLab-module__SjiLmG__mark.CornerShapeLab-module__SjiLmG__bottom[data-value=C]{width:var(--border-radius-C);right:0}.CornerShapeLab-module__SjiLmG__mark.CornerShapeLab-module__SjiLmG__bottom[data-value=D]{width:var(--border-radius-D);left:0}.CornerShapeLab-module__SjiLmG__mark.CornerShapeLab-module__SjiLmG__left[data-value=E]{height:var(--border-radius-E);top:0}.CornerShapeLab-module__SjiLmG__mark.CornerShapeLab-module__SjiLmG__right[data-value=F]{height:var(--border-radius-F);top:0}.CornerShapeLab-module__SjiLmG__mark.CornerShapeLab-module__SjiLmG__right[data-value=G]{height:var(--border-radius-G);bottom:0}.CornerShapeLab-module__SjiLmG__mark.CornerShapeLab-module__SjiLmG__left[data-value=H]{height:var(--border-radius-H);bottom:0}.CornerShapeLab-module__SjiLmG__generatorCard{grid-column:1/-1}.CornerShapeLab-module__SjiLmG__generator{border:1px solid var(--bd-10);background:#0f172a05;border-radius:16px;padding:12px}.CornerShapeLab-module__SjiLmG__genHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.CornerShapeLab-module__SjiLmG__genTitle{color:var(--ink-92);margin:0;font-size:.95rem;font-weight:900}.CornerShapeLab-module__SjiLmG__genSub{color:var(--ink-65);margin:4px 0 0;font-size:.85rem}.CornerShapeLab-module__SjiLmG__copyGroup{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.CornerShapeLab-module__SjiLmG__copyBtn,.CornerShapeLab-module__SjiLmG__copyBtnAlt{border-radius:var(--r-xs);border:1px solid var(--bd-12);cursor:pointer;padding:10px;font-size:.85rem;font-weight:800;transition:transform .12s,filter .12s,background .12s}.CornerShapeLab-module__SjiLmG__copyBtn{background:var(--ink-92);color:#fff}.CornerShapeLab-module__SjiLmG__copyBtnAlt{color:var(--ink-92);background:#fff}.CornerShapeLab-module__SjiLmG__copyBtn:hover,.CornerShapeLab-module__SjiLmG__copyBtnAlt:hover{filter:brightness(1.03)}.CornerShapeLab-module__SjiLmG__copyBtn:active,.CornerShapeLab-module__SjiLmG__copyBtnAlt:active{transform:translateY(1px)}.CornerShapeLab-module__SjiLmG__copied{color:#0f172ad9;border-radius:var(--r-xs);background:#22c55e1a;border:1px solid #22c55e40;margin:8px 0 10px;padding:8px 10px;font-size:.85rem;font-weight:800}.CornerShapeLab-module__SjiLmG__details{border:1px solid var(--bd-08);background:#fff;border-radius:14px;margin-top:10px;overflow:hidden}.CornerShapeLab-module__SjiLmG__summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172ae6;border-bottom:1px solid var(--bd-08);padding:10px 12px;font-size:.9rem;font-weight:900;list-style:none}.CornerShapeLab-module__SjiLmG__summary::-webkit-details-marker{display:none}.CornerShapeLab-module__SjiLmG__codeBlock{color:var(--ink-92);background:linear-gradient(#fff,#f7f8fb);margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;line-height:1.45;overflow:auto}@media (max-width:900px){.CornerShapeLab-module__SjiLmG__container{grid-template-columns:1fr}}