@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#eee7dc;background:#14100e;font-synthesis:none;--gold:#cca675;--muted:#a39789;--line:#ffffff14;--panel:#1c1a17;--scene-bg:#15110e;--scene-ink:#eee7dc;--sidebar:328px;--timeline:208px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.28;cursor:default}button{background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover:not(:disabled){filter:brightness(1.2)}[hidden]{display:none!important}::selection{background:#cca67566}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#514839;border-radius:10px}#experience{position:fixed;inset:0;overflow:hidden;background:var(--scene-bg);color:var(--scene-ink);transition:background .7s}#stage{position:absolute;inset:0;z-index:3;touch-action:pan-y}#stage canvas{display:block;width:100%;height:100%;outline:none}.ambient{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 69% 43%,#73522d33 0,transparent 46%),radial-gradient(ellipse at 20% 100%,#533a261a 0,transparent 50%)}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#d0a36606 47%,transparent 54%)}.grain{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.orbit-ring{position:absolute;left:45%;top:48%;width:54vw;height:54vw;border:1px solid #ddbd8710;border-radius:50%;transform:translate(-30%,-50%) rotate(-23deg);z-index:1;pointer-events:none}.ring-two{width:68vw;height:68vw;border-color:#ddbd8708}.viewer-header{position:absolute;left:4.1%;right:4.1%;top:37px;display:flex;align-items:center;justify-content:space-between;z-index:8}.brand{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:.25em;font-weight:500}.brand img{width:32px;height:32px}.brand-sub{display:block;letter-spacing:.22em;font-size:7px;font-weight:400;margin-top:6px;opacity:.47}.text-button{font-size:9px;letter-spacing:.16em;padding:12px 0;gap:16px;color:var(--scene-ink);opacity:.67}.text-button:hover{opacity:1}.type-layer{position:absolute;inset:0;z-index:2;pointer-events:none;will-change:transform,opacity}.display-type{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 7.1%;padding-bottom:3vh;color:var(--type-color);font-family:Cormorant Garamond,Georgia,serif;font-weight:400;letter-spacing:-.075em;font-size:calc(clamp(95px,16.7vw,300px)*var(--type-scale));line-height:.82}.display-type span{display:block;max-width:100%;overflow-wrap:anywhere}.display-type .first-line{transform:translate(-.035em)}.display-type .second-line{font-style:italic;margin-top:.015em;letter-spacing:-.07em}.display-type.modern{font-family:DM Sans,Noto Sans KR,sans-serif;letter-spacing:-.085em;font-weight:500;font-size:calc(clamp(70px,12.9vw,220px)*var(--type-scale));line-height:1}.display-type.modern .second-line{font-weight:400;font-style:normal}.display-type.outline{color:transparent;-webkit-text-stroke:1px var(--type-color)}.align-center{text-align:center;align-items:center}.align-right{text-align:right;align-items:flex-end}.side-caption{position:absolute;right:30px;top:47%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.3em;z-index:7;opacity:.35}.scene-copy{position:absolute;left:7.3%;bottom:20.5%;z-index:6;pointer-events:none;max-width:70%}.scene-copy>span{font-size:8px;letter-spacing:.24em;color:var(--gold)}.scene-copy p{font-size:11px;font-weight:400;letter-spacing:.065em;opacity:.52;margin-top:12px;line-height:1.8}.viewer-footer{position:absolute;bottom:34px;left:4.1%;right:4.1%;z-index:8;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.13em}.chapter-info{display:flex;align-items:center;gap:15px;width:30%;font-size:9px}.chapter-info>span:first-child{font-family:Cormorant Garamond,serif;font-size:24px;font-style:italic;color:var(--gold);letter-spacing:-1px}.chapter-info i{height:1px;width:27px;background:var(--scene-ink);opacity:.2}.chapter-info>span:last-child{opacity:.55;letter-spacing:.17em}.scroll-hint{font-size:8px;letter-spacing:.2em;gap:12px;opacity:.65;padding:10px}.hint-arrow{font-size:18px;font-weight:400;animation:breathe 3s ease-in-out infinite}.viewer-actions{width:30%;display:flex;align-items:center;justify-content:flex-end;gap:22px}.edition{font-size:7px;letter-spacing:.16em;opacity:.28}.round-button{width:35px;height:35px;border:1px solid #a9987f44;border-radius:50%;color:var(--gold)}.round-button svg{width:12px}.chapter-dots{position:absolute;right:4.3%;bottom:143px;z-index:8;display:flex;align-items:center;gap:5px}.chapter-dots button{width:20px;height:26px;padding:0}.chapter-dots button span{width:3px;height:3px;background:var(--scene-ink);opacity:.2;border-radius:50%;transition:all .25s}.chapter-dots button.active span{width:5px;height:5px;background:var(--gold);opacity:1;box-shadow:0 0 0 5px #cca67515}.viewer-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:9;background:#ffffff07}.viewer-progress span{display:block;height:100%;background:var(--gold);width:0;opacity:.65}#scroll-space{height:650vh}body.free-trigger #scroll-space{height:100vh}body.free-trigger #stage{touch-action:none}body.free-trigger{overflow:hidden}#loader{position:fixed;inset:0;background:#14100e;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;transition:opacity .8s}#loader.done{opacity:0;pointer-events:none}#loader>img{width:40px;animation:turn 16s linear infinite}.loader-title{font:italic 44px/.98 Cormorant Garamond,Georgia,serif;text-align:center;color:#e1d1b9;letter-spacing:-.025em}.loader-track{width:160px;height:1px;background:#ffffff15;margin-top:10px}.loader-track i{height:1px;display:block;background:var(--gold);width:0;transition:width .2s}#load-label{font-size:10px;color:#998b78;max-width:300px;text-align:center;line-height:1.8}body:not(.loaded) .viewer-header,body:not(.loaded) .viewer-footer{opacity:0}.viewer-header,.viewer-footer{transition:opacity 1s}body[data-theme=ivory]{--scene-bg:#dcd3c4;--scene-ink:#4a3422}body[data-theme=ivory] .ambient{background:radial-gradient(ellipse at 60% 45%,#fffdf1 0,#ede5d65c 40%,transparent 65%)}body[data-theme=ivory] .orbit-ring{border-color:#63513a18}body[data-theme=ivory] .type-layer{mix-blend-mode:multiply}body[data-theme=noir]{--scene-bg:#0d0e10;--scene-ink:#e8e7e4}body[data-theme=noir] .ambient{background:radial-gradient(ellipse at 68% 40%,#62707d21,transparent 55%)}body.editing{overflow:hidden;background:var(--panel)}body.editing #scroll-space{display:none}body.editing #experience{top:64px;right:var(--sidebar);bottom:var(--timeline);left:0;border-right:1px solid var(--line)}body.editing .viewer-header,body.editing .viewer-footer,body.editing .side-caption,body.editing .chapter-dots,body.editing .viewer-progress{display:none}body.editing .display-type{font-size:calc(clamp(60px,11.3vw,190px)*var(--type-scale));padding-top:24px;padding-bottom:0}body.editing .display-type.modern{font-size:calc(clamp(50px,9vw,150px)*var(--type-scale))}body.editing .scene-copy{bottom:10%;left:7.3%}body.editing #stage{touch-action:none}body.editing .orbit-ring{width:45vw;height:45vw}#studio{position:fixed;inset:0;pointer-events:none;z-index:20;color:#e7e1d7;font-size:11px}#studio button,#studio input,#studio select,#studio summary{pointer-events:auto}.studio-header{height:64px;background:#1c1a17;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 23px;pointer-events:auto}.studio-brand{display:flex;gap:11px;align-items:center;font-size:10px;letter-spacing:.13em;white-space:nowrap}.studio-brand img{width:24px}.studio-brand i{font-weight:400;font-style:normal;opacity:.25;margin:0 10px}.studio-brand b{font-size:11px;letter-spacing:0;font-weight:400;opacity:.7}.studio-header-actions{display:flex;align-items:center;gap:9px}#save-status{font-size:9px;color:#948b7c;margin-right:10px}.icon-button{width:28px;height:30px;padding:0;color:#b6aea0}.icon-button:hover{background:#ffffff08;border-radius:4px}.subtle-button{border:1px solid #ffffff15;padding:8px 10px;border-radius:4px;font-size:10px;color:#bcb4a8;white-space:nowrap}.light-button{padding:9px 13px;border-radius:4px;background:#e5d7c0;color:#302a22;font-size:10px;font-weight:600}.stage-tools{position:absolute;left:22px;top:85px;right:calc(var(--sidebar) + 22px);display:flex;align-items:center;gap:15px;pointer-events:none}.tool-switch{display:flex;padding:3px;border-radius:5px;background:#1c1a17e0;border:1px solid #ffffff12;pointer-events:auto;box-shadow:0 4px 20px #0002}.tool-switch button{width:33px;height:31px;border-radius:3px;color:#8b8174}.tool-switch button.active{background:#cfac7926;color:#d5b57e}#stage-help{font-size:9px;color:#c2b5a1;opacity:.65;background:#15110e44;border-radius:4px;padding:7px;line-height:1.5}.stage-tag{position:absolute;left:24px;bottom:calc(var(--timeline) + 19px);font-size:8px;letter-spacing:.13em;display:flex;align-items:center;gap:8px;color:#a89c89;pointer-events:none}.live-dot{height:4px;width:4px;border-radius:50%;background:#c7aa79;box-shadow:0 0 7px #cca67566}#view-frame-name{opacity:.5;text-transform:uppercase}#inspector{position:absolute;right:0;top:64px;bottom:0;width:var(--sidebar);background:#1c1a17;border-left:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;padding-bottom:20px}.inspector-heading{padding:26px 22px 23px}.inspector-heading small{color:var(--gold);font-size:8px;letter-spacing:.18em}.inspector-heading h2{font-family:Cormorant Garamond,Noto Sans KR,serif;font-size:20px;font-weight:400;letter-spacing:-.035em;margin:11px 0 8px}.inspector-heading p{font-size:10px;color:#8f8678;margin:0}.inspector-section{border-top:1px solid var(--line);padding:18px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;min-height:20px}.section-heading h3{font-size:11px;letter-spacing:.025em;font-weight:500;margin:0}.section-heading>span{font-size:7px;letter-spacing:.12em;color:#6f675b}.preset-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preset-list button{border:1px solid #ffffff12;display:flex;flex-direction:column;gap:10px;font-size:9px;letter-spacing:.015em;padding:13px 0 11px;border-radius:4px;color:#908778;background:#ffffff02}.preset-list button>span{font-size:24px;font-family:serif;line-height:1;color:#ada08a}.preset-list button.active{border-color:#a88b5866;background:#cfac790a;color:#dac5a1}.preset-list button.active>span{color:#ceb485}.field{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#918777;margin-bottom:12px;min-width:0}.field input,.field select{height:33px;width:100%;padding:7px 9px;background:#13121077;border:1px solid #ffffff10;border-radius:3px;color:#d3c9b9;font-size:11px;min-width:0}.field select{font-size:10px;appearance:auto;color-scheme:dark}.field input:focus,.field select:focus{border-color:#c1a37166;outline:0}.field input:disabled{color:#736c60}.inline-fields{display:flex;gap:8px}.grow{flex:1}.time-field{width:66px}.capture-button{width:100%;border:1px solid #ba96543b;color:#cdb385;border-radius:3px;font-size:10px;padding:10px 8px;background:#cca67506}.capture-button>span{margin-left:auto;opacity:.5}.capture-button>svg{margin-right:auto}.vector-label{font-size:9px;color:#837969;margin:12px 0 7px}.vector-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.vector-fields label{display:flex;align-items:center;height:31px;background:#13121066;border:1px solid #ffffff10;border-radius:3px;padding-left:8px;gap:3px}.vector-fields span{font-size:8px;color:#7d715f}.vector-fields input{width:100%;background:none;border:0;color:#c8beaf;font-size:10px;padding:6px 0 6px 4px;outline:none;min-width:0}.vector-fields input::-webkit-inner-spin-button{opacity:.25}details{margin:16px 0 20px}summary{cursor:pointer;font-size:10px;color:#b0a593;padding:5px 0;list-style:none;display:flex;align-items:center}summary:before{content:"+";font-size:13px;width:17px;color:#706856}details[open]>summary:before{content:"−"}summary span{font-size:7px;margin-left:auto;letter-spacing:.14em;color:#6b6254}.range-field{display:flex;align-items:center;gap:10px;color:#918777;font-size:9px;margin:15px 0 0}.range-field input{flex:1;min-width:0;accent-color:#b99760;height:2px}.range-field output{width:30px;color:#b5a78e;font-size:9px;text-align:right}.color-field{width:32px}.color-field input{padding:3px}.switch{display:flex;align-items:center}.switch input{position:absolute;opacity:0;width:30px;height:20px;cursor:pointer}.switch>span{display:block;width:27px;height:15px;background:#39352e;border-radius:20px;padding:3px;pointer-events:none}.switch>span:after{content:"";display:block;width:9px;height:9px;background:#8e8474;border-radius:50%;transition:transform .2s}.switch input:checked+span{background:#9b8150}.switch input:checked+span:after{transform:translate(12px);background:#f0e3cb}.switch input:focus-visible+span{outline:2px solid var(--gold);outline-offset:4px}.theme-list{display:flex;gap:6px;margin-bottom:17px}.theme-list button{display:flex;flex:1;flex-direction:column;gap:7px;font-size:8px;color:#8a8174;border:1px solid #ffffff0e;padding:8px 2px;border-radius:4px}.theme-list button.active{border-color:#c8a56d66;color:#c3ae88}.swatch{width:100%;height:22px;border-radius:2px;display:block}.swatch.ember{background:linear-gradient(130deg,#17110c,#76512c)}.swatch.ivory{background:linear-gradient(130deg,#c8beac,#ede5d8)}.swatch.noir{background:linear-gradient(130deg,#070709,#313941)}.panel-tip{font-size:9px;color:#706859;line-height:1.8;margin:18px 0 0;word-break:keep-all}.inspector-bottom{padding:12px 22px;font-size:6px;letter-spacing:.12em;color:#5d564c}.timeline{position:absolute;left:0;right:var(--sidebar);bottom:0;height:var(--timeline);background:#1c1a17;border-top:1px solid var(--line);padding:15px 23px 14px;pointer-events:auto}.timeline-top{display:flex;justify-content:space-between;align-items:center}.timeline-title{display:flex;align-items:center;gap:13px}.timeline-title>span{font-size:9px;letter-spacing:.15em;color:#b6aa95}.timeline-title small{font-size:7px;color:#6e6659;letter-spacing:.075em}.timeline-actions{display:flex;gap:8px}.gold-button{padding:8px 11px;background:#c5a16b;color:#211b13;border-radius:3px;font-size:10px;font-weight:500}.scrubber-row{display:flex;align-items:center;gap:14px;font-size:8px;color:#6e6659;margin:14px 0}.scrubber-row>span:first-child{width:37px;flex-shrink:0;color:#c6a570}.scrubber-row input{flex:1;height:2px;accent-color:#d4b077;cursor:ew-resize}.frames{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px}.frame-card{display:flex;flex-direction:column;flex:1 0 110px;max-width:220px;min-width:0;gap:0;border:1px solid #ffffff12;border-radius:4px;overflow:hidden;padding:0;color:#a39885;text-align:left;position:relative}.frame-card.selected{border-color:#b2935e}.frame-art{width:100%;height:55px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 100%,#75552b33,transparent 60%),#16130f}.frame-art img{width:33px;opacity:.15;transform:rotate(-15deg)}.frame-art b{position:absolute;left:10px;top:9px;font-size:7px;letter-spacing:.13em;font-weight:400;color:#948366}.frame-art:after{content:"";position:absolute;width:28px;height:100px;background:linear-gradient(90deg,transparent,#d5b77c0b,transparent);transform:rotate(35deg);left:55%}.frame-art-1 img{transform:scale(1.8) translate(8px,8px)}.frame-art-2 img{transform:scale(2.5) translateY(-4px)}.frame-art-3 img{transform:rotate(70deg)}.frame-art-4 img{transform:rotate(-10deg) scale(.8)}.frame-card-bottom{padding:8px 9px;display:flex;justify-content:space-between;width:100%;gap:8px;background:#ffffff02}.frame-card-bottom strong{font-size:9px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.frame-card-bottom small{font-size:8px;color:#706551}.frame-card.selected .frame-card-bottom{background:#b2935e0d;color:#dfc79d}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:200;background:#e5dac6;color:#30291e;font-size:11px;padding:13px 20px;border-radius:5px;box-shadow:0 6px 40px #0003;transition:opacity .2s,transform .2s;max-width:90vw;line-height:1.7;text-align:center}#toast.visible{transform:translate(-50%);opacity:1}dialog{background:#25211b;color:#e6dac5;border:1px solid #77613f;border-radius:8px;padding:30px;max-width:90vw}dialog::backdrop{background:#0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog small{font-size:8px;letter-spacing:.17em;color:#bf9e69}dialog h2{font-size:24px;font-weight:400;letter-spacing:-.05em}dialog p{font-size:12px;color:#a69b8a;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}@keyframes turn{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:translateY(4px);opacity:.4}}@media(min-width:1600px){:root{--sidebar:360px;--timeline:230px}.frame-art{height:70px}.inspector-section{padding:21px 25px}.inspector-heading{padding:28px 25px}.display-type{font-size:calc(16.4vw*var(--type-scale))}}@media(max-width:1100px){:root{--sidebar:295px}.studio-header{padding:0 17px}.studio-brand b,.studio-brand i,#save-status{display:none}.studio-header-actions{gap:7px}.studio-header-actions .subtle-button{padding:8px}.studio-header-actions .subtle-button span{display:none}.inspector-section{padding:16px 17px}.inspector-heading{padding:24px 17px}.stage-tools{left:15px;right:calc(var(--sidebar) + 15px)}#stage-help{font-size:8px;max-width:180px}.timeline{padding-left:16px;padding-right:16px}.timeline-title small,.edition{display:none}.display-type{font-size:calc(17.5vw*var(--type-scale))}.scene-copy{bottom:22%}}@media(max-width:700px){.viewer-header{top:27px;left:25px;right:25px}.brand{font-size:11px;letter-spacing:.2em;gap:10px}.brand img{width:27px}.brand-sub{font-size:5px;letter-spacing:.14em;margin-top:5px}.text-button{font-size:7px;letter-spacing:.08em;gap:6px}.text-button svg{width:11px}.display-type{justify-content:flex-start;padding:30vh 6.5% 0;font-size:calc(22vw*var(--type-scale));line-height:.87}.display-type.modern{font-size:calc(17vw*var(--type-scale))}.scene-copy{left:7.1%;bottom:22%;max-width:78%}.scene-copy>span{font-size:6px;letter-spacing:.19em}.scene-copy p{font-size:10px}.viewer-footer{left:26px;right:26px;bottom:28px;flex-wrap:wrap;row-gap:20px}.chapter-info{width:70%;gap:12px}.chapter-info>span:last-child{font-size:7px}.viewer-actions{width:30%}.scroll-hint{position:absolute;left:50%;transform:translate(-50%);bottom:58px;white-space:nowrap;font-size:7px;letter-spacing:.12em}.round-button{height:32px;width:32px}.chapter-dots{right:23px;bottom:135px;gap:1px}.side-caption{right:17px;font-size:6px;letter-spacing:.18em;top:44%}.orbit-ring{width:105vw;height:105vw;left:37%}.ring-two{width:140vw;height:140vw}.loader-title{font-size:36px}.edition{display:none}:root{--sidebar:270px;--timeline:190px}.studio-brand{font-size:8px}.studio-brand img{width:20px}.studio-header{padding:0 12px}.studio-header-actions{gap:3px}.studio-header-actions .light-button{font-size:9px;padding:8px}.studio-header-actions .icon-button{width:25px}.stage-tools{top:76px;left:10px}#stage-help{display:none}.timeline-actions .subtle-button{font-size:0;gap:0}.timeline-title>span{font-size:8px}.gold-button{font-size:9px}.stage-tag{font-size:7px;left:14px}.frame-card{flex-basis:98px}.frame-art{height:48px}}@media(max-width:760px){body.editing #experience{top:60px;right:0;bottom:52vh;left:0}body.editing .display-type{font-size:calc(13vw*var(--type-scale));padding:7%;justify-content:center}body.editing .display-type.modern{font-size:calc(10vw*var(--type-scale))}body.editing .scene-copy{display:none}.studio-header{height:60px}.stage-tools{right:15px}.stage-tag{bottom:calc(52vh + 12px)}#inspector{top:48vh;bottom:0;width:47%;border-top:1px solid var(--line);padding-bottom:0}.inspector-heading{padding:18px 13px}.inspector-heading h2{font-size:15px}.inspector-heading p{font-size:8px;line-height:1.6}.inspector-section{padding:15px 12px}.section-heading>span{display:none}.section-heading h3{font-size:10px}.preset-list{gap:3px}.preset-list button{font-size:7px;gap:7px;padding:9px 1px}.preset-list button>span{font-size:20px}.inline-fields{flex-wrap:wrap;gap:5px}.time-field{width:52px}.field input{font-size:10px}.vector-fields{gap:3px}.vector-fields label{padding-left:4px}.vector-fields input{font-size:9px;padding-left:1px}.capture-button{font-size:8px;gap:4px}.capture-button span{display:none}.capture-button svg{width:13px}.timeline{right:47%;height:52vh;padding:17px 11px;overflow:auto}.timeline-top{flex-direction:column;align-items:stretch;gap:14px}.timeline-title{padding-left:3px}.timeline-actions{justify-content:space-between}.scrubber-row{gap:6px;margin:17px 0}.scrubber-row>span{font-size:7px}.scrubber-row input{width:60px}.frames{display:grid;grid-template-columns:1fr 1fr;gap:7px}.frame-card{min-width:0;max-width:none}.frame-art{height:56px}.frame-card-bottom{padding:6px;gap:4px;flex-wrap:wrap}.frame-card-bottom strong{font-size:8px}.frame-card-bottom small{font-size:7px}.panel-tip{font-size:8px}.theme-list{gap:3px}.theme-list button{font-size:7px}.inspector-bottom{font-size:5px;padding:12px}.studio-brand img{width:18px}.studio-brand{gap:7px}.tool-switch button{width:28px;height:27px}.studio-header-actions .subtle-button{padding:6px}.studio-header-actions .subtle-button svg{width:12px}.studio-header-actions .light-button{padding:7px;font-size:8px;gap:4px}.studio-header-actions .light-button svg{width:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.frame-art img.shot-thumb{position:absolute;width:100%;height:100%;object-fit:contain;opacity:1;transform:none}.frame-art:has(.shot-thumb):after{display:none}#export-dialog{width:560px}#export-json{display:block;width:100%;height:220px;resize:vertical;background:#17140f;border:1px solid #ffffff18;border-radius:4px;color:#cbbb9f;padding:12px;font:10px/1.6 monospace;tab-size:2}#export-dialog .export-note{font-size:10px;line-height:1.8;color:#8e806c}#export-dialog .dialog-actions{flex-wrap:wrap}.lighting-section{background:linear-gradient(145deg,#d2ac7210,transparent 55%)}.light-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:19px}.light-presets button{flex-direction:column;font-size:8px;color:#b6a58e;border:1px solid #ffffff14;border-radius:4px;padding:7px 3px;gap:7px}.light-swatch{display:block;width:100%;height:24px;border-radius:3px;background:radial-gradient(ellipse at 25% 0%,#edc89188,transparent 70%),#17120f}.light-swatch.moon{background:radial-gradient(ellipse at 70% 0%,#698cdb88,transparent 70%),#10111b}.light-swatch.stage{background:conic-gradient(from 157deg at 40% 0%,transparent,#efd19777 18deg,transparent 40deg),#100d0b}.light-swatch.studio{background:linear-gradient(125deg,#a69c8b,#e4d9c4)}.light-range>span{width:68px;flex-shrink:0;font-size:9px}.light-range output{width:37px;flex-shrink:0}.light-detail{border-top:1px solid #ffffff0c;padding-top:10px;margin-bottom:12px}.light-detail:first-of-type{margin-top:20px}.light-color-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.light-color-row label{display:flex;gap:12px;align-items:center;font-size:9px;color:#918777}.light-color-row input{width:30px;height:23px;padding:1px;background:none;border:1px solid #ffffff20;border-radius:3px;cursor:pointer}.light-color-row small{font-size:7px;color:#726a5d}.light-guide-toggle{display:flex;gap:7px;align-items:center;color:#a99a83;font-size:9px;margin:18px 0}.light-guide-toggle input{accent-color:var(--gold)}@media(max-width:760px){.light-range{gap:4px}.light-range>span{font-size:7px;width:51px}.light-range output{font-size:8px;width:28px}.light-presets{gap:3px}.light-presets button{font-size:7px}.light-color-row small{display:none}.light-color-row label{font-size:8px}}.model-dropzone{width:100%;flex-direction:column;border:1px dashed #b3986c55;border-radius:5px;padding:17px 7px;color:#bba583;background:#c3a26d07}.model-dropzone strong{font-weight:400;font-size:10px}.model-dropzone small{font-size:8px;color:#7e7363}.active-model{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font-size:9px;color:#b9ab94}.active-model>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-model small{font-size:7px;color:#746954;white-space:nowrap}.model-buttons{display:flex;gap:5px}.model-buttons button{flex:1;border:1px solid #ffffff15;border-radius:3px;padding:8px 2px;font-size:9px;color:#9f9381}.model-buttons button.active{border-color:#c2a06c66;color:#d2b481;background:#c2a06c0a}#model-drop-overlay{display:none;position:absolute;inset:18px;background:#17130de8;border:1px dashed #c6a572;border-radius:8px;z-index:15;pointer-events:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#model-drop-overlay span{font-size:10px;letter-spacing:.3em;color:#bea172}#model-drop-overlay strong{font-weight:400;font-size:24px;color:#e5d5b8}#model-drop-overlay small{font-size:11px;color:#97866e}.model-dragging #model-drop-overlay{display:flex}@media(max-width:760px){.model-dropzone strong{font-size:8px}.model-dropzone small{font-size:6px;line-height:1.7}.model-buttons button{font-size:7px}.active-model{font-size:8px}}.sound-toggle{position:absolute;right:0;bottom:62px;display:flex;align-items:center;gap:9px;min-height:40px;padding:8px 12px;border:1px solid #cca67530;border-radius:24px;color:var(--scene-ink);background:var(--scene-bg);font-size:9px;letter-spacing:.08em;opacity:.8;transition:opacity .2s,border-color .2s}.sound-toggle:hover{opacity:1;border-color:var(--gold)}.sound-toggle i{font-style:normal;font-size:17px;color:var(--gold)}.sound-toggle.is-playing i{animation:breathe 3s ease-in-out infinite}.sound-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.sound-toggle:disabled{opacity:.4}@media(max-width:700px){.sound-toggle{bottom:150px;font-size:8px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.sound-toggle.is-playing i{animation:none}}