@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#edf0e9;background:#111715;font-synthesis:none;font-weight:400;--surface:#171e1b;--panel:#1b231f;--line:#303a32;--muted:#92a092;--accent:#d3edac;--accent-dark:#28391f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{transition:background .15s,border-color .15s,color .15s}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h2{font-size:13px;font-weight:600}input,select{min-width:0;color:inherit}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input[type=range]{cursor:pointer}::selection{background:#587344;color:#fff}.app-shell{max-width:1760px;margin:auto}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:22px;background:#141b17}.brand{display:flex;gap:11px;align-items:center;font-size:23px;font-weight:700;letter-spacing:-1px;line-height:1.1}.brand-mark{width:38px;height:38px;border:1px solid #788563;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:#253023}.brand-light{font-weight:400;color:#bfcab6}.brand small{font-size:8px;display:block;letter-spacing:1.7px;font-weight:500;color:#84917e;margin-top:7px}.prototype{border:1px solid #35402d;color:#b7c99f;font-size:9px;letter-spacing:1px;padding:6px 8px;border-radius:4px}.prototype span{margin-left:5px;color:#786}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.button{border:1px solid #414c3f;border-radius:7px;background:#263023;color:#e8eddf;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12px;white-space:nowrap;font-weight:500;min-height:35px}.button:hover:not(:disabled){background:#34412d;border-color:#647355}.button.quiet{background:transparent;border-color:transparent;color:#aebba7}.button.quiet:hover:not(:disabled){background:#263023}.button.accent{background:var(--accent);color:#263420;border-color:var(--accent)}.button.accent:hover:not(:disabled){background:#e1f6c2;border-color:#e1f6c2}.button.full{width:100%}.icon-button{border:1px solid transparent;background:transparent;color:#91a08d;width:31px;height:31px;display:inline-grid;place-items:center;border-radius:6px;padding:0;flex-shrink:0}.icon-button:hover:not(:disabled){background:#2b3628;color:#e6efda}.icon-button[aria-pressed=true]{background:#2b3928;color:var(--accent);border-color:#3a4c32}.danger:hover:not(:disabled){color:#f5b1ad!important;background:#392825!important}main{padding:0 30px}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0 20px}.eyebrow{font-size:9px;font-weight:500;color:#91a17f;letter-spacing:1.8px;margin-bottom:7px}.project-title{font-size:24px;font-weight:600;letter-spacing:-.8px;background:transparent;border:1px solid transparent;border-radius:4px;width:min(550px,45vw);padding:0;margin-left:-1px}.project-title:hover{border-color:var(--line)}.project-meta{display:flex;align-items:center;gap:15px;font-size:11px;color:#99a692;white-space:nowrap}.save-state{display:flex;align-items:center;gap:7px}.save-state>span{width:5px;height:5px;background:#accb85;border-radius:50%}.save-state.error{color:#efa691}.save-state.error>span{background:#efa691}.divider{width:1px;height:16px;background:#35402f;display:inline-block}.help-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#22301f;border:1px solid #46583a;padding:17px 20px;border-radius:9px;margin-bottom:16px;font-size:13px}.help-panel p{color:#cfdbc5;margin-top:6px}.help-panel small{display:block;color:#98aa8b;margin-top:7px;font-size:11px}.editor-grid{display:grid;grid-template-columns:200px minmax(300px,1fr) 238px;min-height:540px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.panel{padding:18px 16px;background:#1a221e;min-width:0;display:flex;flex-direction:column}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-title{display:flex;align-items:center;gap:7px;color:#d4decc;margin-bottom:8px}.panel-title>svg{color:#a5b29a}.count{margin-left:auto;font-size:10px;color:#99a68f;padding:3px 5px;background:#293326;border-radius:4px}.panel-description{font-size:10px;color:#81907c;margin-bottom:17px;line-height:1.7}.party-list{display:flex;flex-direction:column;gap:2px;margin-bottom:13px}.party-item{width:100%;padding:6px 7px;display:flex;gap:9px;align-items:center;border:1px solid transparent;border-radius:7px;color:#d7ded2;background:transparent;text-align:left;cursor:grab}.party-item:hover:not(:disabled){background:#253027}.party-item.selected{background:#2a3528;border-color:#4d6143}.party-item.role-break{margin-top:8px}.role-token{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--role-color);color:var(--role-color);background:color-mix(in srgb,var(--role-color) 9%,transparent);border-radius:50%;font-size:10px;font-weight:700}.party-name{font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:1px}.party-name small{font-size:9px;color:#8c9b86;font-weight:400}.party-item>svg{margin-left:auto}.placed{color:#71836b}.left-bottom{margin-top:auto;padding-top:19px}.section-label{font-size:10px;font-weight:600;color:#a1b196;display:block;margin-bottom:10px;letter-spacing:.5px}.segmented{display:flex;border:1px solid #3a4835;border-radius:7px;padding:3px;background:#141d17;gap:3px}.segmented button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;font-size:11px;padding:7px 5px;border:0;border-radius:4px;background:transparent;color:#8e9e85}.segmented button[aria-pressed=true]{background:#35432d;color:#dcebcf}.new-project{color:#829179;font-size:10px;display:flex;align-items:center;gap:6px;background:none;border:0;margin:15px auto 0;padding:3px}.new-project:hover{color:#d3edac}.map-panel{position:relative;min-width:0;display:flex;flex-direction:column;background:#121c18;background-image:radial-gradient(ellipse at 50% 40%,#23332840,transparent 68%)}.map-toolbar{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #28382e}.mode-label{font-size:11px;display:flex;align-items:center;gap:7px;color:#d3dfc9;min-width:0;white-space:nowrap}.live-dot{height:5px;width:5px;border-radius:50%;background:#b2d686;flex-shrink:0}.live-dot.playing{background:#e0be78;box-shadow:0 0 10px #e0be7850}.map-scene-label{color:#788b74;overflow:hidden;text-overflow:ellipsis}.toolbar-actions{display:flex;align-items:center;gap:3px}.toolbar-actions .divider{margin:0 4px}.board-holder{height:clamp(420px,48vh,550px);min-height:420px;display:flex;align-items:center;justify-content:center;width:100%;flex:1}.canvas-wrap{touch-action:none;flex-shrink:0}.map-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 16px;font-size:10px;color:#7d9075;min-height:36px}.map-footer>span:first-child{display:flex;gap:6px;align-items:center}.map-scale{font-size:8px;letter-spacing:1.4px;white-space:nowrap}.empty-board{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);background:#18231bed;border:1px solid #4f6842;backdrop-filter:blur(12px);border-radius:10px;padding:20px;display:flex;align-items:center;gap:12px;flex-direction:column;width:min(300px,85%);text-align:center;pointer-events:none}.empty-board>svg{color:#b7d891}.empty-board strong{font-size:13px}.empty-board span{font-size:10px;color:#9aac90;line-height:1.6}.scene-number{font-size:11px;color:#b4c9a1;margin-left:auto}.field-label{font-size:10px;color:#a3b297;display:flex;flex-direction:column;gap:7px;margin-top:14px}.field-label input,.field-label select{border:1px solid #374730;border-radius:5px;background:#131d16;padding:9px 10px;font-size:11px;line-height:1.5;width:100%;height:36px}.settings-section{border-top:1px solid #303d2a;padding-top:15px;margin-top:19px}.hint{font-size:10px;color:#7f9275;line-height:1.75;display:block}.next-scene{display:flex;align-items:center;gap:3px;font-size:10px;color:#c6d9b2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}.number-box{display:flex;align-items:center;gap:5px;border:1px solid #374730;border-radius:5px;background:#131d16;margin-top:8px;min-height:35px;padding:0 9px;font-size:10px;color:#9aaa8e}.number-box input{background:transparent;border:0;text-align:right;width:100%;padding:6px 0;font-size:12px;font-variant-numeric:tabular-nums}.number-box span{white-space:nowrap}.number-box small{font-size:10px;color:#6f8165}.selected-heading{display:flex;align-items:center;gap:8px}.selected-heading strong{font-size:12px}.selected-heading small{font-size:10px;color:#94a387}.selected-heading .icon-button{margin-left:auto}.coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.nothing-selected{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;color:#74866b;font-size:10px}.scene-actions{margin-top:auto;padding-top:17px}.scene-order{display:flex;gap:3px;align-items:center;margin-top:7px}.scene-order>.button{margin-left:auto;font-size:10px;padding:6px;min-height:29px;color:#8e9e84}.preview-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding-top:48px}.preview-symbol{height:66px;width:66px;background:#2b3a24;display:grid;place-items:center;color:#c5e899;border:1px solid #4c633b;border-radius:50%}.preview-info strong{font-size:14px;font-weight:500}.preview-info p{font-size:11px;line-height:1.8;color:#94a688}.preview-info button{margin-top:10px}.storyboard{border:1px solid var(--line);border-radius:11px;margin-top:18px;background:#18201b;overflow:hidden}.storyboard-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px 10px}.timeline-label{display:flex;align-items:center;gap:8px;color:#bac9ad}.timeline-label h2{font-size:12px;color:#e2e8db}.timeline-label>span{font-size:10px;color:#73866a;margin-left:5px}.storyboard-hint{font-size:10px;color:#7d9172}.scene-strip{display:flex;align-items:center;gap:0;padding:4px 18px 14px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#3b4d31 transparent;min-height:135px}.scene-card-wrap{display:flex;align-items:center;flex-shrink:0}.scene-card{width:147px;text-align:left;padding:0;background:#141d17;border:1px solid #35452c;border-radius:7px;overflow:hidden;color:#b3c3a6}.scene-card.active{border-color:#bedb94;box-shadow:0 0 0 1px #bedb9430}.scene-card:hover{border-color:#7c9765}.scene-thumb{height:84px;position:relative;background:#142019}.thumbnail{width:100%;height:100%;display:block}.thumb-index{position:absolute;top:7px;left:8px;font-size:9px;color:#9eae91}.thumb-active{position:absolute;top:8px;right:8px;width:5px;height:5px;background:#cee9a9;border-radius:50%}.scene-card-caption{padding:7px 9px;border-top:1px solid #2b3923;display:flex;align-items:center;gap:5px;justify-content:space-between;font-size:10px}.scene-card-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-card-caption small{font-size:9px;color:#6e825f;flex-shrink:0}.scene-card.active .scene-card-caption{background:#2a3922;color:#e2edcf}.scene-card.active .scene-card-caption small{color:#a8bc92}.scene-connector{color:#4e6341;margin:0 11px;flex-shrink:0}.add-scene{border:1px dashed #4a5d3c;border-radius:7px;min-width:143px;height:112px;background:transparent;color:#9eb68a;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;margin-left:23px;font-size:11px}.add-scene small{font-size:9px;color:#6d845e}.add-scene:hover:not(:disabled){background:#23301e;border-color:#9dbb80;color:#d4eab9}.playback-bar{border-top:1px solid #303e29;padding:11px 18px;display:flex;align-items:center;gap:13px;background:#1e281f}.play-button{background:#d3edac;color:#27371b;display:flex;align-items:center;gap:8px;border:0;border-radius:6px;padding:9px 13px;font-size:11px;font-weight:600;white-space:nowrap;min-height:35px}.play-button:hover:not(:disabled){background:#e3f5c7}.play-button:disabled{background:#647553;color:#c9d6be;opacity:.65}.time-code{font-size:12px;color:#d8e6cb;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:75px}.time-code small{font-size:10px;color:#839776}.timeline-range{flex:1;width:100%;height:4px;appearance:none;background:linear-gradient(to right,#c6e79b var(--progress),#405136 var(--progress));border-radius:5px;min-width:40px;margin:10px 5px}.timeline-range::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:#d3edac;border-radius:50%;border:2px solid #ecf8dc;box-shadow:0 0 0 4px #c9e5a217}.timeline-range::-moz-range-thumb{width:9px;height:9px;background:#d3edac;border-radius:50%;border:2px solid #ecf8dc}.timeline-range:disabled{opacity:.4}.speed-select{background:#1b261b;border:1px solid #3d5030;border-radius:5px;padding:6px 7px;font-size:11px;min-width:60px}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:13px 0 18px;color:#6a7e60;font-size:9px}.app-footer>span{display:flex;align-items:center;gap:6px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);border:1px solid #6c8750;background:#26351f;color:#e1f1d0;padding:13px 17px;border-radius:9px;box-shadow:0 10px 35px #0005;opacity:0;pointer-events:none;display:flex;gap:9px;align-items:center;max-width:calc(100vw - 32px);font-size:12px;transition:opacity .2s,transform .2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%)}.toast svg{flex-shrink:0}@media(min-width:1450px){.editor-grid{grid-template-columns:230px minmax(300px,1fr) 264px}.panel{padding:21px}.party-item{padding:7px}.board-holder{height:clamp(460px,49vh,590px)}}@media(max-width:1100px){main{padding:0 18px}.topbar{padding:0 18px;gap:14px}.editor-grid{grid-template-columns:164px minmax(270px,1fr) 217px}.panel{padding:15px 12px}.prototype,.map-scale,.map-scene-label{display:none}.project-meta{gap:10px}.project-meta>.divider{display:none}.project-meta>span:last-child{display:none}.storyboard-hint{max-width:50%;text-align:right;line-height:1.6}.app-footer>span:last-child{display:none}.header-actions{gap:3px}}@media(max-width:850px){.topbar{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding:14px 16px}.brand{font-size:21px}.header-actions .button{padding:8px;font-size:10px}.header-actions .button svg{width:13px}.header-actions .icon-button{width:26px}.editor-grid{grid-template-columns:160px minmax(250px,1fr)}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.right-panel>.panel-title{grid-column:1/-1;margin:0}.right-panel>.field-label{margin:0}.right-panel>.settings-section{margin:0;border:0;padding:0}.right-panel>.player-properties{grid-row:3}.right-panel>.scene-actions{grid-row:3;padding:0;margin-top:auto}.preview-info{grid-column:1/-1;padding:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.preview-info p{max-width:200px}.preview-info .button{width:auto;margin:0}.preview-symbol{width:44px;height:44px}.board-holder{min-height:400px;height:440px}.project-title{font-size:22px}.project-meta{font-size:9px}.project-meta>span:not(:first-child){display:none}.app-footer{font-size:8px}.storyboard-hint{display:none}}@media(max-width:560px){body{min-width:360px}main{padding:0 12px}.topbar{padding:13px 12px}.brand{font-size:20px}.brand-mark{width:34px;height:34px}.header-actions{width:100%;justify-content:flex-end;border-top:1px solid #2a3625;padding-top:9px}.header-actions>.button:first-child{margin-right:auto}.project-heading{align-items:flex-start;padding:18px 0 15px}.project-title{font-size:20px;width:58vw}.eyebrow{font-size:7px;letter-spacing:1px}.project-meta{padding-top:6px}.save-state{font-size:8px;max-width:100px;white-space:normal;line-height:1.5}.editor-grid{display:flex;flex-direction:column}.map-panel{order:0}.left-panel{order:1;border-right:0;border-top:1px solid var(--line);display:block;padding:14px}.right-panel{order:2;display:grid;grid-template-columns:1fr 1fr;padding:15px 14px;gap:14px}.board-holder{height:340px;min-height:300px}.party-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.party-item{padding:6px;justify-content:center;gap:6px}.party-item.role-break{margin-top:0}.party-name{display:none}.party-item>svg{margin-left:0;width:10px}.panel-description{margin-bottom:10px}.left-panel>.button.full{width:auto;font-size:10px;display:inline-flex;vertical-align:middle}.left-bottom{padding:0;margin:0 0 0 12px;display:inline-block;vertical-align:middle}.left-bottom>.section-label,.new-project{display:none}.segmented{min-width:140px}.segmented button{font-size:10px;padding:6px}.map-footer{font-size:9px;padding:8px 12px}.map-toolbar{padding:0 9px}.right-panel .field-label{font-size:9px}.right-panel .field-label input,.right-panel .field-label select{font-size:10px;padding:8px 5px}.scene-order{gap:0}.scene-order>.icon-button{width:25px}.scene-order>.button{font-size:9px}.scene-actions>.button{font-size:10px;padding:9px 6px}.selected-heading{gap:5px}.selected-heading small{display:none}.coordinate-fields{gap:4px}.number-box{padding:0 6px}.number-box span{font-size:9px}.nothing-selected{text-align:center;font-size:9px}.playback-bar{flex-wrap:wrap;padding:10px;gap:8px}.playback-bar>.icon-button{width:26px}.play-button{padding:8px 10px;font-size:10px}.time-code{font-size:11px;min-width:68px}.timeline-range{order:5;flex-basis:100%;margin:10px 4px}.speed-select{margin-left:auto}.storyboard-top{padding:13px 12px 10px}.scene-strip{padding:4px 12px 12px}.scene-card{width:130px}.scene-connector{margin:0 7px}.add-scene{min-width:125px;margin-left:16px}.app-footer{display:block;line-height:1.8}.app-footer>span:nth-child(2){display:none}.help-panel{padding:13px;font-size:11px;align-items:flex-start}.help-panel p{line-height:1.8}.help-panel small{font-size:9px}.toast{font-size:11px;width:max-content;bottom:16px}}@media(prefers-reduced-motion:reduce){button,.toast{transition:none}}.library-tabs{margin:4px 0 13px}.library-tabs button{font-size:11px;gap:5px}.library-tabs small{font-size:9px;color:#8fa17e}.left-panel [hidden]{display:none}.shape-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shape-tools button{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;min-height:67px;border:1px solid #3b4b32;border-radius:7px;background:#17221a;color:#bed3aa;font-size:10px}.shape-tools button:hover:not(:disabled){background:#2e3e25;border-color:#78975b;color:#e5f4cf}.object-list-heading{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.object-list-heading .section-label{margin-bottom:9px}.object-list-heading small{color:#a5b992;font-size:10px;margin-bottom:9px}.shape-object-list{display:flex;flex-direction:column;gap:3px;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#415237 transparent}.shape-object-list>button{display:flex;gap:8px;align-items:center;text-align:left;min-height:32px;padding:7px 8px;background:transparent;border:1px solid transparent;border-radius:5px;color:#9daf91;font-size:10px}.shape-object-list>button:hover:not(:disabled){background:#273721}.shape-object-list>button.selected{border-color:#617d48;color:#ddecce;background:#2b3c22}.shape-object-list>button>span:first-child{width:9px;height:9px;border-radius:2px;flex-shrink:0}.shape-object-list>button>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-to-scene{display:flex;align-items:center;margin-left:auto;background:transparent;border:0;color:#b9d49c;font-size:9px;padding:5px 0}.shape-inspector{min-width:0}.shape-inspector>.field-label{margin-top:9px}.shape-geometry{display:grid;grid-template-columns:1fr 1fr;gap:0 7px}.shape-style-section{border-top:1px solid #33452b;margin-top:15px;padding-top:13px}.color-heading{display:flex;align-items:center;gap:8px;font-size:10px;color:#b6c8a4}.color-heading>input{margin-left:auto;width:25px;height:25px;padding:0;background:transparent;border:0;cursor:pointer;flex-shrink:0}.color-heading>input::-webkit-color-swatch-wrapper{padding:2px}.color-heading>input::-webkit-color-swatch{border:1px solid #789268;border-radius:4px}.color-heading>code{font-size:9px;color:#819872;letter-spacing:.3px}.color-swatches{display:flex;gap:6px;margin-top:9px;justify-content:space-between}.color-swatches button{width:18px;height:18px;min-width:16px;border-radius:4px;border:2px solid transparent;box-shadow:0 0 0 1px #ffffff12}.color-swatches button[aria-pressed=true]{border-color:#172110;outline:1px solid #d7efb8;outline-offset:1px}.percent-field{display:block;margin-top:12px}.percent-field>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#99ae89}.percent-field strong{font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:#d1e4be}.percent-field input{width:100%;accent-color:#cbe8a3;margin:8px 0 3px;height:14px}.check-field{display:flex;align-items:center;gap:6px;font-size:10px;color:#a8bf97;margin-top:7px}.check-field input{accent-color:#d3edac;width:13px;height:13px;margin:0}.shape-stroke-controls{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:6px}.shape-stroke-controls>.field-label{margin-top:8px}.shape-stroke-controls select{height:35px;padding:5px;font-size:10px}.shape-operations{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:17px 0 10px}.shape-operations .button{font-size:10px;padding:8px 5px;gap:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:851px){.editor-grid{height:clamp(530px,60vh,670px);min-height:530px}.left-panel,.right-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#405435 transparent}.board-holder{height:auto;min-height:0}.left-bottom{flex-shrink:0}.shape-inspector{flex:1}.left-panel .party-item{padding:4px 6px}.left-panel .party-item.role-break{margin-top:4px}.left-panel .party-list{gap:0}.left-panel .role-token{width:27px;height:27px}}@media(max-width:850px){.right-panel.showing-shape{display:block}.shape-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:start}.shape-inspector>.shape-style-section{margin-top:12px}.shape-inspector>.hint{grid-column:1/-1;margin-top:8px}.shape-inspector>.shape-operations{align-self:end}.color-swatches{justify-content:flex-start}.left-panel .library-tabs button{padding:7px 3px;font-size:10px}.left-panel .library-tabs small{display:none}}@media(max-width:560px){.library-tabs{width:100%;margin-top:6px}.left-panel .library-tabs button{padding:9px;font-size:12px}.left-panel .library-tabs small{display:inline}.shape-tools{grid-template-columns:repeat(5,1fr);gap:5px}.shape-tools button{min-height:60px;font-size:9px;gap:7px}.shape-tools button svg{width:20px}.object-list-heading{margin-top:15px}.shape-object-list{max-height:135px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px}.left-panel>.left-bottom{display:block;margin:15px 0 0}.left-panel .left-bottom .segmented{max-width:220px}.shape-inspector{display:block}.shape-geometry{gap:0 9px}.shape-inspector>.shape-style-section{margin-top:16px}.color-swatches{gap:12px;margin-top:12px}.color-swatches button{width:23px;height:23px}.color-heading{font-size:12px}.color-heading>code{font-size:11px}.percent-field>span,.percent-field strong,.check-field{font-size:11px}.percent-field input{height:20px}.shape-operations .button{font-size:11px;min-height:39px}.showing-shape .field-label{font-size:11px}.showing-shape .field-label input{font-size:12px}.back-to-scene{font-size:11px}}.library-tabs button{min-width:0;padding-inline:7px}.mechanic-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mechanic-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:11px 3px;min-height:76px;background:#1a2722;border:1px solid #354239;border-radius:7px;color:#d5dfd3;font-size:11px}.mechanic-tools button:hover:not(:disabled){background:#28362b;border-color:#a5bd90}.mechanic-tip{margin-top:13px;line-height:1.7}.mechanic-settings{display:grid;gap:11px;padding:13px 0;border-bottom:1px solid #344037;margin-bottom:13px}.mechanic-settings .hint{margin:0}.preset-row{display:flex;gap:4px}.preset-row button{flex:1;min-width:0;background:#1a2722;color:#b8c6b1;border:1px solid #394537;border-radius:4px;padding:6px 0;font-size:10px}.preset-row button[aria-pressed=true]{background:#d3edac;color:#1b291a}.attachment-hint{color:#b5d696}@media(max-width:850px){.mechanic-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.mechanic-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.mechanic-tools button{min-height:78px}}.snap-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 9px;border:1px solid #3b4b3e;border-radius:5px;background:transparent;color:#92a092;font-size:10px;white-space:nowrap}.snap-toggle[aria-pressed=true]{color:#f5b5dd;border-color:#76566b;background:#342a33}.snap-toggle:hover:not(:disabled){border-color:#e29ac9}.snap-feedback{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid #93667f;border-radius:5px;background:#292029ed;color:#fac0e5;font-size:10px;white-space:nowrap;pointer-events:none}.snap-feedback span{color:#c5a8b9;font-size:9px}@media(max-width:1100px){.snap-toggle{padding:0 6px}.snap-toggle span{display:none}}.canvas-wrap{position:relative}.map-panel{min-height:0}.board-holder{overflow:hidden}.scene-card{cursor:grab;touch-action:pan-y;user-select:none}.scene-card:active{cursor:grabbing}.selection-toolbar{display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid #293b2c;min-height:43px;flex-wrap:wrap;background:#19261d;flex-shrink:0}.selection-toolbar>span{font-size:10px;color:#9caf8f;margin-right:auto;line-height:1.6}.selection-toolbar .button{font-size:10px;padding:6px 8px;gap:5px}.selection-toolbar .icon-button{width:28px;height:28px}.inspector-fieldset{border:0;padding:0;margin:0;min-width:0}.inspector-fieldset:disabled .shape-inspector,.inspector-fieldset:disabled .coordinate-fields{opacity:.6}.lock-notice{display:flex;align-items:center;gap:7px;color:#e8c88e;background:#3a3022;border:1px solid #5d4d30;border-radius:6px;padding:10px;font-size:10px;line-height:1.6;margin:12px 0}.multi-inspector{font-size:12px}.multi-inspector>.hint{line-height:1.9;margin:12px 0}.selection-members{margin:15px 0 22px;border:1px solid #394b30;border-radius:6px;overflow:hidden}.selection-members>div{padding:9px 10px;border-bottom:1px solid #304129;display:flex;justify-content:space-between;gap:8px;font-size:11px;overflow-wrap:anywhere}.selection-members>div:last-child{border:0}.selection-members small{font-size:9px;color:#819773;white-space:nowrap}.shape-object-list>button>span:nth-child(2){min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shape-object-list>button>svg{flex-shrink:0;color:#b2c994}.field-label textarea{font:inherit;font-size:12px;line-height:1.6;color:#e3edda;width:100%;min-height:86px;resize:vertical;background:#142018;border:1px solid #3d5131;border-radius:6px;padding:9px;margin-top:7px}.text-settings{margin-top:14px}.text-format{display:flex;align-items:center;gap:8px;margin-top:9px}.text-format select{min-width:0;font-size:10px;background:#1d2a1c;border:1px solid #405734;border-radius:5px;padding:7px}.text-format .button[aria-pressed=true]{border-color:#b1d98b;background:#33472a}.canvas-text-editor{position:absolute;z-index:5;border:1px solid #d3edac;outline:2px solid #1c2c17;box-sizing:border-box;padding:4px;resize:none;margin:0;background:#18251ef2;font-family:sans-serif;line-height:1.25;min-height:32px;border-radius:2px}.scene-card[draggable=true]{cursor:grab}.scene-card.dragging{opacity:.35;cursor:grabbing}.scene-card-wrap{position:relative}.scene-card-wrap.drop-before:before,.scene-card-wrap.drop-after:after{content:"";position:absolute;width:3px;top:0;bottom:0;background:#d3edac;border-radius:2px;box-shadow:0 0 8px #d3edac77;z-index:2}.scene-card-wrap.drop-before:before{left:-9px}.scene-card-wrap.drop-after:after{right:-9px}.scene-card-caption>svg{flex-shrink:0;color:#839b71}.scene-card-caption>span{flex:1}.transition-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid #303e29;background:#18251c}.transition-controls>span{font-size:11px;color:#9bb48d;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.transition-controls>.button{font-size:11px}.transition-replay{margin-bottom:10px}.map-toolbar,.map-footer{flex-shrink:0}@media(max-width:850px){.multi-inspector,.inspector-fieldset{grid-column:1/-1}.selection-toolbar{padding:6px 8px}.selection-toolbar>span{width:100%;margin-bottom:2px}.transition-controls{padding:10px 12px;gap:9px}.transition-controls>span{font-size:10px}}@media(max-width:560px){.shape-tools{grid-template-columns:repeat(3,1fr)}.selection-toolbar>span{width:auto;font-size:9px}.selection-toolbar .button{font-size:9px;padding:5px 7px}.transition-controls>span{flex-basis:100%;white-space:normal;line-height:1.6}.canvas-text-editor{padding:2px}.multi-inspector{grid-column:1/-1}}.burst-settings{display:grid;gap:9px;padding:12px;border:1px solid #655239;border-radius:8px;background:#34291c45;margin:12px 0}.burst-settings .hint{margin:0}.appear-settings{display:grid;gap:9px;padding:12px;border:1px solid #3d5a4c;border-radius:8px;background:#1f342b45;margin:12px 0}.appear-settings .hint{margin:0}.burst-button{border-color:#79603a;color:#f6d39b}.burst-feedback{position:absolute;bottom:5px;left:50%;transform:translate(-50%);padding:6px 12px;border:1px solid #d6a15e;border-radius:5px;background:#382718ef;color:#ffe5bb;font-size:11px;pointer-events:none}.donut-feedback{position:absolute;bottom:5px;left:50%;transform:translate(-50%);padding:6px 9px;border:1px solid #7e6a35;border-radius:5px;background:#292719ed;color:#ffe28a;font-size:10px;white-space:nowrap;pointer-events:none}.image-import{margin-top:16px;padding-top:14px;border-top:1px solid #314139}.image-import .hint{margin:9px 0 0;line-height:1.65}.timing-control{margin-top:16px;padding:13px 0 12px;border-top:1px solid #35402e;border-bottom:1px solid #35402e}.timing-heading{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:9px;font-size:11px;color:#dbe8cc}.timing-heading small{font-size:8px;color:#839579}.timing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.timing-options button{border:1px solid #3b4933;border-radius:7px;background:#141e17;padding:9px 4px 8px;color:#a6b59a;display:flex;align-items:center;flex-direction:column;gap:4px}.timing-options button:hover{border-color:#829b69;background:#243020}.timing-options button[aria-pressed=true]{border-color:#c2e397;background:#2c3c23;color:#e4f4cd;box-shadow:inset 0 0 0 1px #9bbd7040}.timing-options svg{display:block;width:100%;max-width:68px;height:24px}.timing-options strong{font-size:11px;font-weight:600}.timing-options small{font-size:9px;color:#93a785}.timing-track{stroke:#48573e;stroke-width:1}.timing-block{fill:#1c291c;stroke:#506344;stroke-width:1}.timing-block.active{fill:#b8d895;stroke:#cde7ac}.timing-options button[aria-pressed=true] .timing-block.active{fill:#dcf5ac;stroke:#edffc7}.timing-description{margin-top:9px;line-height:1.7}.timing-tail{margin-top:7px;color:#d1bc83}.timing-example-button{margin-top:7px}.shortcut-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#070b0acc}.shortcut-sheet{width:min(860px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px 20px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 24px 60px #0009}.shortcut-sheet header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.shortcut-sheet header strong{font-size:16px}.shortcut-sheet header small{flex:1;color:var(--muted)}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 24px}.shortcut-grid h3{margin:0 0 8px;font-size:11px;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.shortcut-grid dl{margin:0;display:grid;gap:7px}.shortcut-grid dl>div{display:grid;gap:3px}.shortcut-grid dt{font-size:12px;color:#c9d3c4}.shortcut-grid dd{margin:0;font-size:12px;color:var(--muted)}.shortcut-grid kbd{display:inline-block;min-width:18px;padding:1px 6px;border:1px solid #46544a;border-bottom-width:2px;border-radius:5px;background:#202a25;font:600 11px/1.5 DM Sans,sans-serif;color:#eef3e8;text-align:center}.share-sheet{width:min(560px,100%)}.share-row{display:flex;gap:8px}.share-row input{flex:1;height:36px;padding:0 10px;border:1px solid #374730;border-radius:5px;background:#131d16;font-size:12px;color:#eef3e8}.share-row .button{flex-shrink:0}.share-sheet .hint{margin:12px 0 0;line-height:1.7}
