:root{--spring-frost: #36482f;--spring-frost-soft: rgba(54, 72, 47, .55);--spring-frost-glow: rgba(54, 72, 47, .22);--spring-frost-strong: rgba(54, 72, 47, .38);--bg-app: #0bda51;--surface: rgba(0, 123, 167, .34);--line: rgba(209, 240, 225, .36);--ink: #b6c7dc;--ink-soft: #c1a004;--ink-muted: rgba(193, 160, 4, .72);--pink: var(--spring-frost);--pink-bright: #b6c7dc;--pink-soft: var(--spring-frost-soft);--pink-dark: #007ba7;--accent-ring: var(--spring-frost-strong);--theme-bg-spot: rgba(54, 72, 47, .26);--theme-bg-mid: rgba(0, 123, 167, .34);--theme-bg-deep: #0bda51}*{box-sizing:border-box}body{margin:0;touch-action:manipulation;font-family:ui-serif,Georgia,Times New Roman,serif;font-feature-settings:"kern" 1,"liga" 1;background-color:var(--bg-app)}#root{isolation:isolate;position:relative;z-index:0;width:100%;max-width:none;margin:0;min-height:100vh;min-height:100dvh;border:none;text-align:initial;background:transparent}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 70% 45% at 50% 10%,var(--theme-bg-spot) 0%,transparent 70%),linear-gradient(145deg,var(--theme-bg-mid) 0%,var(--theme-bg-deep) 46%,#050806 100%);transform:scale(1.07);transform-origin:center;filter:blur(20px) brightness(.72) saturate(.9)}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(168deg,#060a088f,#090e0bb8 42%,#050806d6),radial-gradient(ellipse 95% 70% at 50% 35%,#0c120e40,#040705d9)}@media(prefers-reduced-motion:reduce){#root:before{transform:none;filter:blur(12px) brightness(.35) saturate(.8)}}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.chin{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;background:transparent;color:var(--ink);padding-bottom:env(safe-area-inset-bottom,0px);overflow-x:hidden}.chin-top{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:calc(.65rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) .65rem calc(1rem + env(safe-area-inset-left,0px));background:#0c120f94;backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.05);border-bottom:1px solid rgba(209,240,225,.12);box-shadow:0 14px 40px #00000059,0 1px #d1f0e10f inset}.studio-collage-ledge{width:100%;box-sizing:border-box}.studio-collage-ledge--full-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box}.chin-body__north{width:100%;flex:0 0 auto}.chin-mark{display:flex;color:var(--pink);opacity:.9}.chin-title{margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:clamp(.95rem,2.4vw,1.35rem);font-weight:700;letter-spacing:.02em;line-height:1.12;text-transform:none;color:var(--ink);text-shadow:0 0 24px var(--spring-frost-glow),0 1px 0 rgba(0,0,0,.45)}.chin-spacer{flex:1}.chin-body{flex:1;display:flex;flex-direction:column;gap:.65rem;padding:.75rem;padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px));align-items:stretch;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;min-height:0}.chin-body__main{flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;min-height:0;min-width:0}.chin-rail{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.45rem .35rem .35rem;border-radius:18px;background:#0e14117a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(209,240,225,.1);box-shadow:0 8px 28px #00000038}.user-collage{width:100%}.user-collage--upload-strip{cursor:copy;outline:none}.user-collage--upload-strip:focus-visible{box-shadow:inset 0 0 0 2px #c8e6d259}.studio-collage-ledge .user-collage{width:100%;max-width:none;margin:0;padding:.55rem 0 .65rem;border-radius:0;background:linear-gradient(175deg,#0c120eeb,#040605f0);backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);border:none;border-bottom:1px solid rgba(209,240,225,.14);box-shadow:0 10px 32px #0006,inset 0 1px #ffffff0d}.user-collage__wall{width:100%;min-height:14rem}.studio-collage-ledge .user-collage__wall{display:flex;align-items:center;justify-content:center}.user-collage__empty{margin:0;padding:1rem 1.25rem;line-height:1.45;color:#d1f0e16b;text-align:center;font-size:.8rem;max-width:36rem}.user-collage__empty--bare{cursor:copy}.collage-waterwall{--card-h: 118px;--card-w: 122px;display:flex;flex-direction:column;gap:.35rem;perspective:1200px;perspective-origin:50% 45%;width:100%}.collage-waterwall--sticker-stream{gap:.28rem;padding:.35rem 0;perspective:1280px;background:transparent;border:none;box-shadow:none}.studio-collage-ledge .collage-waterwall--sticker-stream{max-height:min(52vh,620px)}.collage-waterwall__viewport{position:relative;overflow:hidden;border-radius:0}.collage-waterwall__viewport--lane{height:7.75rem;-webkit-mask-image:none;mask-image:none}.collage-waterwall__viewport--row-0{opacity:1}.collage-waterwall__viewport--row-1{opacity:.94}.collage-stream{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.collage-stream__track{display:flex;align-items:center;gap:.38rem;width:max-content;height:100%;padding:4px 0 6px;will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--stream-duration, 48s);animation-delay:var(--stream-delay, 0s)}.collage-stream--flow-left .collage-stream__track{animation-name:collage-flow-left}.collage-stream--flow-right .collage-stream__track{animation-name:collage-flow-right}@keyframes collage-flow-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes collage-flow-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.collage-stream__track{animation-duration:220s!important;animation-delay:0s!important}}.collage-card{position:relative;flex:0 0 auto;width:var(--card-w);height:var(--card-h);margin:0;transform-style:preserve-3d;transition:transform .35s ease;cursor:default}.collage-card--sz0{--card-w: 100px;--card-h: 104px;transform:rotate(-4deg) translateY(2px) translateZ(4px)}.collage-card--sz1{--card-w: 118px;--card-h: 114px;transform:rotate(2.5deg) translateZ(2px)}.collage-card--sz2{--card-w: 108px;--card-h: 124px;transform:rotate(-2deg) translateZ(6px)}.collage-card--sz3{--card-w: 128px;--card-h: 110px;transform:rotate(3.5deg) translateY(-2px) translateZ(3px)}.collage-card--sz4{--card-w: 114px;--card-h: 118px;transform:rotate(-2.8deg) translateZ(5px)}.collage-card__img-wrap{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;border:4px solid rgba(255,255,255,.94);box-shadow:0 3px #00000061,0 14px 28px #00000080,0 0 0 1px #00000073}.collage-card--sz0 .collage-card__img-wrap{border-radius:10px 18px 13px 15px}.collage-card--sz1 .collage-card__img-wrap{border-radius:17px 11px 14px 12px}.collage-card--sz2 .collage-card__img-wrap{border-radius:14px 14px 20px 11px}.collage-card--sz3 .collage-card__img-wrap{border-radius:12px 19px 10px 14px}.collage-card--sz4 .collage-card__img-wrap{border-radius:16px 12px 14px 18px}.collage-card__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.collage-card__actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:3px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent 62%);opacity:0;pointer-events:none;transition:opacity .2s ease}.collage-card:hover .collage-card__actions,.collage-card:focus-within .collage-card__actions{opacity:1;pointer-events:auto}@media(hover:none){.collage-card__actions{opacity:.88;pointer-events:auto}}.collage-card__icon-btn{flex:1;min-width:0;padding:3px 2px;border:none;border-radius:6px;background:#0c120fe0;color:var(--spring-frost);cursor:pointer;display:flex;align-items:center;justify-content:center}.collage-card__icon-btn:hover{background:#1e2822f2;color:#fff}.collage-card__icon-btn--ghost:hover{color:#f0a8b8}.chin-rail-right{align-items:stretch;width:min(220px,28vw);min-width:160px;padding:.6rem .5rem .75rem}.rail-gap{height:.35rem}.btn-round{width:44px;height:44px;border-radius:999px;border:2px solid var(--spring-frost-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--ink-soft);box-shadow:0 0 0 1px #00000059,0 0 14px var(--spring-frost-glow);transition:transform .18s cubic-bezier(.33,1,.32,1),box-shadow .18s ease,background .14s ease,border-color .14s ease,color .14s ease}.btn-round:hover:not(:disabled){transform:translateY(-4px) scale(1.04);color:var(--spring-frost);border-color:var(--spring-frost);box-shadow:0 10px 22px #0006,0 0 22px var(--spring-frost-strong),0 0 36px var(--spring-frost-glow)}.btn-round:focus-visible{outline:2px solid var(--spring-frost);outline-offset:3px}.btn-round:disabled{opacity:.35;cursor:not-allowed}.btn-pink{background:linear-gradient(165deg,#1a2b22,#101815);color:var(--spring-frost);border-color:var(--spring-frost)}.btn-pink:hover:not(:disabled){background:linear-gradient(165deg,#234430,#15201a);color:var(--pink-bright);border-color:var(--pink-bright)}.btn-pink.has{box-shadow:0 0 0 2px var(--accent-ring)}.btn-ghost{background:var(--surface);border-color:var(--spring-frost-soft)}.btn-ghost:hover:not(:disabled){border-color:var(--spring-frost);color:var(--spring-frost)}.btn-ghost.active{border-color:var(--spring-frost);color:var(--spring-frost);background:#d1f0e114}.btn-cutout.btn-ghost:not(:disabled):hover{color:var(--ink)}.btn-cutout.busy:not(:disabled){cursor:progress}.ico-spin{animation:chin-spin .78s linear infinite}.btn-record.btn-record-live{animation:chin-rec-pulse 1.05s ease-in-out infinite}@keyframes chin-rec-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 var(--spring-frost-strong)}50%{opacity:.95;transform:scale(1.04);box-shadow:0 0 0 10px #d1f0e100}}@keyframes chin-spin{to{transform:rotate(360deg)}}.chin-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0;width:100%}.chin-visual{position:relative;width:100%;max-width:min(100%,720px)}.btn-explode{position:absolute;top:10px;right:10px;z-index:6}.btn-explode:not(:disabled):hover{transform:scale(1.06)}.chin-visual .preview-wrap{transition:opacity .52s cubic-bezier(.37,.01,.22,1),transform .74s cubic-bezier(.34,1.06,.32,1),filter .52s ease}.chin-visual-layers-open .preview-wrap{opacity:.11;transform:scale(.9) translateZ(0);filter:saturate(.92) blur(6px)}.preview-wrap{position:relative;margin-inline:auto;border-radius:14px;border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(from 45deg,#2a2633,#2a2633 25%,#1e1b26 0%,#1e1b26 50%) 50% / 16px 16px}.preview-wrap--idle{width:100%;aspect-ratio:var(--preview-ar, 1);max-height:min(68dvh,85vmin)}.preview-wrap--live{width:fit-content;max-width:min(100%,min(720px,96vw));background-position:center}.preview-canvas-frame{position:relative;z-index:2;display:inline-block;max-width:100%;line-height:0;vertical-align:top}.preview-wrap--idle .preview-canvas-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}.preview-wrap--live .preview-canvas{display:block;max-width:min(100%,720px);max-height:min(68dvh,92vmin);width:auto;height:auto;vertical-align:middle;position:relative;z-index:0}.preview-canvas{object-fit:contain}.layer-crop-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none}.layer-crop-frame{position:absolute;box-sizing:border-box;border:2px dashed var(--spring-frost);border-radius:10px;box-shadow:0 0 0 1px #00000080,0 0 20px var(--spring-frost-glow);pointer-events:none}.layer-crop-handle{position:absolute;box-sizing:border-box;width:28px;height:28px;min-width:28px;min-height:28px;margin:0;padding:0;border-radius:999px;border:2px solid var(--spring-frost);background:#0a0e0bd9;touch-action:none;transform:translate(-50%,-50%);cursor:nwse-resize;box-shadow:0 0 14px var(--spring-frost-glow),0 2px 8px #0000008c;pointer-events:auto;z-index:2}.layer-crop-handle--nw{cursor:nwse-resize}.layer-crop-handle--ne,.layer-crop-handle--sw{cursor:nesw-resize}.layer-crop-handle--se{cursor:nwse-resize}.layer-crop-handle--n{cursor:ns-resize}.layer-crop-handle--e{cursor:ew-resize}.layer-crop-handle--s{cursor:ns-resize}.layer-crop-handle--w{cursor:ew-resize}.layer-rotate-handle{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:0;border-radius:999px;border:2px solid var(--spring-frost);background:#0a0e0be6;color:var(--spring-frost);touch-action:none;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 0 14px var(--spring-frost-glow),0 2px 8px #0000008c;pointer-events:auto;z-index:3}.layer-rotate-handle--edge{z-index:4}.layer-rotate-handle:active{cursor:grabbing}.layer-rotate-handle:focus-visible{outline:2px solid var(--spring-frost);outline-offset:2px}.layer-crop-handle:focus-visible{outline:2px solid var(--spring-frost);outline-offset:2px}.preview-wrap--idle .preview-canvas{max-width:100%;max-height:100%;width:auto;height:auto;display:block;vertical-align:middle;position:relative;z-index:0}.preview-grid-lines{--cell: var(--grid-cell, 32px);--ga: var(--grid-a, .22);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--cell) - 1px),rgba(34,197,94,var(--ga)) calc(var(--cell) - 1px),rgba(34,197,94,var(--ga)) var(--cell)),repeating-linear-gradient(0deg,transparent 0,transparent calc(var(--cell) - 1px),rgba(34,197,94,var(--ga)) calc(var(--cell) - 1px),rgba(34,197,94,var(--ga)) var(--cell))}.preview-drag-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;touch-action:none;cursor:grab}.preview-drag-surface.is-blocked{pointer-events:none;cursor:default}.preview-drag-surface:active:not(.is-blocked){cursor:grabbing}.layer-move-bar{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;margin-top:.35rem;padding:.4rem .55rem;border-radius:999px;background:#0c110e80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(209,240,225,.1)}.layer-transform-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .7rem;margin-top:.35rem;padding:.35rem .65rem;border-radius:12px;background:#0a0e0b6b;border:1px solid rgba(209,240,225,.09);font-size:.72rem;color:var(--ink-soft)}.layer-transform-hint{opacity:.82;white-space:nowrap}.layer-transform-field{display:inline-flex;align-items:center;gap:.3rem}.layer-transform-label{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.layer-transform-input{width:5rem;padding:.22rem .4rem;border-radius:8px;border:1px solid rgba(209,240,225,.18);background:#00000061;color:var(--ink);font-size:.75rem;font-variant-numeric:tabular-nums}.layer-transform-input:focus{outline:none;border-color:var(--spring-frost);box-shadow:0 0 0 1px var(--spring-frost-glow)}.btn-layer-pick{width:38px;height:38px}.panel-section-label{margin:0 0 .35rem;font-family:Meladiya,ui-serif,Georgia,serif;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);text-shadow:0 1px 2px rgba(0,0,0,.75)}.layer-zoom-tools{margin-top:.55rem;padding-top:.5rem;border-top:1px solid var(--line)}.matte-tools{margin-bottom:.55rem;padding-bottom:.55rem;border-bottom:1px solid var(--line)}.matte-hint{margin:0 0 .48rem;font-size:.72rem;line-height:1.35;color:var(--ink-muted)}.matte-api-link{color:var(--spring-frost);text-decoration:underline;text-underline-offset:2px}.matte-mode-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-bottom:.5rem}.btn-matte-mode{height:38px;border-radius:10px;border:2px solid var(--spring-frost-soft);background:var(--surface);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 8px var(--spring-frost-glow);transition:border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.btn-matte-mode:hover:not(:disabled){border-color:var(--spring-frost);color:var(--spring-frost)}.btn-matte-mode.active{border-color:var(--spring-frost);color:var(--spring-frost);background:#d1f0e114}.matte-field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.42rem;font-size:.68rem;color:var(--ink-muted)}.matte-field--inline{flex-direction:row;align-items:center;gap:.6rem}.matte-field--grow{flex:1;min-width:0}.matte-field input[type=color]{width:100%;height:34px;border:1px solid var(--line);border-radius:8px;padding:0;cursor:pointer;background:transparent}.matte-seed-input,.matte-select{width:100%;padding:.35rem .45rem;border-radius:8px;border:1px solid var(--line);background:#080b098c;color:var(--ink);font:inherit}.matte-api-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-end;margin-bottom:.45rem}.matte-fetch-btn{flex-shrink:0}.matte-icon-pick{margin:.4rem 0 .35rem}.matte-icon-label{display:block;margin-bottom:.3rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.matte-icon-row{display:flex;flex-wrap:wrap;gap:.35rem}.btn-matte-icon{width:36px;height:36px;padding:0;border-radius:999px;border:2px solid var(--spring-frost-soft);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-soft);transition:border-color .14s ease,color .14s ease}.btn-matte-icon:hover:not(:disabled),.btn-matte-icon.active{border-color:var(--spring-frost);color:var(--spring-frost)}.matte-api-err{margin:0 0 .35rem;font-size:.68rem;color:#edb4c2}.matte-mini-swatch{height:42px;border-radius:10px;border:1px solid rgba(209,240,225,.2);margin:.45rem 0 .35rem}.matte-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.matte-color-chip{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.38);flex-shrink:0}.iso-matte-swatch{display:block;width:100%;height:100%;min-height:84px}.iso-panel-blackmat-face--top{box-shadow:inset 0 0 0 1px #d1f0e126,inset 0 12px 38px #00000040}.align-tools{margin-bottom:.5rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.align-tool-row{display:flex;gap:.35rem;justify-content:center;margin-bottom:.4rem}.btn-align{width:38px;height:38px}.preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:1.5rem;color:var(--ink-muted);pointer-events:none;opacity:.45}.dim-tag{margin:0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.65)}.iso-reveal-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;overflow:visible;opacity:0;pointer-events:none;transition:opacity .48s cubic-bezier(.42,0,.14,1)}.chin-visual-layers-open .iso-reveal-shell{opacity:1;pointer-events:auto}.iso-scene{perspective:1080px;perspective-origin:50% 42%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible}.iso-pivot{transform-style:preserve-3d;width:clamp(168px,44vw,240px);height:clamp(118px,30vw,168px);position:relative;transition:transform .82s cubic-bezier(.33,1.1,.32,1)}.chin-visual:not(.chin-visual-layers-open) .iso-pivot{transform:rotateX(8deg) rotate(-11deg) scale(.9)}.chin-visual-layers-open .iso-pivot{transform:rotateX(61deg) rotate(-43deg) scale(1)}.iso-stack{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.iso-panel{position:absolute;left:50%;top:50%;width:88%;height:78%;max-width:220px;max-height:150px;transform-style:preserve-3d;transform-origin:50% 92%;border-radius:12px;cursor:grab;transition:transform .86s cubic-bezier(.28,1,.24,1),filter .26s ease;transition-delay:0s;filter:brightness(1)}.chin-visual-layers-open .iso-panel--selectable{cursor:pointer}.iso-panel--stack-selected{filter:brightness(1.12) drop-shadow(0 0 14px var(--spring-frost-glow)) drop-shadow(0 0 26px rgba(209,240,225,.28))}.chin-visual-layers-open .iso-panel--selectable:focus-visible{outline:2px solid var(--spring-frost);outline-offset:4px}.chin-visual:not(.chin-visual-layers-open) .iso-stack:not(.iso-stack--mat) .iso-layer-bg{transform:translate3d(calc(-50% - 4px),calc(-50% + 4px),-8px) rotateX(0)}.chin-visual:not(.chin-visual-layers-open) .iso-stack:not(.iso-stack--mat) .iso-layer-subject{transform:translate3d(-50%,-50%,0) rotateX(0)}.chin-visual:not(.chin-visual-layers-open) .iso-stack:not(.iso-stack--mat) .iso-layer-overlay{transform:translate3d(calc(-50% + 4px),calc(-50% - 4px),8px) rotateX(0)}.chin-visual:not(.chin-visual-layers-open) .iso-stack.iso-stack--mat .iso-layer-bg{transform:translate3d(calc(-50% - 4px),calc(-50% + 4px),-11px) rotateX(0)}.chin-visual:not(.chin-visual-layers-open) .iso-stack.iso-stack--mat .iso-layer-blackmat--subject{transform:translate3d(calc(-50% - 3px),calc(-50% + 3px),-6px) rotateX(0)}.chin-visual:not(.chin-visual-layers-open) .iso-stack.iso-stack--mat .iso-layer-subject{transform:translate3d(-50%,-50%,0) rotateX(0)}.chin-visual:not(.chin-visual-layers-open) .iso-stack.iso-stack--mat .iso-layer-blackmat--overlay{transform:translate3d(calc(-50% + 2px),calc(-50% - 3px),5px) rotateX(0)}.chin-visual:not(.chin-visual-layers-open) .iso-stack.iso-stack--mat .iso-layer-overlay{transform:translate3d(calc(-50% + 4px),calc(-50% - 4px),10px) rotateX(0)}.chin-visual:not(.chin-visual-layers-open) .iso-panel{transition-duration:.55s}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-bg{transform:translate3d(calc(-50% - 22px),calc(-50% + 18px),-48px) rotateX(0);transition-delay:.05s}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-subject{transform:translate3d(-50%,-50%,6px) rotateX(0);transition-delay:.12s}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-overlay{transform:translate3d(calc(-50% + 24px),calc(-50% - 20px),58px) rotateX(0);transition-delay:.22s}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-bg:hover{transform:translate3d(calc(-50% - 22px),calc(-50% + 18px),-12px) rotateX(-9deg) translateY(-6px);filter:brightness(1.05)}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-subject:hover{transform:translate3d(-50%,-50%,42px) rotateX(-9deg) translateY(-6px);filter:brightness(1.05)}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-overlay:hover{transform:translate3d(calc(-50% + 24px),calc(-50% - 20px),94px) rotateX(-9deg) translateY(-6px);filter:brightness(1.05)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-bg{transform:translate3d(calc(-50% - 22px),calc(-50% + 18px),-54px) rotateX(0);transition-delay:.03s}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-blackmat--subject{transform:translate3d(calc(-50% - 16px),calc(-50% + 12px),-34px) rotateX(0);transition-delay:.07s}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-subject{transform:translate3d(-50%,-50%,6px) rotateX(0);transition-delay:.12s}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-blackmat--overlay{transform:translate3d(calc(-50% + 8px),calc(-50% - 8px),28px) rotateX(0);transition-delay:.17s}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-overlay{transform:translate3d(calc(-50% + 24px),calc(-50% - 20px),64px) rotateX(0);transition-delay:.25s}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-bg:hover{transform:translate3d(calc(-50% - 22px),calc(-50% + 18px),-18px) rotateX(-9deg) translateY(-6px);filter:brightness(1.05)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-blackmat--subject:hover{transform:translate3d(calc(-50% - 16px),calc(-50% + 12px),2px) rotateX(-9deg) translateY(-6px);filter:brightness(1.08)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-subject:hover{transform:translate3d(-50%,-50%,42px) rotateX(-9deg) translateY(-6px);filter:brightness(1.05)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-blackmat--overlay:hover{transform:translate3d(calc(-50% + 8px),calc(-50% - 8px),64px) rotateX(-9deg) translateY(-6px);filter:brightness(1.08)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-overlay:hover{transform:translate3d(calc(-50% + 24px),calc(-50% - 20px),100px) rotateX(-9deg) translateY(-6px);filter:brightness(1.05)}.iso-panel:active{cursor:grabbing}.iso-panel-face{position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;box-shadow:0 1px #ffffff12 inset,0 18px 32px #00000073,0 0 0 1px #00000059}.iso-layer-bg .iso-panel-face{outline:1px solid var(--spring-frost-soft)}.iso-layer-subject .iso-panel-face{outline:1px solid rgba(180,200,255,.18)}.iso-panel-blackmat-face{background:linear-gradient(155deg,#16141c,#050408)}.iso-layer-blackmat .iso-panel-face{outline:1px solid rgba(120,118,145,.35)}.iso-blackfill{display:block;width:100%;height:100%;min-height:84px;background:radial-gradient(ellipse 92% 72% at 52% 42%,#121018,#030204)}.iso-face-check{background:repeating-conic-gradient(#2f2c38,#2f2c38 25%,#28252f 0%,#28252f 50%) 50% / 12px 12px,#1a1824}.iso-panel-overlay-face{background:linear-gradient(145deg,#2a2735,#13111a 60%)}.iso-thumb{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.iso-ph{display:block;width:100%;height:100%;min-height:84px;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 6px,transparent 6px 12px),#1e1c28a6}@media(prefers-reduced-motion:reduce){.btn-record.btn-record-live{animation:none;box-shadow:none}.chin-visual .preview-wrap,.iso-reveal-shell,.iso-pivot,.iso-panel{transition:none!important;transition-delay:0s!important;filter:none!important}.chin-visual-layers-open .preview-wrap{opacity:.25;transform:scale(.92);filter:none}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-bg:hover{transform:translate3d(calc(-50% - 22px),calc(-50% + 18px),-48px) rotateX(0);filter:brightness(1)}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-subject:hover{transform:translate3d(-50%,-50%,6px) rotateX(0);filter:brightness(1)}.chin-visual-layers-open .iso-stack:not(.iso-stack--mat) .iso-layer-overlay:hover{transform:translate3d(calc(-50% + 24px),calc(-50% - 20px),58px) rotateX(0);filter:brightness(1)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-bg:hover{transform:translate3d(calc(-50% - 22px),calc(-50% + 18px),-54px) rotateX(0);filter:brightness(1)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-blackmat--subject:hover{transform:translate3d(calc(-50% - 16px),calc(-50% + 12px),-34px) rotateX(0);filter:brightness(1)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-subject:hover{transform:translate3d(-50%,-50%,6px) rotateX(0);filter:brightness(1)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-blackmat--overlay:hover{transform:translate3d(calc(-50% + 8px),calc(-50% - 8px),28px) rotateX(0);filter:brightness(1)}.chin-visual-layers-open .iso-stack.iso-stack--mat .iso-layer-overlay:hover{transform:translate3d(calc(-50% + 24px),calc(-50% - 20px),64px) rotateX(0);filter:brightness(1)}}.blend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-bottom:.65rem}.btn-blend{width:100%;min-width:0;height:38px;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:0;border-radius:999px;border:2px solid var(--spring-frost-soft);background:var(--surface);color:var(--ink-soft);box-shadow:0 0 8px var(--spring-frost-glow);cursor:pointer;transition:transform .16s cubic-bezier(.33,1,.32,1),border-color .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}.btn-blend:hover{border-color:var(--spring-frost);color:var(--spring-frost);box-shadow:0 0 12px var(--spring-frost-glow);transform:translateY(-2px)}.btn-blend.active{background:linear-gradient(165deg,#1a2b22,#101815);border-color:var(--spring-frost);color:var(--spring-frost);box-shadow:0 0 14px var(--spring-frost-glow)}.blend-short{pointer-events:none}.slider-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem;min-height:40px}.slider-ico{flex:0 0 22px;display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.slider-row input[type=range]{flex:1;height:6px;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line);accent-color:var(--pink)}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--pink);border:2px solid var(--pink-dark);cursor:pointer;transition:transform .12s ease}.slider-row input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--pink);border:2px solid var(--pink-dark);cursor:pointer}@media(min-width:1180px){.chin-body__main{grid-template-columns:minmax(52px,auto) minmax(0,1fr) minmax(190px,230px)}.chin-rail{position:sticky;top:calc(4.75rem + env(safe-area-inset-top,0px));max-height:calc(100dvh - 5.5rem);overflow-y:auto;scrollbar-width:thin}.chin-rail-right{scrollbar-gutter:stable}.chin-stage{min-height:calc(100dvh - 8rem);justify-content:center}}@media(min-width:901px)and (max-width:1179px){.chin-body{max-width:1040px}.chin-body__main{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tools stage" "config config"}.chin-body__main>.chin-rail:not(.chin-rail-right){grid-area:tools;position:sticky;top:calc(4.5rem + env(safe-area-inset-top,0px))}.chin-stage{grid-area:stage}.chin-rail-right{grid-area:config;width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;align-items:stretch}.chin-rail-right>*{margin:0;min-width:0}.blend-grid,.layer-zoom-tools,.matte-tools{padding:.55rem;border-radius:14px;border:1px solid var(--line);background:#0a0e0b47}.layer-zoom-tools{margin-top:0;padding-top:.55rem}}@media(max-width:900px){.chin{overflow-x:clip}.chin-top{position:sticky;top:0;z-index:30;gap:.45rem;padding:calc(.45rem + env(safe-area-inset-top,0px)) calc(.6rem + env(safe-area-inset-right,0px)) .45rem calc(.6rem + env(safe-area-inset-left,0px))}.chin-title{flex:1 1 10rem;min-width:0;font-size:clamp(.9rem,5vw,1.15rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chin-spacer{flex:0 0 auto}.chin-body{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;gap:.5rem;padding:.5rem;padding-left:calc(.5rem + env(safe-area-inset-left,0px));padding-right:calc(.5rem + env(safe-area-inset-right,0px))}.studio-collage-ledge .user-collage{padding-block:.35rem}.user-collage__wall{min-height:7.25rem}.collage-waterwall{--card-h: 82px;--card-w: 86px;gap:.18rem}.collage-waterwall__viewport--lane{height:5.5rem}.collage-card--sz0,.collage-card--sz1,.collage-card--sz2,.collage-card--sz3,.collage-card--sz4{--card-w: 86px;--card-h: 82px}.chin-body__main{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;gap:.55rem}.chin-stage{order:-1;align-self:center;width:100%;gap:.35rem}.chin-visual{max-width:100%}.preview-wrap{border-radius:10px}.preview-wrap--idle{max-height:52dvh}.preview-wrap--live{width:100%;max-width:100%}.preview-wrap--live .preview-canvas{width:100%;height:auto;max-width:100%;max-height:58dvh}.chin-rail{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:.4rem;scroll-padding-inline:.4rem;-webkit-overflow-scrolling:touch}.chin-rail .btn-round{flex:0 0 auto}.chin-rail-right{width:100%;max-width:100%;padding:.55rem;gap:.45rem}.blend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.btn-round{width:42px;height:42px}.btn-round:hover:not(:disabled){transform:none}.btn-explode{top:8px;right:8px}.layer-move-bar,.layer-transform-bar{width:100%;border-radius:14px}.layer-transform-field{flex:1 1 8rem}.layer-transform-input{width:100%}.matte-tools{padding:.55rem}.rail-gap{flex:0 0 .25rem;width:0;height:auto}}@media(max-width:700px){.chin-body__main{gap:.45rem}.chin-rail:not(.chin-rail-right){position:sticky;top:calc(3.4rem + env(safe-area-inset-top,0px));z-index:20}.chin-rail-right{display:flex;flex-direction:row;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:.55rem;-webkit-overflow-scrolling:touch}.chin-rail-right>*{flex:0 0 min(82vw,22rem);scroll-snap-align:start;margin:0;padding:.55rem;border-radius:14px;border:1px solid var(--line);background:#0a0e0b47}.chin-rail-right>.slider-row{min-height:auto;display:grid;grid-template-columns:24px 1fr;align-content:center}.blend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.layer-zoom-tools,.matte-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}}@media(max-width:520px){.chin-top .btn-round{width:38px;height:38px}.chin-mark{display:none}.chin-title{flex-basis:100%;order:-1}.preview-wrap--idle{max-height:46dvh}.preview-wrap--live .preview-canvas{max-height:50dvh}.layer-crop-handle{width:34px;height:34px;min-width:34px;min-height:34px}.layer-rotate-handle{width:38px;height:38px;min-width:38px;min-height:38px}.blend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.slider-row{min-height:46px}}@media(max-width:390px){.chin-body{padding-inline:.35rem}.chin-rail-right>*{flex-basis:min(88vw,20rem)}.btn-round{width:40px;height:40px}.btn-blend{height:36px;font-size:.58rem}}
