:root{--color-accent: #f2521f;--color-bg: #ede8e0;--color-border: #2e2e38;--color-checkbox-border: #767676;--color-cut-white: #ffffff;--color-cut-shadow: rgba(0, 0, 0, .18);--color-desk-paper: #ede8e0;--color-desk-void: #101014;--color-folder-blue: #829f22;--color-ink: #1a1a1a;--color-ink-50: rgba(26, 26, 26, .5);--color-surface: #9191d8;--color-text: #e5e5eb;--color-text-muted: #85858f;--color-tmall-red: #ff0036;--color-persona-intellect: #2f4858;--color-persona-editor: #d94f70;--color-persona-homebody: #c9a87c;--color-persona-outdoor: #5b8c5a;--color-persona-intellect-vivid: #1782cf;--color-persona-editor-vivid: #ef396a;--color-persona-homebody-vivid: #f49725;--color-persona-outdoor-vivid: #25b620;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--font-xs: 12px;--font-sm: 14px;--font-md: 18px;--font-lg: 24px;--font-xl: 40px;--font-2xl: 72px;--motion-micro: .12s;--motion-fast: .16s;--motion-base: .24s;--motion-slow: .32s;--motion-transition: .4s;--motion-scene: .8s;--motion-easing: cubic-bezier(.2, .8, .2, 1);--font-family: "TikTok Sans", -apple-system, system-ui, sans-serif;--font-family-mono: "TikTok Sans", -apple-system, system-ui, sans-serif;--stroke-cut-drag: 2px;--stroke-cut-fixed: 6px;--stroke-cut-dash: 10px;--stroke-cut-gap: 6px;--stroke-guide-width: var(--ui-line);--stroke-guide-dash: calc(var(--ui-line) * 2.857);--stroke-guide-gap: calc(var(--ui-line) * 1.571);--tier: 1;--u: .72px;--c-4: calc(4 * var(--u));--c-6: calc(6 * var(--u));--c-8: calc(8 * var(--u));--c-12: calc(12 * var(--u));--c-16: calc(16 * var(--u));--c-24: calc(24 * var(--u));--ui-label: clamp(min(10px, calc(30 * var(--u))), calc(11.5 * var(--u)), 18px);--ui-tag: clamp(min(10px, calc(30 * var(--u))), calc(13 * var(--u)), 16px);--ui-hint: clamp(min(14px, calc(40 * var(--u))), calc(20 * var(--u)), 24px);--ui-line: clamp(3px, .68vmin, 11px);--color-theme-backdrop: #4c151b}:root{--dv: clamp(.86px, .0926vmin, 1.7px);--dev-surface-panel: rgba(110, 107, 51, .17);--dev-surface-panel-tint: rgba(96, 95, 76, .3);--dev-surface-raised: rgba(40, 40, 48, .95);--dev-surface-control: rgba(66, 79, 33, .13);--dev-surface-control-hover: rgba(255, 255, 255, .12);--dev-surface-accent-soft: rgba(151, 172, 85, .22);--dev-border-subtle: rgba(255, 255, 255, .1);--dev-border-default: rgba(255, 255, 255, .14);--dev-border-strong: rgba(93, 93, 93, .22);--dev-checkbox-border: #ebebeb;--dev-text-1: #ffffff;--dev-text-2: rgba(255, 255, 255, .85);--dev-text-3: rgba(255, 255, 255, .65);--dev-text-4: #ffffff;--dev-text-5: rgba(255, 255, 255, .32);--dev-accent: var(--color-folder-blue);--dev-danger-text: #799226;--dev-danger-border: #83ac2c;--dev-size-panel-width: calc(150 * var(--dv));--dev-size-body-padding-top: calc(25 * var(--dv));--dev-size-body-padding-left: calc(14 * var(--dv));--dev-size-body-padding-right: calc(12 * var(--dv));--dev-size-body-padding-bottom: calc(12 * var(--dv));--dev-size-handle-width: calc(22 * var(--dv));--dev-size-handle-icon-width: calc(20 * var(--dv));--dev-size-handle-icon-height: calc(99 * var(--dv));--dev-size-handle-icon-top: calc(13 * var(--dv));--dev-size-handle-closed-height: calc(126 * var(--dv));--dev-size-control-height: calc(28 * var(--dv));--dev-size-checkbox: calc(11 * var(--dv));--dev-size-icon: calc(14 * var(--dv));--dev-size-sec-icon: calc(20 * var(--dv));--dev-size-scrollbar: calc(6 * var(--dv));--dev-size-glass-blur: calc(74 * var(--dv));--dev-size-handle-blur: calc(12 * var(--dv));--dev-radius-md: calc(5 * var(--dv));--dev-radius-panel: calc(10 * var(--dv));--dev-radius-handle: calc(8 * var(--dv));--dev-font-family: var(--font-family);--dev-font-family-mono: var(--font-family-mono);--dev-font-xs: clamp(10px, calc(10 * var(--dv)), 17px);--dev-font-sm: clamp(11px, calc(12 * var(--dv)), 20px);--dev-font-md: clamp(11px, calc(12 * var(--dv)), 20px);--dev-font-lg: clamp(12px, calc(14 * var(--dv)), 24px);--dev-font-weight: 400;--dev-font-weight-bold: 700;--dev-letter-spacing: 0;--dev-letter-spacing-wide: 1px;--dev-line-height-xs: clamp(14px, calc(16 * var(--dv)), 28px);--dev-line-height-sm: clamp(15px, calc(17 * var(--dv)), 30px);--dev-line-height-md: clamp(16px, calc(18 * var(--dv)), 32px);--dev-line-height-lg: clamp(17px, calc(20 * var(--dv)), 34px);--dev-glow: radial-gradient( calc(92.5 * var(--dv)) calc(360 * var(--dv)) at 50% 50%, rgba(255, 0, 54, .2) 7%, rgba(249, 57, 99, .15) 31%, rgba(242, 115, 144, .1) 54%, rgba(229, 229, 235, 0) 100% );--dev-noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.25'/></svg>")}.folder{position:absolute;width:0;height:0;pointer-events:none}.folder-icon{position:absolute;left:0;top:0;width:calc(var(--folder) * .8);height:calc(var(--folder) * .8);object-fit:contain;z-index:2;pointer-events:auto;cursor:grab;user-select:none}.folder-icon:active{cursor:grabbing}.folder[data-tone=grey] .folder-icon{filter:grayscale(1) brightness(1.28) contrast(.92)}.folder-label{position:absolute;left:0;top:calc(var(--folder) * .52);z-index:2;display:flex;align-items:center;gap:var(--c-4);transform:translate(-50%);white-space:nowrap;font-size:var(--ui-label);line-height:1.2;color:var(--color-cut-white);text-shadow:0 0 calc(var(--folder) * .05) var(--color-cut-shadow),0 1px 2px var(--color-cut-shadow);pointer-events:none}.folder[data-label-align=end] .folder-label{left:auto;right:calc(var(--folder) * -.4);transform:none}.folder[data-label-align=start] .folder-label{left:calc(var(--folder) * -.4);transform:none}.folder-label>i{width:max(3px,calc(var(--folder) * .13));height:max(3px,calc(var(--folder) * .13));border-radius:var(--radius-full);background:var(--color-accent)}.folder-label-text{display:flex;flex-direction:column;gap:calc(var(--folder) * .02)}.folder-label-brand{font-size:.76em;font-weight:400;opacity:.8}.hint-tag{position:absolute;z-index:6;padding:.3em .8em;border-radius:var(--radius-full);background:var(--color-ink-50);font-size:var(--ui-tag);line-height:1.3;color:var(--color-cut-white);white-space:nowrap;opacity:0;pointer-events:none;user-select:none;transition:opacity var(--motion-fast) linear}.hint-tag.is-on{opacity:1}.folder-icon-hint{left:0;top:calc(var(--folder) * -.56);transform:translate(-50%)}.folder-card-hint{left:0;top:0}.folder-cards{position:absolute;left:0;top:0;width:0;height:0;z-index:1}.folder-card{position:absolute;left:0;top:0;width:calc(var(--folder) * var(--w));height:calc(var(--folder) * var(--h));padding:0;border:0;background:none;opacity:0;pointer-events:none}.folder-card.is-flying{opacity:0!important;visibility:hidden}.folder-card>img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 calc(var(--folder) * .03) calc(var(--folder) * .06) var(--color-cut-shadow))}.folder-cursor{position:absolute;left:0;top:0;z-index:7;width:clamp(min(14px,calc(36 * var(--u))),calc(30 * var(--u)),56px);height:clamp(min(14px,calc(36 * var(--u))),calc(30 * var(--u)),56px);border:max(1.5px,calc(2.4 * var(--u))) solid var(--color-cut-white);border-radius:var(--radius-full);background:var(--color-tmall-red);box-shadow:0 2px 8px var(--color-cut-shadow);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) linear}.folder-cursor.is-on{opacity:.9}.folder-dwell{position:absolute;left:0;top:0;z-index:6;width:var(--dwell-size);height:var(--dwell-size);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) linear;--dwell-size: calc(76.8 * var(--u));--dwell-color: var(--color-tmall-red);--dwell: 4s}.folder-dwell.is-on{opacity:1}.folder-dwell svg{width:100%;height:100%;transform:rotate(-90deg)}.folder-dwell circle{fill:none;stroke:var(--color-cut-white);stroke-width:3;opacity:.35}.folder-dwell circle.bar{stroke:var(--dwell-color);opacity:1;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1;transition:stroke-dashoffset 0s linear}.folder-dwell.is-on circle.bar{stroke-dashoffset:0;transition:stroke-dashoffset var(--dwell) linear}#countdown{position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-50%);font-family:var(--font-family);font-size:clamp(48px,9vmin,120px);font-weight:300;font-variant-numeric:tabular-nums;line-height:1;color:var(--color-cut-white);text-shadow:0 2px 24px var(--color-cut-shadow);opacity:0;pointer-events:none;user-select:none}#countdown.is-on{opacity:1}#palm-badge{left:0;top:0;display:flex;gap:.8em;align-items:center;padding:.3em .8em;font-family:var(--font-family)}#palm-badge .side{display:inline-block}.palm-arm-hint{left:0;top:0}#flash{position:absolute;inset:0;z-index:9;background:var(--color-cut-white);opacity:0;pointer-events:none}#shot-fly{position:absolute;left:0;top:0;z-index:8;display:none;pointer-events:none;user-select:none}#shot-fly.is-on{display:block}#shot-fly.is-photo{object-fit:cover;border-radius:var(--radius-sm);box-shadow:0 8px 28px var(--color-cut-shadow)}#shot-fly.is-garment{object-fit:contain;filter:drop-shadow(0 6px 16px var(--color-cut-shadow))}#persona-print{position:absolute;left:0;top:0;z-index:9;pointer-events:none;user-select:none}.print-machine{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 16px 40px var(--color-cut-shadow))}.print-slot{position:absolute;overflow:hidden}.print-sheet{position:absolute;left:0;top:0;width:100%;aspect-ratio:500 / 711}.print-paper{position:absolute;inset:0;width:100%;height:100%;display:block}.print-sheet .cell{position:absolute;object-fit:cover;display:block}.print-close{position:absolute;aspect-ratio:1;border-radius:50%;border:none;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-cut-white);box-shadow:0 6px 18px var(--color-cut-shadow);cursor:pointer;pointer-events:auto;transition:transform .15s ease}.print-close:hover,.print-close.is-armed{transform:scale(1.12)}.print-close svg{width:46%;height:46%;stroke:var(--color-ink);stroke-width:2.4;stroke-linecap:round;fill:none}#photo-archive{position:fixed;right:0;top:0;z-index:99;--pa-font-xs: clamp(11px, 1.3vmin, 16px);--pa-font-sm: clamp(12px, 1.5vmin, 19px);--pa-font-md: clamp(15px, 2vmin, 24px);--pa-font-xl: clamp(30px, 4.4vmin, 56px);--pa-pad: clamp(16px, 2.6vmin, 34px);--pa-gap: clamp(10px, 1.6vmin, 22px);width:min(380px,92vw);height:100%;padding:var(--pa-pad) var(--pa-pad) calc(var(--pa-pad) * 1.4);display:flex;flex-direction:column;gap:var(--pa-gap);overflow-y:auto;background:var(--color-ink);color:var(--color-text);font-family:var(--font-family);font-size:var(--pa-font-sm);box-shadow:-12px 0 40px var(--color-cut-shadow);transform:translate(0);transition:transform var(--motion-base) var(--motion-easing)}#photo-archive.is-closed{transform:translate(105%);pointer-events:none}#photo-archive [hidden]{display:none!important}.pa-head{display:flex;align-items:center;justify-content:space-between;gap:var(--pa-gap)}.pa-head h2{font-size:var(--pa-font-md);font-weight:500;letter-spacing:.02em}.pa-close{width:clamp(30px,3.4vmin,44px);height:clamp(30px,3.4vmin,44px);border:1px solid var(--color-text-muted);border-radius:var(--radius-full);background:none;color:var(--color-text);font-size:var(--pa-font-md);line-height:1;cursor:pointer}.pa-close:hover{background:var(--color-text-muted);color:var(--color-ink)}.pa-stat{font-size:var(--pa-font-md);font-variant-numeric:tabular-nums}.pa-stat b{font-size:var(--pa-font-xl);font-weight:400}.pa-span,.pa-dir,.pa-status,.pa-note{color:var(--color-text-muted);font-size:var(--pa-font-xs);line-height:1.6;font-variant-numeric:tabular-nums}.pa-sec{display:flex;flex-direction:column;gap:calc(var(--pa-gap) * .6);padding-top:var(--pa-gap);border-top:1px solid var(--color-text-muted)}.pa-row{display:flex;gap:calc(var(--pa-gap) * .6)}.pa-row>button{flex:1;min-width:0}.pa-row button{min-height:max(40px,4.2vmin);padding:0 clamp(10px,1.5vmin,20px);border:1px solid var(--color-text-muted);border-radius:var(--radius-md);background:none;color:var(--color-text);font-family:var(--font-family);font-size:var(--pa-font-sm);cursor:pointer;transition:background var(--motion-micro) var(--motion-easing),border-color var(--motion-micro) var(--motion-easing)}.pa-row button:hover:not(:disabled){background:var(--color-text-muted);border-color:var(--color-text)}.pa-row button.is-danger{border-color:var(--color-accent)}.pa-row button:disabled{opacity:.4;cursor:default}.pa-check{display:flex;align-items:center;gap:calc(var(--pa-gap) * .6);color:var(--color-text);font-size:var(--pa-font-sm);cursor:pointer}.pa-check input{width:max(16px,1.8vmin);height:max(16px,1.8vmin);accent-color:var(--color-accent)}.pa-status{margin-top:auto;min-height:1.6em}.pa-status[data-kind=ok]{color:var(--color-folder-blue)}.pa-status[data-kind=warn]{color:var(--color-persona-homebody)}.pa-status[data-kind=err]{color:var(--color-persona-editor)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-family);color:var(--color-ink);-webkit-font-smoothing:antialiased}#viewport{position:relative;width:100%;height:100%;overflow:hidden;background:var(--color-bg)}#stage{position:absolute;left:0;top:0;width:0;height:0;transform-origin:center center;will-change:transform,width,height}#src-video,#src-image,#segmentation,#overlay{position:absolute;inset:0;width:100%;height:100%;display:block}#src-video,#src-image{object-fit:fill}#props{position:absolute;inset:0;pointer-events:none}#stage[data-mirrored="1"] #props{transform:scaleX(-1)}#props-ui{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}#src-video[hidden],#src-image[hidden],#segmentation[hidden]{display:none}#overlay{pointer-events:none}.corner-title{position:absolute;top:calc(var(--safe-y, 0px) + var(--safe-h, 100vh) * .03);z-index:5;height:auto;pointer-events:none;user-select:none}#brand-badge{left:calc(var(--safe-x, 0px) + var(--safe-w, 100vw) * .025);width:calc(218 * var(--u))}#campaign-title{position:absolute;left:calc(var(--safe-x, 0px) + var(--safe-w, 100vw) * .5);top:calc(var(--safe-y, 0px) + var(--safe-h, 100vh) * .04);z-index:8;width:calc(380 * var(--u));min-width:min(277px,calc(950 * var(--u)),calc(.27 * var(--sh, 100vh)));height:auto;transform:translate(-50%);pointer-events:none;user-select:none;filter:drop-shadow(0 2px 10px var(--color-cut-shadow))}#corner-logo{position:absolute;right:calc(100% - var(--safe-x, 0px) - var(--safe-w, 100%) + var(--safe-w, 100%) * .02);bottom:calc(100% - var(--safe-y, 0px) - var(--safe-h, 100%) + var(--safe-h, 100%) * .02);z-index:5;width:max(min(28px,calc(70 * var(--u))),calc(76.8 * var(--u)));height:auto;pointer-events:none;user-select:none}.logo-eye{transform-box:fill-box;transform-origin:center;animation:logo-blink 4.8s ease-in-out infinite}@keyframes logo-blink{0%,4%,8%,to{transform:scaleY(1)}2%,6%{transform:scaleY(.12)}}.logo-mark{stroke-dashoffset:0;animation:kf-logo-mark-trim 2.529011s linear infinite alternate}@keyframes kf-logo-mark-trim{0%{stroke-dasharray:0 1;visibility:hidden}18.771%{animation-timing-function:ease-out;stroke-dasharray:0 1;visibility:hidden}81.414%{stroke-dasharray:1 1;visibility:visible}to{stroke-dasharray:1 1;visibility:visible}}#frame-guide{position:absolute;left:50%;top:var(--guide-top, 20.42%);height:var(--guide-height, 79.58%);aspect-ratio:311 / 756;z-index:4;color:var(--color-cut-white);opacity:0;pointer-events:none;user-select:none}#frame-guide .frame-guide-shape{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:var(--stroke-guide-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--stroke-guide-dash) var(--stroke-guide-gap);vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px var(--color-cut-shadow)) drop-shadow(0 0 2px var(--color-cut-shadow))}#frame-guide.is-ready .frame-guide-shape{opacity:0}.frame-guide-judge{position:absolute;left:var(--judge-out, -31.25%);top:var(--judge-out, -31.25%);width:var(--judge-size, 162.5%);height:var(--judge-size, 162.5%);border:1px dashed currentColor;opacity:0;pointer-events:none}#frame-guide.is-judge .frame-guide-judge{opacity:.45}#frame-guide-hint{position:absolute;left:50%;bottom:calc(100% + var(--c-8));transform:translate(-50%);z-index:6}#frame-guide-hint.is-tight{bottom:auto;top:var(--c-16)}#frame-guide-label{display:inline-block;padding:.3em .8em;border-radius:var(--radius-full);background-image:linear-gradient(90deg,var(--color-tmall-red) 0 var(--wave-fill, 0%),var(--color-ink-50) var(--wave-fill, 0%));white-space:nowrap;font-size:var(--ui-hint);font-weight:700;line-height:1.3;color:var(--color-cut-white)}#wave-count{display:inline-block;margin-left:var(--c-8);font-size:1.4em;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}#theme-screen{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-theme-backdrop);pointer-events:none;transition:opacity var(--motion-transition) var(--motion-easing)}#theme-screen img{width:100%;height:100%;object-fit:contain;user-select:none}#theme-screen picture{display:block;width:100%;height:100%}html[data-mode=live] #theme-screen{opacity:0;visibility:hidden}html[data-mode=idle] #frame-guide,html[data-mode=idle] #props-ui,html[data-mode=idle] .corner-title,html[data-mode=idle] #corner-logo{visibility:hidden}#boot-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-size:clamp(11px,1.1vmin,18px);letter-spacing:var(--dev-letter-spacing-wide);color:var(--color-text-muted);pointer-events:none;transition:opacity var(--motion-base) var(--motion-easing)}#boot-hint.is-hidden{opacity:0}#boot-hint.is-alert{padding:.5em 1.1em;border-radius:var(--radius-full);background:var(--color-ink-50);font-size:clamp(18px,2.4vmin,40px);font-weight:700;line-height:1.35;color:var(--color-cut-white);text-align:center}#loading-screen{position:absolute;inset:0;z-index:101;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,1.8vmin,32px);background:var(--color-bg);transition:opacity var(--motion-base) var(--motion-easing)}#loading-screen.is-hidden{opacity:0;pointer-events:none}#loading-logo{width:clamp(64px,9vmin,150px);height:auto}#loading-logo .logo-mark{stroke:var(--color-ink)}#loading-logo .logo-eye{fill:var(--color-ink)}#loading-logo path:not(.logo-eye):not(.logo-mark){fill:var(--color-ink)}#loading-bar{width:clamp(140px,17vmin,320px);height:clamp(3px,.3vmin,6px);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-ink) 15%,transparent);overflow:hidden}#loading-bar-fill{width:0%;height:100%;background:var(--color-ink);transition:width .15s linear}#loading-pct{font-size:clamp(11px,1.1vmin,18px);letter-spacing:var(--dev-letter-spacing-wide);color:var(--color-text-muted);font-variant-numeric:tabular-nums}#dev-panel{position:absolute;left:0;top:0;width:var(--dev-size-panel-width);height:100%;transform:translate(0);transition:transform var(--motion-base) var(--motion-easing);z-index:100}#dev-panel.is-closed{transform:translate(-100%)}.handle-filter{position:absolute;width:0;height:0}.dev-body{position:relative;height:100%;overflow-y:auto;overflow-x:clip;padding:var(--dev-size-body-padding-top) var(--dev-size-body-padding-right) var(--dev-size-body-padding-bottom) var(--dev-size-body-padding-left);display:flex;flex-direction:column;gap:var(--space-16);border-radius:0 var(--dev-radius-panel) var(--dev-radius-panel) 0;background-image:linear-gradient(90deg,var(--dev-surface-panel-tint),var(--dev-surface-panel-tint)),var(--dev-glow),linear-gradient(90deg,var(--dev-surface-panel),var(--dev-surface-panel));backdrop-filter:blur(var(--dev-size-glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--dev-size-glass-blur)) saturate(1.4)}.dev-body:before{content:"";position:absolute;inset:0;background-image:var(--dev-noise);background-repeat:repeat;border-radius:inherit;pointer-events:none;mix-blend-mode:overlay}.dev-body>*{position:relative}.dev-body::-webkit-scrollbar{width:var(--dev-size-scrollbar)}.dev-body::-webkit-scrollbar-thumb{background:var(--dev-border-strong);border-radius:var(--dev-radius-md)}#dev-handle{position:absolute;left:100%;top:calc(72% - 32 * var(--dv));width:var(--dev-size-handle-width);height:var(--dev-size-handle-closed-height);padding:0;border:0;background:none;cursor:pointer}#dev-handle img{position:absolute;left:0;top:var(--dev-size-handle-icon-top);width:var(--dev-size-handle-icon-width);height:var(--dev-size-handle-icon-height);filter:url(#handle-remove-white);pointer-events:none}.dev-sec{display:flex;flex-direction:column;gap:var(--space-4)}.dev-sec:first-of-type{gap:var(--space-8)}.sec-icon{display:block;width:var(--dev-size-sec-icon);height:var(--dev-size-sec-icon);object-fit:contain;object-position:left center}.dev-row{display:flex;gap:var(--space-4)}.dev-row>select{flex:1;min-width:0}.btn-row{display:flex;gap:var(--space-4)}.btn-row>.icon-btn{flex:1;min-width:0}select,.icon-btn{appearance:none;-webkit-appearance:none;height:var(--dev-size-control-height);background:var(--dev-surface-control);border:1px solid var(--dev-border-default);border-radius:var(--dev-radius-md);color:var(--dev-text-1);font-family:var(--dev-font-family);font-size:var(--dev-font-sm);line-height:var(--dev-line-height-sm);cursor:pointer;transition:background var(--motion-micro) var(--motion-easing),border-color var(--motion-micro) var(--motion-easing)}select{padding:0 var(--space-8);width:100%}select option{background:var(--color-desk-void);color:var(--dev-text-1)}.icon-btn{display:grid;place-items:center;padding:0}.icon-btn img{width:var(--dev-size-icon);height:var(--dev-size-icon);display:block}.icon-btn.is-danger{border-color:var(--dev-danger-border)}select:hover,.icon-btn:hover{background:var(--dev-surface-control-hover);border-color:var(--dev-border-strong)}.icon-btn:active{background:var(--dev-accent);border-color:var(--dev-accent)}.dev-check{display:flex;align-items:center;gap:var(--space-8);font-size:var(--dev-font-sm);line-height:var(--dev-line-height-sm);color:var(--dev-text-3);cursor:pointer}.dev-check input{appearance:none;-webkit-appearance:none;flex:none;width:var(--dev-size-checkbox);height:var(--dev-size-checkbox);border:1px solid var(--dev-checkbox-border);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:background var(--motion-micro) var(--motion-easing),border-color var(--motion-micro) var(--motion-easing)}.dev-check input:checked{background:var(--dev-accent);border-color:var(--dev-accent)}.dev-slider{display:flex;align-items:center;gap:var(--space-4)}.dev-slider input{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:calc(4 * var(--dv));border-radius:var(--dev-radius-md);background:linear-gradient(to right,var(--dev-accent) 0 var(--p, 55%),var(--dev-surface-control) var(--p, 55%) 100%);cursor:pointer}.dev-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:calc(8 * var(--dv));height:calc(8 * var(--dv));border-radius:var(--radius-full);background:var(--dev-accent)}.dev-slider input::-moz-range-thumb{width:calc(8 * var(--dv));height:calc(8 * var(--dv));border:none;border-radius:var(--radius-full);background:var(--dev-accent)}.dev-slider output{font-family:var(--dev-font-family-mono);font-size:var(--dev-font-xs);line-height:var(--dev-line-height-xs);color:var(--dev-accent)}.dev-stat{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--dev-font-family-mono);letter-spacing:var(--dev-letter-spacing)}.dev-stat>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.dev-stat span{font-size:var(--dev-font-xs);line-height:var(--dev-line-height-xs);color:var(--dev-text-4)}.dev-stat b{font-size:var(--dev-font-sm);line-height:var(--dev-line-height-xs);font-weight:var(--dev-font-weight);color:var(--dev-text-2);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-stat.is-verbose{display:none}[data-verbose=on] .dev-stat.is-verbose{display:flex}.dev-more{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);width:100%;min-height:32px;padding:var(--space-4) var(--space-8);border:1px solid var(--dev-border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--dev-text-3);font-family:var(--dev-font-family-mono);font-size:var(--dev-font-xs);line-height:var(--dev-line-height-xs);letter-spacing:var(--dev-letter-spacing);cursor:pointer}.dev-more>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-more>b{font-weight:var(--dev-font-weight);transition:transform var(--motion-base) var(--motion-easing)}[data-verbose=on] .dev-more>b{transform:rotate(180deg)}[data-verbose=on] .dev-more{color:var(--dev-text-2);border-color:var(--dev-border-default)}.dev-note{font-size:var(--dev-font-xs);line-height:var(--dev-line-height-xs);color:var(--dev-text-5)}.dev-note.is-error{color:var(--dev-danger-text)}.dev-footer{margin-top:auto;padding-top:var(--space-16);font-size:var(--dev-font-xs);line-height:calc(9 * var(--dv));color:var(--color-text)}[data-device=tablet-portrait]{--dev-size-panel-width: calc(170 * var(--dv))}[data-device=phone]{--dev-size-panel-width: min(70vw, calc(250 * var(--dv)));--dev-size-control-height: max(34px, calc(28 * var(--dv)));--dev-size-checkbox: max(14px, calc(11 * var(--dv)))}[data-device=tablet-landscape]{--dev-size-panel-width: calc(150 * var(--dv))}[data-device=kiosk]{--dev-size-panel-width: calc(170 * var(--dv));--dev-size-control-height: calc(32 * var(--dv));--dev-font-sm: clamp(11px, calc(13 * var(--dv)), 22px)}