@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--canvas:#fff;--paper:#fffdfb;--ink:#16191f;--muted:#676970;--line:#e2e1de;--accent:#315f84;--accent-soft:#e7eef3;--preview:#eeece8;color:var(--ink);background:var(--canvas);font-family:Manrope,Noto Sans KR,sans-serif}html[data-theme=dark]{--canvas:#17191d;--paper:#202328;--ink:#f3f2ef;--muted:#c0c0bd;--line:#3d4045;--accent:#8cb1ce;--accent-soft:#273a49;--preview:#292c31}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse 48% 58% at 102% -8%,#b5d3fafa 0%,#d3e6fdcc 34%,#eef6ff61 58%,transparent 80%),radial-gradient(ellipse 52% 60% at -8% 106%,#abe1c7f0 0%,#cff0dcb8 36%,#f0fbf54d 60%,transparent 82%),radial-gradient(ellipse 27% 36% at 75% 108%,#fad8c294 0%,transparent 76%),var(--canvas);background-attachment:fixed;min-height:100%;margin:0}html[data-theme=dark] body{background:radial-gradient(ellipse 55% 75% at 26% 42%,#1f436380 0%,transparent 68%),radial-gradient(ellipse 52% 75% at 76% 48%,#1d53416b 0%,transparent 70%),var(--canvas)}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:var(--accent);color:#fff}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;height:76px;margin:0 auto;padding:0 clamp(20px,5vw,72px);display:flex}.brand{color:var(--ink);letter-spacing:-.045em;align-items:center;gap:9px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.brand:before{background:var(--accent);content:"";width:11px;height:11px}.site-nav{gap:22px;display:flex}.site-nav a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.site-nav a[aria-current=page],.site-nav a:hover{color:var(--ink)}.header-actions{align-items:center;display:flex}.theme-toggle{background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.theme-toggle svg{fill:none;width:17px;height:17px;stroke:var(--muted);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;position:absolute}html[data-theme=dark] .theme-toggle svg:last-child,html:not([data-theme=dark]) .theme-toggle svg:first-child{stroke:var(--ink)}.home{max-width:1440px;height:calc(100svh - 76px);margin:0 auto;padding:clamp(24px,4vw,50px) clamp(20px,4vw,56px) 30px;overflow:hidden}.tryon-showcase{flex-direction:column;height:100%;display:flex}.showcase-intro{flex:none;justify-content:space-between;align-items:center;gap:30px;padding:0 22px 24px;display:flex}.showcase-copy{align-items:baseline;gap:24px;display:flex}.showcase-intro h1{color:#050608;letter-spacing:-.07em;margin:0;font-size:clamp(42px,4.6vw,68px);font-weight:600;line-height:.96}.showcase-intro p{color:var(--muted);letter-spacing:-.035em;margin:0;font-size:17px}.showcase-start{background:var(--ink);min-width:254px;color:var(--paper);border-radius:50px;justify-content:space-between;align-items:center;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.showcase-start span{font-size:21px}.showcase-start:hover{transform:translateY(-2px)}.showcase-flow{background:var(--paper);border-radius:15px;flex:1;grid-template-columns:1fr .8fr 1fr;min-height:0;display:grid;overflow:hidden;box-shadow:0 28px 72px #1c2b3733,0 8px 22px #1c2b371a}.showcase-photo,.showcase-result{background:#d5d0c9;min-height:0;margin:0;position:relative;overflow:hidden}.showcase-photo img,.showcase-result img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.showcase-photo figcaption,.showcase-result figcaption{color:#fff;letter-spacing:.08em;text-shadow:0 1px 12px #0000004d;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:28px;left:25px}.showcase-photo figcaption span,.showcase-result figcaption span{border-bottom:1px solid;width:max-content;padding-bottom:7px;font-weight:500}.showcase-item{background:var(--paper);flex-direction:column;justify-content:center;min-height:0;padding:clamp(22px,3vw,48px);display:flex}.showcase-garment{object-fit:contain;width:100%;max-height:43%;display:block}.showcase-item-copy{flex-direction:column;margin-top:clamp(18px,3vw,34px);display:flex}.showcase-item-copy>span{color:var(--muted);font-size:12px}.showcase-item-copy>span:after{border-top:1px solid var(--muted);content:"";width:18px;margin-top:7px;display:block}.showcase-item-copy small{color:var(--muted);letter-spacing:.11em;margin-top:13px;font-size:11px;font-weight:700}.showcase-item-copy strong{letter-spacing:-.06em;margin-top:12px;font-size:clamp(23px,2.6vw,38px);font-weight:500}.showcase-item-copy p{color:var(--muted);margin:10px 0 0;font-size:14px}.item-options{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:clamp(20px,3vw,40px);display:grid}.item-options img{aspect-ratio:1;object-fit:contain;background:#f6f5f3;border:1px solid #0000;width:100%;padding:5px}.item-options img.active{border-color:var(--ink)}.studio{flex-direction:column;max-width:1720px;height:calc(100svh - 76px);min-height:620px;margin:0 auto;padding:28px clamp(24px,4vw,72px) 20px;display:flex;overflow:hidden}.page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:32px;min-height:64px;padding-bottom:14px;display:flex}.page-head>div{flex:1;justify-content:space-between;align-items:end;gap:48px;display:flex}.page-head-title{align-items:center;gap:18px;display:flex}.page-head h1{letter-spacing:-.065em;margin:0;font-size:clamp(31px,2.8vw,44px);font-weight:600;line-height:1.05}.page-head em{color:var(--accent);font-style:normal}.page-head p{max-width:310px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.studio-actions{gap:8px;display:flex}.studio-actions button{border-radius:9px;min-height:34px;padding:0 13px;font-size:12px;font-weight:700;transition:border-color .18s,background .18s,color .18s}.sample-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.sample-button:hover:not(:disabled){background:var(--ink);border-color:var(--ink)}.reset-button,.mock-button{border:1px solid var(--line);color:var(--muted);background:0 0}.reset-button:hover:not(:disabled),.mock-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.studio-actions button:disabled{opacity:.55}.test-case-select{display:block;position:relative}.test-case-select select{appearance:none;border:1px solid var(--line);background:var(--paper);max-width:212px;min-height:34px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;outline:none;padding:0 31px 0 11px;font-size:11px;font-weight:700}.test-case-select:after{border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);content:"";pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:11px;transform:translateY(-68%)rotate(45deg)}.test-case-select select:hover:not(:disabled),.test-case-select select:focus-visible{border-color:var(--accent)}.test-case-select select:disabled{cursor:not-allowed;opacity:.55}.mobile-view-switch{display:none}.studio-grid{flex:1;grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr);gap:18px;min-height:0;margin-top:18px;display:grid}.panel{border:1px solid var(--line);background:var(--paper);border-radius:18px;min-height:0;padding:clamp(16px,1.5vw,22px);overflow:hidden}.panel-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:16px;padding-bottom:10px;display:flex}.panel-intro h2,.garment-heading h2{letter-spacing:-.035em;margin:0;font-size:18px;font-weight:700}.panel-intro p{color:var(--muted);margin:5px 0 0;font-size:12px}.panel-intro small,.garment-heading>span{color:var(--muted);flex:none;font-size:11px}.person-section{grid-template-columns:102px minmax(0,1fr);align-items:center;gap:16px;margin-top:10px;display:grid}.person-drop{background:var(--canvas);border:1px dashed #aaa49a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:102px;height:108px;padding:0;transition:border-color .18s,background .18s;display:flex;overflow:hidden}.person-drop:hover,.garment-card>button:first-child:hover{border-color:var(--accent);background:var(--accent-soft)}.person-drop img{object-fit:cover;width:100%;height:100%}.garment-card img{object-fit:contain;width:100%;height:100%;padding:6px;position:absolute;inset:0}.plus{background:var(--accent);color:#fff;place-items:center;width:26px;height:26px;font-size:19px;line-height:1;display:grid}.person-drop span:not(.plus){font-size:13px;font-weight:700}.person-drop small,.muted{color:var(--muted);font-size:11px}.person-section h2{display:none}.muted{margin:0;font-size:13px;line-height:1.7}.text-button,.remove{color:var(--muted);background:0 0;border:0;font-size:12px}.text-button{margin-top:8px;padding:0}.text-button:hover,.remove:hover{color:var(--accent)}.form-panel{flex-direction:column;display:flex}.form-panel .panel-intro,.form-panel .person-section,.form-actions{flex:none}.garments{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;margin-top:12px;padding-top:12px;display:flex}.garment-heading{flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.garment-scroll{overscroll-behavior:contain;flex:1;min-height:0;margin-top:9px;overflow-y:auto}.garment-heading h2 small{color:var(--muted);margin-left:6px;font-size:11px;font-weight:500}.garment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.garment-card{min-width:0;position:relative}.garment-card>button:first-child{border:1px solid var(--line);background:var(--canvas);border-radius:12px;place-items:center;width:100%;height:78px;padding:0;transition:border-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.garment-card.selected>button:first-child{border:2px solid var(--accent)}.garment-icon{color:var(--accent);font-size:23px}.garment-card strong,.garment-card>div>span{display:block}.garment-card strong{margin-top:5px;font-size:12px}.garment-card>div>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.remove{background:var(--paper);width:24px;height:24px;font-size:16px;position:absolute;top:6px;right:6px}.add-items{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:10px;margin-top:9px;padding:8px 12px;font-size:12px;font-weight:700}.add-items:hover{border-color:var(--accent);color:var(--accent)}.background-option{display:none}.background-option input{width:16px;height:16px;accent-color:var(--accent);margin:2px 0 0}.background-option strong,.background-option small{display:block}.background-option strong{font-size:13px}.background-option small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.55}.form-actions{border-top:1px solid var(--line);background:var(--paper);margin-top:12px;padding-top:12px}.generate{background:var(--accent);color:#fff;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:flex}.generate b{font-size:20px}.generate:hover:not(:disabled){background:var(--ink);transform:translateY(-2px)}.generate:disabled{background:var(--line);color:var(--muted)}.validation{color:var(--muted);text-align:center;margin:9px 0 0;font-size:11px}.result-panel{background:var(--preview);flex-direction:column;min-height:0;display:flex}.result-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.result-layer{flex-direction:column;flex:1;min-height:0;display:flex}.result-layer.is-entering{animation:.32s result-fade-in}.result-layer.is-leaving{z-index:1;pointer-events:none;animation:.32s forwards result-fade-out;position:absolute;inset:0}@keyframes result-fade-in{0%{opacity:0}to{opacity:1}}@keyframes result-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.result-layer.is-entering,.result-layer.is-leaving{animation:none}}.result-topline{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;justify-content:space-between;padding-bottom:16px;font-size:10px;font-weight:700;display:flex}.result,.progress{flex-direction:column;flex:1;min-height:0;display:flex}.result h2,.progress h2{letter-spacing:-.045em;margin:22px 0 0;font-size:21px}.result-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.result-placeholder:before{border:1px solid var(--line);width:58px;height:58px;color:var(--accent);content:"+";border-radius:14px;place-items:center;margin-bottom:13px;font-size:24px;display:grid}.result-placeholder span{font-size:15px;font-weight:700}.result-placeholder small,.result.error p:last-child{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}.result-ready{min-height:0}.result-frame{flex:1;justify-content:center;align-items:center;min-height:0;margin-top:14px;display:flex}.result-frame img{object-fit:contain;border-radius:14px;max-width:100%;max-height:100%;display:block}.progress{justify-content:center}.generation-canvas{aspect-ratio:1.1;isolation:isolate;background:radial-gradient(circle at 46% 45%,#ffffffed 0 15%,#e7eef3b8 42%,#dee6ea61 100%);border:1px solid #315f8438;border-radius:18px;justify-content:center;align-self:center;align-items:center;width:min(100%,355px);display:flex;position:relative;overflow:hidden}.generation-canvas:before{content:"";background:linear-gradient(115deg,#0000 29%,#ffffffb3 46%,#0000 60%);animation:3.6s ease-in-out infinite canvas-sheen;position:absolute;inset:0}.canvas-orbit{border:1px solid #315f8447;border-radius:50%;animation:12s linear infinite orbit-rotate;position:absolute}.orbit-one{width:77%;height:50%;transform:rotate(-25deg)}.orbit-two{opacity:.58;border-style:dashed;width:92%;height:68%;animation-duration:17s;animation-direction:reverse}.generation-person{z-index:1;background:var(--paper);border:3px solid #ffffffe0;border-radius:88px 88px 22px 22px;width:39%;height:76%;position:relative;overflow:hidden;box-shadow:0 14px 28px #23384533}.generation-person img{object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.02);width:100%;height:100%;display:block}.scan-line{z-index:1;background:linear-gradient(#d5e8f505,#9ac4e157,#d5e8f505);border-top:1px solid #315f84cc;border-bottom:1px solid #315f846b;height:19%;animation:2.6s ease-in-out infinite person-scan;position:absolute;left:0;right:0;box-shadow:0 0 18px #417ea473}.generation-references{z-index:2;justify-content:center;align-items:end;gap:7px;display:flex;position:absolute;bottom:8%;left:7%;right:7%}.generation-reference{background:var(--paper);border:2px solid #ffffffd9;border-radius:11px;width:68px;height:78px;margin:0;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden;transform:translateY(7px);box-shadow:0 7px 15px #23384529}.generation-reference:nth-child(2){transform:translateY(-5px)}.generation-reference:nth-child(3){transform:translateY(5px)}.generation-reference.is-active{border-color:var(--accent);animation:1.3s ease-in-out infinite reference-breathe;box-shadow:0 0 0 3px #315f8429,0 10px 18px #23384538}.generation-reference img{object-fit:cover;width:100%;height:100%;display:block}.generation-reference figcaption{color:#fff;text-align:center;background:#16191fb8;padding:4px;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.generation-references.is-dense{flex-wrap:wrap;gap:6px;width:174px;bottom:5%;left:50%;right:auto;transform:translate(-50%)}.generation-references.is-dense .generation-reference{width:54px;height:62px;transform:none}.generation-spark{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite spark-float;position:absolute;box-shadow:0 0 0 5px #315f841f}.spark-one{top:23%;left:17%}.spark-two{width:5px;height:5px;animation-delay:.7s;top:28%;right:17%}.spark-three{width:4px;height:4px;animation-delay:1.25s;bottom:25%;right:22%}.progress-copy{align-self:center;width:min(100%,355px);padding-top:21px}.progress-label{color:var(--accent);letter-spacing:.09em;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.5s infinite live-pulse;box-shadow:0 0 #315f847a}.progress h2{margin:10px 0 0;font-size:25px}.progress-copy>p{min-height:20px;color:var(--muted);margin:6px 0 0;font-size:12px}.stage-track{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:17px;display:grid}.stage-track span{min-width:0;color:var(--muted);font-size:9px;line-height:1.35}.stage-track i{background:var(--line);border-radius:999px;width:100%;height:3px;margin-bottom:6px;display:block}.stage-track .is-complete,.stage-track .is-current{color:var(--ink)}.stage-track .is-complete i{background:var(--accent)}.stage-track .is-current i{background:linear-gradient(90deg,var(--accent) 68%,#315f842e 68%);animation:1.4s ease-in-out infinite stage-current}@keyframes person-scan{0%,to{top:-20%}50%{top:100%}}@keyframes orbit-rotate{to{transform:rotate(335deg)}}@keyframes canvas-sheen{0%,to{opacity:0;transform:translate(-85%)}35%,65%{opacity:1}55%{transform:translate(100%)}}@keyframes reference-breathe{50%{transform:translateY(-8px)scale(1.04)}}@keyframes spark-float{50%{opacity:.35;transform:translateY(-10px)}}@keyframes live-pulse{70%{box-shadow:0 0 0 7px #315f8400}to{box-shadow:0 0 #315f8400}}@keyframes stage-current{50%{opacity:.58}}.studio footer{display:none}.garment-preparing{background:var(--accent-soft);place-items:center;display:grid;position:absolute;inset:0}.preparing-wave{align-items:center;gap:8px;display:flex}.preparing-wave i{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;animation:1.05s ease-in-out infinite backwards preparing-wave;display:block}.preparing-wave i:nth-child(2){animation-delay:.14s}.preparing-wave i:nth-child(3){animation-delay:.28s}.preparing-wave i:nth-child(4){animation-delay:.42s}@keyframes preparing-wave{0%,to{transform:translateY(5px)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.preparing-wave i{animation:none}}.garment-dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11171d6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.garment-dialog{border:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:var(--paper);border-radius:18px;width:min(100%,460px);padding:28px;box-shadow:0 24px 80px #10192047}.garment-dialog h2{letter-spacing:-.055em;margin:0;font-size:25px;font-weight:600;line-height:1.16}.garment-dialog h2 em{color:var(--accent);font-style:normal}.garment-dialog>p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.65}.replace-compare{grid-template-columns:92px auto 92px;justify-content:center;align-items:start;gap:12px;margin-top:18px;display:grid}.replace-compare figure{flex-direction:column;align-items:center;gap:7px;margin:0;display:flex}.replace-compare img{border:1px solid var(--line);background:var(--canvas);object-fit:contain;border-radius:12px;width:92px;height:92px;padding:8px}.replace-compare figcaption{color:var(--muted);font-size:11px;font-weight:700}.replace-arrow{height:92px;color:var(--accent);place-items:center;font-size:18px;line-height:1;display:grid}.dialog-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.quality-badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:700}.quality-badge.good{background:var(--accent-soft);color:var(--accent);border-color:#315f8452}.quality-badge.poor{color:#9a542f;border-color:#aa623252}.cutout-preview,.crop-editor{border:1px solid var(--line);background:radial-gradient(circle at 50% 42%,var(--canvas),var(--accent-soft));border-radius:14px;justify-content:center;align-items:center;width:100%;margin-top:22px;display:flex;position:relative;overflow:hidden}.cutout-preview{height:270px}.cutout-preview img{object-fit:contain;width:100%;height:100%;padding:18px;display:block}.cutout-warning{color:var(--muted);background:#b2704414;border-left:3px solid #b27044;flex-direction:column;gap:4px;margin-top:12px;padding:12px;font-size:12px;line-height:1.55;display:flex}.cutout-warning strong{color:var(--ink)}.manual-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.55}.dialog-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.dialog-actions button{border:1px solid var(--line);min-height:38px;color:var(--ink);background:0 0;border-radius:9px;padding:0 13px;font-size:12px;font-weight:700;transition:border-color .18s,background .18s,color .18s}.dialog-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dialog-actions .dialog-primary{border-color:var(--accent);background:var(--accent);color:#fff}.dialog-actions .dialog-primary:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}.dialog-actions button:disabled{opacity:.5}.crop-instructions{color:var(--muted);flex-direction:column;gap:4px;margin-top:20px;font-size:12px;line-height:1.55;display:flex}.crop-instructions strong{color:var(--ink)}.crop-editor{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;height:min(54vh,360px)}.crop-editor img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.crop-shade{pointer-events:none;background:#0c12178c;position:absolute}.crop-top{top:0;left:0;right:0}.crop-bottom{bottom:0;left:0;right:0}.crop-left{left:0}.crop-right{right:0}.crop-selection{box-shadow:0 0 0 1px var(--accent),0 0 0 9999px transparent;pointer-events:none;border:2px solid #fff;position:absolute}@media (width<=900px){.studio{min-height:0}.page-head>div{flex-direction:column;align-items:start;gap:16px}}@media (width<=600px){.site-header{height:64px}.site-nav{gap:13px}.home,.studio{padding-left:20px;padding-right:20px}.home{height:calc(100svh - 64px);padding-top:16px;padding-bottom:14px}.showcase-intro{flex-direction:column;align-items:start;gap:10px;padding:0 0 14px}.showcase-intro h1{font-size:42px}.showcase-intro p{display:none}.showcase-start{min-width:0;padding:10px 14px;font-size:12px}.showcase-flow{border-radius:10px;grid-template-rows:minmax(0,1fr) 132px;grid-template-columns:1fr 1fr}.showcase-photo{grid-area:1/1}.showcase-result{grid-area:1/2}.showcase-item{grid-area:2/1/auto/-1;grid-template-columns:100px 1fr;column-gap:14px;padding:12px 16px;display:grid}.showcase-garment{grid-row:span 2;width:100%;height:100%;max-height:none}.showcase-item-copy{align-self:center;margin:0}.showcase-item-copy>span,.showcase-item-copy small,.showcase-item-copy p{display:none}.showcase-item-copy strong{margin:0;font-size:23px}.item-options{grid-column:2;grid-template-columns:repeat(4,30px);align-self:end;gap:6px;margin:0}.showcase-photo figcaption,.showcase-result figcaption{gap:3px;font-size:9px;bottom:10px;left:10px}.showcase-photo figcaption span,.showcase-result figcaption span{padding-bottom:3px}.studio{height:calc(100svh - 64px);min-height:0;padding-top:16px;padding-bottom:14px}.page-head{min-height:0;padding-bottom:10px}.page-head>div{gap:2px}.page-head-title{justify-content:space-between;gap:10px;width:100%}.page-head h1{font-size:31px}.studio-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.studio-actions button{min-height:31px;padding:0 9px;font-size:10px}.test-case-select{flex-basis:100%}.test-case-select select{width:100%;max-width:none;min-height:31px;font-size:10px}.page-head p{display:none}.mobile-view-switch{border:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:12px;display:grid}.mobile-view-switch button{height:34px;color:var(--muted);background:0 0;border:0;font-size:12px;font-weight:700}.mobile-view-switch button[aria-selected=true]{background:var(--ink);color:var(--paper)}.studio-grid{min-height:0;margin-top:10px;display:block}.studio-grid.mobile-form .result-panel,.studio-grid.mobile-result>.panel:not(.result-panel){display:none}.panel{height:100%;padding:16px}.panel-intro{padding-bottom:10px}.panel-intro h2,.garment-heading h2{font-size:15px}.panel-intro p{margin-top:3px;font-size:10px}.person-section{grid-template-columns:86px minmax(0,1fr);gap:13px;margin-top:10px}.person-drop{width:86px;height:96px}.person-drop span:not(.plus){font-size:11px}.person-drop small,.muted{font-size:10px}.plus{width:22px;height:22px;font-size:16px}.garments{margin-top:12px;padding-top:12px}.garment-scroll{margin-top:9px}.garment-card>button:first-child{height:78px}.garment-card strong{margin-top:5px;font-size:11px}.garment-card>div>span{font-size:9px}.add-items{margin-top:8px;padding:8px 10px}.form-actions{margin-top:12px;padding-top:12px}.generate{height:44px}.validation{margin-top:6px;font-size:10px}.result,.progress{min-height:0}.result h2,.progress h2{margin-top:14px;font-size:18px}.result-frame{margin-top:12px}.result-frame img{border-radius:12px}.generation-canvas{width:min(100%,285px)}.generation-person{width:37%}.generation-reference{width:55px;height:65px}.generation-references.is-dense{width:150px}.generation-references.is-dense .generation-reference{width:46px;height:54px}.progress-copy{width:min(100%,285px)}.progress h2{font-size:20px}.stage-track span{font-size:8px}.garment-dialog-backdrop{align-items:end;padding:12px}.garment-dialog{border-radius:16px;width:100%;padding:22px 18px}.garment-dialog h2{font-size:22px}.cutout-preview{height:230px}.crop-editor{height:min(48vh,310px)}}