:root{--bg: #0b0f15;--panel: #171f2b;--panel2: #1f2937;--line: #384861;--text: #edf2fb;--muted: #9daabd;--gold: #d7b06a;--gold2: #8b6a37;--header-height: 42px}*{box-sizing:border-box}#root{min-height:100vh}body{margin:0;background:radial-gradient(circle at top,rgba(77,57,26,.14),transparent 28%),linear-gradient(180deg,#091019,#0b0f15 28%,#0b0f15);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden}header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #2f3c50;background:linear-gradient(180deg,#263246f5,#101722f5);box-shadow:inset 0 -1px #d7b06a24}header h1{margin:0;font-size:14px;letter-spacing:.03em;color:#f2e6c8}header .hint{color:var(--muted);font-size:12px}.app{height:calc(100vh - var(--header-height));display:grid;--ribbon-height: 126px;grid-template-columns:var(--left-panel-width, 260px) var(--left-resize-width, 8px) minmax(0,1fr) var(--right-resize-width, 8px) var(--right-panel-width, 340px);grid-template-rows:var(--ribbon-height) minmax(0,1fr);grid-template-areas:"page-panel page-panel page-panel right-resize right-panel" "left-panel left-resize canvas right-resize right-panel"}#leftPanel{grid-area:left-panel}#pagePanel{grid-area:page-panel}#rightPanel{grid-area:right-panel}#leftResizeHandle{grid-area:left-resize}#rightResizeHandle{grid-area:right-resize}.resize-handle{width:100%;cursor:col-resize;background:linear-gradient(180deg,#d7b06a2e,#2b394c9e,#d7b06a24);border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(0,0,0,.32);position:relative;z-index:5;overflow:visible}.resize-handle:after{content:"";position:absolute;top:50%;left:2px;width:3px;height:48px;transform:translateY(-50%);border-left:1px solid rgba(255,255,255,.32);border-right:1px solid rgba(255,255,255,.12)}.resize-handle:hover{background:linear-gradient(180deg,#d7b06a6b,#495a75d1,#d7b06a47)}body.resizing-ui{-webkit-user-select:none;user-select:none;cursor:col-resize}aside{overflow-y:auto;padding:8px;background:linear-gradient(180deg,#121822f5,#0f141dfa);border-right:1px solid #2d394c}aside.right{border-right:0;border-left:1px solid #2d394c}#pagePanel{display:flex;gap:0;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:5px 8px 4px;border-right:0;border-bottom:1px solid #2d394c}#leftPanel{border-right:1px solid #2d394c}#leftPanel .section{margin-bottom:5px;padding:6px;border-radius:6px}#pagePanel .section{flex:0 0 230px;max-height:100%;margin-bottom:0;padding:4px 9px 3px;overflow:hidden;border:0;border-right:1px solid rgba(141,158,184,.32);border-radius:0;background:transparent;box-shadow:none}#rightPanel .section[data-ui-group=pages] textarea{min-height:58px}#rightPanel .section[data-ui-group=pages] .pages{max-height:190px}#pagePanel .section-body{max-height:86px;overflow:auto;padding:1px 2px 2px 1px}#pagePanel .section h2,#pagePanel .section-heading{margin-bottom:4px}#pagePanel button,#pagePanel select,#pagePanel input,#pagePanel textarea{padding:3px 5px;font-size:10px;border-radius:5px}#pagePanel label,#pagePanel .small{font-size:10px}#leftPanel .material-button{--material-button-size: 34px;flex:0 0 var(--material-button-size);inline-size:var(--material-button-size);width:var(--material-button-size);min-width:var(--material-button-size);max-width:var(--material-button-size);min-height:var(--material-button-size);height:var(--material-button-size);padding:1px;border-radius:4px;border-color:transparent;background:transparent;box-shadow:none;justify-self:start}#leftPanel .material-button:hover{border-color:#d7b06a73;background:#d7b06a1f}#leftPanel .material-grid{display:flex;flex-wrap:wrap;gap:2px;align-items:flex-start;justify-content:start}#leftPanel .grid:has(.material-button),#leftPanel .grid3:has(.material-button),#leftPanel .grid4:has(.material-button){display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start;gap:2px}#leftPanel .material-thumb{width:30px;height:30px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.46))}#leftPanel .material-thumb-stack,#leftPanel .material-thumb-proximity,#leftPanel .material-thumb-waymarks{width:32px;height:32px}#leftPanel .material-thumb-party,#leftPanel .material-thumb-target,#leftPanel .material-thumb-job,#leftPanel .material-thumb-role,#leftPanel .material-thumb-boss,#leftPanel .material-thumb-minion{width:29px;height:29px}#leftPanel .material-thumb-minion{width:24px;height:24px;filter:hue-rotate(172deg) saturate(.95) brightness(.9) contrast(1.18) drop-shadow(0 3px 5px rgba(0,0,0,.46))}#leftPanel button.smallbtn.material-button{min-height:31px;height:31px;padding:1px}#leftPanel .job-icon-details button.smallbtn.material-button{--material-button-size: 31px;width:31px;min-width:31px;max-width:31px;min-height:29px;height:29px}#leftPanel .section:last-child,#pagePanel .section:last-child{margin-bottom:0}.section{margin-bottom:8px;padding:9px;border:1px solid #2e3a4d;border-radius:8px;background:linear-gradient(180deg,#1e28379e,#131a26cc);box-shadow:inset 0 1px #ffffff08}.section h2{margin:0 0 7px;font-size:11px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.section-heading{margin-bottom:7px}.section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit;box-shadow:none}.section-toggle:hover{transform:none;filter:none;color:#ffe0a3}.section-toggle:focus-visible{outline:1px solid var(--gold);outline-offset:4px;border-radius:4px}.section-toggle:after{content:"";width:7px;height:7px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .14s ease}.section.is-collapsed .section-heading{margin-bottom:0}.section.is-collapsed .section-body{display:none}.section.is-collapsed .section-toggle:after{transform:rotate(-45deg)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.stack{display:flex;flex-direction:column;gap:4px}.row{display:flex;gap:5px;align-items:center}.row>*{flex:1}button,select,input,textarea{border:1px solid #44526a;border-radius:10px;background:linear-gradient(180deg,#243144,#1b2534);color:var(--text);padding:8px 10px;font-size:12px;width:100%;min-width:0}select{background-color:#1b2534;color:#edf4ff;color-scheme:dark}select option,select optgroup{background-color:#172132;color:#edf4ff}select option:checked{background-color:#2b3a50;color:#fff7df}textarea{min-height:74px;resize:vertical}button{cursor:pointer;transition:transform .12s ease,border-color .12s ease,filter .12s ease}button:hover{transform:translateY(-1px);border-color:var(--gold);filter:brightness(1.05)}button.is-draggable-material{cursor:grab}button.is-draggable-material:active{cursor:grabbing}button.is-dragging-material{opacity:.62;border-color:var(--gold);filter:brightness(1.08)}.material-drag-ghost{position:fixed;z-index:1200;width:38px;height:38px;display:flex;align-items:center;justify-content:center;pointer-events:none;border:1px solid rgba(255,224,163,.72);border-radius:7px;background:#121a27e6;box-shadow:0 12px 28px #0000006b,0 0 18px #ff953038}.material-drag-ghost .material-thumb{width:32px;height:32px}button.is-active-tool{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d7b06a52,0 0 0 1px #d7b06a1f;color:#ffe6b1}.app-load-error{position:fixed;left:50%;top:16px;z-index:50;width:min(520px,calc(100vw - 32px));transform:translate(-50%);border:1px solid #9b5460;border-radius:8px;background:#31181ff5;color:#ffe6ea;padding:12px 14px;box-shadow:0 14px 32px #0000005c;font-size:13px;text-align:center}.modal-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#04080eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{display:flex;flex-direction:column;width:min(860px,calc(100vw - 32px));max-height:min(780px,calc(100dvh - 48px));overflow:hidden;border:1px solid rgba(215,176,106,.38);border-radius:12px;background:linear-gradient(180deg,#1e2837fa,#0e141efc);box-shadow:0 28px 90px #0000009e,inset 0 1px #ffffff0d}.modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-head h2{margin:0;color:var(--gold);font-size:14px;letter-spacing:.08em}.modal-close{width:34px;min-width:34px;height:34px;padding:0;border-radius:999px;font-size:20px;line-height:1}.help-modal-content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:16px;color:var(--muted);font-size:12px;line-height:1.55}.help-section{padding:14px;border:1px solid rgba(64,80,106,.68);border-radius:10px;background:#10172280}.help-section+.help-section{margin-top:12px}.help-section h3{margin:0 0 10px;color:#f4d9a0;font-size:13px}.help-steps,.help-card-grid,.shortcut-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.help-steps>div,.shortcut-list>div,.help-card-grid>div{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 9px;border:1px solid rgba(64,80,106,.72);border-radius:9px;background:#10172294}.shortcut-list>div{justify-content:space-between}.help-card-grid>div{align-items:flex-start;flex-direction:column;gap:4px}.help-card-grid strong{color:#eef7ff;font-size:12px}.help-card-grid span{color:#aeb9cb}.shortcut-list .pill{flex:0 0 auto;color:#ffe6b1}.help-steps .pill{min-width:22px;text-align:center}button.primary{background:linear-gradient(180deg,#7f6032,#5f4521);border-color:#d8b67b;color:#fff7e5}button.danger{background:linear-gradient(180deg,#533039,#392028);border-color:#8b4b58;color:#ffd9df}button.ghost{background:linear-gradient(180deg,#202937,#181f2a)}button.smallbtn{padding:4px 5px}.material-grid{align-items:stretch}.material-button{min-height:34px;padding:2px;display:flex;align-items:center;justify-content:center;position:relative}.material-thumb{width:30px;height:30px;display:block;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.38))}.material-thumb-stack,.material-thumb-proximity{width:32px;height:32px}.material-thumb-party,.material-thumb-target{width:29px;height:29px}.material-thumb-waymarks{width:32px;height:32px}.material-thumb-job,.material-thumb-role{width:28px;height:28px}.material-thumb-boss{width:29px;height:29px}.material-thumb-minion{width:40px;height:40px;filter:hue-rotate(172deg) saturate(.95) brightness(.9) contrast(1.18) drop-shadow(0 5px 9px rgba(0,0,0,.38))}.material-thumb-telop,.material-thumb-field,.material-thumb-spread{width:44px;height:44px}button.smallbtn.material-button{min-height:31px;padding:1px}.material-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}label{display:block;font-size:11px;color:var(--muted);margin:4px 0 3px}label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:8px}input[type=checkbox]{width:auto;flex:0 0 auto;margin:0;padding:0}input[type=range]{width:100%;padding:0}input[type=color]{height:38px;padding:3px}.page-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mini-field{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;margin:0;color:#cbd7e8}.mini-field input{text-align:right}.page-background-controls{display:grid;grid-template-columns:42px minmax(0,1fr) 48px;align-items:center;gap:8px}.page-background-controls input[type=color]{width:42px;height:34px;min-width:42px}.page-background-controls output{min-width:48px;padding:5px 6px;border:1px solid #4a5d78;border-radius:8px;background:#1b2534;color:#fff7df;font-size:11px;font-weight:700;text-align:center}.line-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.line-preview{margin-top:10px;padding:7px 10px;border:1px solid rgba(82,101,131,.5);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),#090e166b;background-size:18px 18px}.line-preview svg{display:block;width:100%;height:36px;overflow:visible}#linePreviewPath{fill:none;stroke:#58c7ff;stroke-linecap:round;stroke-linejoin:round}#linePreviewOutline{display:none;fill:none;stroke:#070b12e6;stroke-linecap:round;stroke-linejoin:round}#linePreviewStartDot,#linePreviewEndDot{display:none;stroke:#070b12b8;stroke-width:1.5}.range-with-value{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:6px;align-items:center}.range-with-value input[type=number]{width:68px;padding:6px 7px;text-align:right}.waymark-radial-control,.spread-radial-control{margin-top:8px;padding:6px 8px;border:1px solid rgba(120,145,178,.28);border-radius:8px;background:#10182461}.waymark-radial-labels,.spread-radial-labels{display:grid;grid-template-columns:1fr 58px 1fr;gap:8px;align-items:center;margin-bottom:6px;color:#c8d7ea;font-size:11px}.waymark-radial-labels span:last-child,.spread-radial-labels span:last-child{text-align:right}.waymark-radial-labels output,.spread-radial-labels output,.mobile-waymark-radial output,.mobile-spread-radial output{border:1px solid #4a5d78;border-radius:8px;background:#1b2534;color:#fff7df;padding:4px 7px;text-align:center;font-weight:700}.is-hidden{display:none!important}.canvas-wrap{grid-area:canvas;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;min-height:0;padding:12px;background:#0a1019}.canvas-wrap.is-drop-target:after{content:"";position:absolute;inset:14px;pointer-events:none;border:2px dashed rgba(255,213,123,.82);border-radius:14px;box-shadow:0 0 22px #ff95303d,inset 0 0 28px #ff953021}canvas{display:block;flex:0 0 auto;width:min(100%,calc(100vh - var(--header-height) - var(--ribbon-height, 126px) - 16px));height:auto;aspect-ratio:1 / 1;max-width:100%;max-height:100%;background:#101722;border:1px solid #5e6f86;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff08 inset}.inline-text-editor{position:fixed;z-index:60;display:block;box-sizing:border-box;resize:none;padding:7px 10px;border:1px solid rgba(255,219,142,.92);border-radius:8px;outline:2px solid rgba(62,166,255,.32);background:#0a0f18eb;color:#fff7df;box-shadow:0 12px 36px #0000006b,0 0 0 1px #ffffff0f inset;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;line-height:1.22;text-align:center;transform-origin:center center;overflow:hidden}.small{color:var(--muted);font-size:11px;line-height:1.6}.layers,.pages{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow:auto}.layer-search{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;margin-bottom:7px;padding:5px 7px;border:1px solid rgba(82,101,131,.5);border-radius:7px;background:#090e166b}.layer-search span{color:#8fb2df;text-align:center}.layer-search input{height:28px;padding:4px 6px;border:0;background:transparent}.layer-stats{margin:-2px 0 7px;color:#8fa0b7;font-size:10px;line-height:1.4}.layer-item,.page-item{padding:8px 9px;border-radius:10px;border:1px solid #344256;background:linear-gradient(180deg,#1c2634,#151c27);cursor:pointer;font-size:12px}.layer-item{display:grid;grid-template-columns:52px 48px minmax(0,1fr) 34px;align-items:center;gap:7px}.layer-actions{display:inline-grid;grid-template-columns:repeat(2,22px);align-items:center;justify-content:start;gap:4px;min-width:0}.layer-action{display:inline-grid;place-items:center;justify-self:center;align-self:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;border-radius:5px;box-sizing:border-box;color:#dcecff;font-size:0;line-height:0;overflow:hidden}.layer-action svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.layer-action[data-layer-icon=lock] svg,.layer-action[data-layer-icon=unlock] svg{width:16px;height:16px}.layer-action .layer-lock-body{fill:#84beff1a;stroke-width:1.75}.layer-action .layer-lock-shackle,.layer-action .layer-lock-open{stroke-width:1.95}.layer-action .layer-lock-key{fill:currentColor;stroke:currentColor;stroke-width:1.35}.layer-action:hover{transform:none}.layer-empty{padding:10px 9px;border:1px dashed rgba(113,132,164,.34);border-radius:7px;color:#92a3b9;font-size:11px;line-height:1.5;text-align:center}.layer-kind{color:#8fb2df;font-size:10px;min-width:0;padding-left:1px}.layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-id{color:#7f8ea4;font-size:10px;text-align:right}.layer-item.is-hidden-layer{border-style:dashed;background:#0e141e94}.layer-item.is-hidden-layer .layer-kind,.layer-item.is-hidden-layer .layer-name,.layer-item.is-hidden-layer .layer-id{opacity:.48}.layer-item.is-hidden-layer .layer-name{text-decoration:line-through}.layer-item.is-locked-layer .layer-action[data-layer-icon=lock]{border-color:#ffd27db3;background:linear-gradient(180deg,#4c3b1fd1,#181b20db);color:#ffe0a3;box-shadow:inset 0 0 0 1px #ffe0a31f}.layer-item.is-locked-layer .layer-action[data-layer-icon=lock] .layer-lock-body{fill:#ffe0a329;stroke-width:1.85}.layer-item.selected,.page-item.selected{border-color:var(--gold);color:#ffe6b1;box-shadow:inset 0 0 0 1px #d7b06a2e}.guide-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0}.macro-section{display:flex;flex-direction:column;gap:8px}.macro-controls{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px}.macro-controls label{color:#aebbd0;font-size:11px}.macro-actions{margin-top:0}.macro-output{min-height:180px;max-height:320px;overflow:auto;resize:vertical;white-space:pre;cursor:text;font-family:Cascadia Mono,Consolas,Yu Gothic UI,Yu Gothic,monospace;font-size:12px;line-height:1.5;letter-spacing:0}.macro-output:focus{border-color:#d7b06aa6;box-shadow:0 0 0 1px #d7b06a33,0 0 0 4px #d7b06a14;outline:none}.macro-status{min-height:18px;color:#93a7c0;font-size:11px;line-height:1.5}.macro-status[data-state=ok]{color:#9edebd}.macro-status[data-state=warn]{color:#f0c980}.page-title{font-weight:700;display:block}.page-meta{color:var(--muted);font-size:11px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;border:1px solid #40506a;background:#121925;color:var(--muted);font-size:11px}.divider{height:1px;background:#ffffff0f;margin:8px 0}.material-subgroup{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(120,145,178,.2)}.material-subgroup:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.material-subgroup>.job-group-title{color:#ffe0a3;letter-spacing:.06em}.job-subgroup-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;color:#ffe0a3;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.job-subgroup-summary::-webkit-details-marker{display:none}.job-subgroup-summary:after{content:"";width:7px;height:7px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .14s ease}.job-icon-details[open] .job-subgroup-summary:after{transform:rotate(-135deg)}.job-group{margin-bottom:10px}.job-group-title{color:#c8d2e0;font-size:11px;margin-bottom:6px}.ribbon-icon-grid{display:grid;grid-template-columns:repeat(6,28px);gap:4px;align-items:center}.ribbon-icon-button{width:28px;min-width:28px;height:26px;padding:0;border-radius:4px;font-size:12px;line-height:1;font-weight:800;color:#eaf3ff;background:linear-gradient(180deg,#253247,#172030)}.ribbon-icon-button span{display:inline-flex;align-items:center;justify-content:center;min-width:0}.ribbon-icon-button.danger{color:#ffd9df}.ribbon-icon-button:disabled{cursor:default;opacity:.42;filter:grayscale(.35)}.ribbon-icon-button:disabled:hover{color:#eaf3ff;transform:none;border-color:#44526a;filter:grayscale(.35)}.ribbon-icon-button:hover{color:#ffe0a3}:root{--header-height: 48px;--ribbon-height: 72px;--left-panel-width: 318px;--right-panel-width: 318px;--left-resize-width: 6px;--right-resize-width: 6px;--chrome: #111824;--chrome-2: #182231;--chrome-3: #202b3c;--blue-accent: #2c78c7}body{background:radial-gradient(circle at 50% -18%,rgba(73,103,151,.24),transparent 34%),linear-gradient(180deg,#0b111c,#0a0e15 38%,#080c12)}.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:0 14px 0 16px;background:linear-gradient(180deg,#111824fa,#0c111bfa);border-bottom:1px solid rgba(104,125,158,.22);box-shadow:0 12px 30px #0000003d}.brand-lockup{display:flex;align-items:center;min-width:118px}.app-header h1{font-size:17px;font-weight:800;color:#f6f8ff;letter-spacing:.01em}.app-menu,.header-actions{display:flex;align-items:center;gap:12px;min-width:0}.app-menu button,.header-actions button{width:auto;min-width:0;height:30px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#d8e2f1;box-shadow:none;font-size:12px;white-space:nowrap}.app-menu button:hover,.header-actions button:hover{transform:none;background:#53709e38;color:#fff}.app-menu button.is-active-menu{background:#3f5e8b57;color:#fff4cf}.header-actions{justify-content:flex-end;gap:6px}.app-menu-popover{position:fixed;z-index:1000;width:220px;padding:6px;border:1px solid rgba(116,137,169,.38);border-radius:8px;background:linear-gradient(180deg,#1c2738fa,#0e1521fc);box-shadow:0 18px 42px #0000006b,inset 0 1px #ffffff0a}.app-menu-popover.is-hidden{display:none}.app-menu-popover button{display:flex;align-items:center;width:100%;min-width:0;height:30px;padding:0 10px;border:0;border-radius:5px;background:transparent;box-shadow:none;color:#dbe5f4;font-size:12px;text-align:left}.app-menu-popover button:hover{transform:none;background:#2c78c742;color:#fff4cf}.shape-menu-popover{position:fixed;z-index:1001;width:246px;display:grid;grid-template-columns:repeat(5,42px);gap:6px;padding:8px;border:1px solid rgba(116,137,169,.42);border-radius:9px;background:linear-gradient(180deg,#1d2839fc,#0d141ffc);box-shadow:0 20px 48px #00000075,inset 0 1px #ffffff0d}.shape-menu-popover.is-hidden{display:none}.shape-menu-popover button{width:42px;min-width:42px;height:42px;padding:4px;border-radius:6px;background:linear-gradient(180deg,#233044e6,#141e2de6);box-shadow:none}.shape-menu-popover button:hover{transform:none;border-color:#7cace8b8;background:#2c78c742}.shape-menu-popover img{width:31px;height:31px;display:block;object-fit:contain}.shape-menu-popover span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{--ribbon-height: 72px;gap:0;background:#0a0f18;grid-template-columns:clamp(228px,20vw,var(--left-panel-width, 318px)) var(--left-resize-width, 6px) minmax(0,1fr) var(--right-resize-width, 6px) clamp(248px,20vw,var(--right-panel-width, 318px));grid-template-rows:var(--ribbon-height) minmax(0,1fr);grid-template-areas:"page-panel page-panel page-panel page-panel page-panel" "left-panel left-resize canvas right-resize right-panel"}#pagePanel{display:flex;align-items:stretch;gap:0;background:linear-gradient(180deg,#202a3c,#172132);border-bottom:1px solid rgba(113,132,164,.3);box-shadow:inset 0 1px #ffffff0a;padding:5px 10px 4px;overflow-x:auto;overflow-y:hidden}.ribbon-cluster{display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:4px;min-width:0;padding:0 10px;border-right:1px solid rgba(129,148,178,.22)}.ribbon-cluster:first-child{padding-left:0}.ribbon-cluster:last-child{border-right:0}.ribbon-main-tools{gap:6px;flex-wrap:nowrap;flex:0 0 auto}.ribbon-tool{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:52px;min-width:52px;height:58px;padding:4px 3px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#d9e2f0;font-size:11px;line-height:1.1}.ribbon-tool:hover,.ribbon-tool.is-active-tool{transform:none;background:linear-gradient(180deg,#306caed1,#234d7dc2);color:#fff4c7}.ribbon-tool:disabled{cursor:default;opacity:.42;filter:grayscale(.35)}.ribbon-tool:disabled:hover{transform:none;background:transparent;color:#d9e2f0}.ribbon-tool .ribbon-icon{display:block;font-size:20px;line-height:1}.ribbon-tool .ribbon-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ribbon-tool .ribbon-icon-lock svg{width:20px;height:20px}.ribbon-tool .ribbon-lock-body{fill:#84beff1a;stroke-width:1.8}.ribbon-tool .ribbon-lock-shackle{stroke-width:2}.ribbon-tool .ribbon-lock-key{fill:currentColor;stroke:currentColor;stroke-width:1.35}.ribbon-icon-pen{transform:translateY(1px)}.ribbon-cluster>button:not(.ribbon-tool),.ribbon-cluster>label{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;padding:0;border:1px solid rgba(82,101,131,.55);border-radius:5px;background:linear-gradient(180deg,#253144db,#172133db);color:#d8e2f1;box-shadow:none;font-size:13px}.ribbon-cluster>button:not(.ribbon-tool):hover,.ribbon-cluster>label:hover{transform:none;border-color:#7cace8a8;background:#2c78c73d;color:#fff4c7}.ribbon-title{flex:0 0 100%;margin:0 0 2px;color:#cdd8e8a8;font-size:10px;line-height:1;text-align:center}.ribbon-view{margin-left:auto;flex-wrap:nowrap}.ribbon-view select{width:70px;min-width:70px;height:28px;padding:0 6px;border-radius:5px;font-size:12px}.ribbon-cluster.ribbon-view>.zoom-fit-button{width:40px;min-width:40px;font-size:11px}.ribbon-view label input{position:absolute;opacity:0;pointer-events:none}.ribbon-view label:has(input:checked){border-color:#7cace89e;color:#fff4c7;background:#2c78c747}#pagePanel .grid,#pagePanel .grid3,#pagePanel .grid4,#pagePanel .stack,#pagePanel .row{display:flex;flex-wrap:wrap;gap:4px}#pagePanel .row>*{flex:0 0 auto}#pagePanel button,#pagePanel select,#pagePanel input{width:auto;min-width:30px;height:26px;padding:3px 7px;border-radius:5px;background:linear-gradient(180deg,#253246,#172133);font-size:10px}#pagePanel textarea,#pagePanel .small,#pagePanel label{display:none}#pagePanel label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:4px;height:26px;margin:0;padding:0 7px;border:1px solid #44526a;border-radius:5px;background:linear-gradient(180deg,#253246,#172133);color:#d8e2f1;font-size:10px}#pagePanel .ribbon-icon-grid{display:flex;gap:3px}#pagePanel .ribbon-icon-button{width:28px;min-width:28px;height:28px;padding:0}#pagePanel .ribbon-tool{width:52px;min-width:52px;height:58px;padding:4px 3px;border:0;background:transparent;box-shadow:none;font-size:11px}#pagePanel .ribbon-cluster>button:not(.ribbon-tool),#pagePanel .ribbon-cluster>label{width:28px;min-width:28px;height:28px;padding:0;font-size:13px}#pagePanel .ribbon-view select{width:70px;min-width:70px;height:28px;font-size:12px}#pagePanel .ribbon-cluster.ribbon-view>.zoom-fit-button{width:40px;min-width:40px;font-size:11px}aside{background:linear-gradient(180deg,#151d2afa,#0d131dfa);border-color:#64779547}#leftPanel{padding:0}.asset-panel-head{position:sticky;top:0;z-index:4;padding:8px 10px 9px;background:linear-gradient(180deg,#192333fc,#121a27fa);border-bottom:1px solid rgba(112,132,163,.28)}.asset-tabs{display:flex;gap:3px;margin-bottom:8px}.asset-tabs button{width:auto;min-width:58px;height:30px;padding:0 10px;border:0;border-radius:0;background:transparent;color:#c6d0df;box-shadow:none;font-size:12px}.asset-tabs button.is-active{color:#fff3cf;background:#364d6f73;border-bottom:1px solid var(--blue-accent)}.asset-search{display:grid;grid-template-columns:20px 1fr;align-items:center;height:34px;padding:0 8px;border:1px solid rgba(102,124,154,.38);border-radius:7px;background:#090f188f;color:#8fa0b8}.asset-search input{width:100%;height:30px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text)}#leftPanel .section{margin:0;padding:9px 12px;border:0;border-bottom:1px solid rgba(111,130,160,.2);border-radius:0;background:transparent;box-shadow:none}#leftPanel .section h2{color:#fff0bc;font-size:12px;letter-spacing:.02em;text-transform:none}#leftPanel .section-heading{margin-bottom:8px}#leftPanel .section-toggle{color:#fff0bc}#leftPanel .material-button{--material-button-size: 30px;border-radius:5px}#leftPanel .material-button:hover{background:#2c78c729;border-color:#70b0ff7a}#leftPanel .material-grid,#leftPanel .grid:has(.material-button),#leftPanel .grid3:has(.material-button),#leftPanel .grid4:has(.material-button){gap:5px}#leftPanel .material-thumb{width:28px;height:28px}#leftPanel .job-group{margin-bottom:8px}#leftPanel .job-group-title,#leftPanel label{color:#c9d3e4;font-size:11px}.resize-handle{background:#070b1199;border-color:#5b6c8647}.resize-handle:after{opacity:.25}.canvas-wrap{padding:0;background:#0a1019}.canvas-shell{display:grid;grid-template-rows:38px minmax(0,1fr) 34px;width:100%;height:100%;min-width:0;min-height:0;border-left:1px solid rgba(111,130,160,.2);border-right:1px solid rgba(111,130,160,.2)}.canvas-tabbar{display:flex;align-items:end;gap:4px;min-width:0;padding:0 12px;background:linear-gradient(180deg,#1e2839e6,#121a27f5);border-bottom:1px solid rgba(115,136,168,.26)}.canvas-page-tabs{display:flex;align-items:end;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.canvas-page-tab{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:30px;max-width:220px;min-width:126px;padding:0 6px 0 12px;border:1px solid rgba(99,121,153,.32);border-bottom:0;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#202b3d,#151e2d);color:#cbd6e6;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-page-tab.is-active{border-color:#d7b06a9e;background:linear-gradient(180deg,#26334a,#111b2b);color:#ffe6ad;box-shadow:inset 0 1px #ffffff14}.canvas-page-tab-title,.canvas-page-tab-close{height:22px;padding:0;border:0;background:transparent;box-shadow:none;color:inherit}.canvas-page-tab-title{min-width:0;flex:1 1 auto;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font:inherit}.canvas-page-tab-close{width:20px;min-width:20px;border-radius:5px;color:#93a0b4;font-size:14px;line-height:1}.canvas-page-tab-close:hover:not(:disabled){background:#ff6e6e29;color:#ffd0d0}.canvas-page-tab-close:disabled{cursor:default;opacity:.32}.canvas-add-page-tab{width:22px;min-width:22px;height:22px;margin:0 0 4px;padding:0;border:1px solid rgba(99,121,153,.32);border-radius:6px;background:#151e2dd1;box-shadow:none;color:#aebbd0;font-size:14px}.canvas-workbench{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.canvas-toolrail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 5px;background:#0c121cb8;border-right:1px solid rgba(113,132,164,.22)}.canvas-toolrail button{width:30px;min-width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#d8e1ef;box-shadow:none;font-size:17px}.canvas-toolrail button:hover,.canvas-toolrail button.is-active-tool{transform:none;background:#2c78c74d;color:#fff2be}.canvas-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:14px;overflow:auto;background:#0a1019}canvas{width:min(100%,calc(100vh - var(--header-height) - var(--ribbon-height) - 106px));min-width:0;max-width:none;max-height:none;border-color:#95a4bc80;box-shadow:0 28px 80px #0000006b,0 0 0 1px #ffffff08 inset}.canvas-statusbar{display:flex;align-items:center;gap:14px;padding:0 12px;border-top:1px solid rgba(114,134,164,.22);background:linear-gradient(180deg,#161f2ef0,#0f1621fa);color:#aeb9cb;font-size:12px}.canvas-statusbar span:first-child{color:#fff4cf}.canvas-statusbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#rightPanel{padding:10px;background:linear-gradient(180deg,#192333fa,#0d131dfa)}#rightPanel input:disabled,#rightPanel select:disabled,#rightPanel textarea:disabled{cursor:not-allowed;opacity:.55}#rightPanel .section{margin-bottom:10px;padding:12px;border:1px solid rgba(82,101,131,.38);border-radius:7px;background:linear-gradient(180deg,#1e293ac7,#101824d6)}#rightPanel .section h2{color:#f4e5bd;font-size:12px;letter-spacing:.04em;text-transform:none}#rightPanel .layer-item,#rightPanel .page-item{border-radius:5px;background:#101824cc}#rightPanel .layer-item{min-height:34px;padding:5px 8px}#utilityPanel{display:none!important}.mobile-toolbar,.mobile-tabs,.mobile-panel{display:none}@media(min-width:901px)and (max-aspect-ratio:1/1){.app{--stack-top-panel-height: clamp(92px, 14vh, 126px);--stack-bottom-panel-height: clamp(94px, 14vh, 138px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:var(--stack-top-panel-height) minmax(0,1fr) var(--stack-bottom-panel-height);grid-template-areas:"page-panel page-panel" "canvas canvas" "left-panel right-panel"}.resize-handle{display:none}#pagePanel,#leftPanel,#rightPanel{display:flex;gap:10px;align-items:stretch;min-width:0;min-height:0;padding:10px;overflow-x:auto;overflow-y:hidden;border-right:0;border-left:0}#pagePanel{border-bottom:1px solid #2d394c}#leftPanel,#rightPanel{border-top:1px solid #2d394c}#pagePanel .section,#leftPanel .section,#rightPanel .section{flex:0 0 clamp(236px,30vw,360px);max-height:100%;margin-bottom:0;overflow-y:auto}#pagePanel .section-body,#leftPanel .section-body{max-height:108px}.canvas-wrap{width:100%;height:100%;padding:8px}canvas{width:min(calc(100vw - 16px),calc(100vh - var(--header-height) - var(--stack-top-panel-height) - var(--stack-bottom-panel-height) - 16px));height:auto;max-width:100%;max-height:100%}}@media(max-width:900px){body{height:100dvh;overflow:hidden}header{height:48px;padding:0 10px}header h1{font-size:12px;line-height:1.2}header .hint{display:none}.app{height:calc(100dvh - 48px);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"canvas"}aside{display:none}.resize-handle{display:none}.canvas-wrap{width:100vw;height:calc(100dvh - 226px);align-items:center;justify-content:center;padding:6px;touch-action:none}canvas{width:min(100vw - 12px,calc(100dvh - 238px));height:min(100vw - 12px,calc(100dvh - 238px));max-width:100%;max-height:100%}.modal-overlay,.help-modal-content{padding:12px}.help-section{padding:10px}.help-steps,.help-card-grid,.shortcut-list{grid-template-columns:1fr}.shortcut-list>div{align-items:flex-start;flex-direction:column;gap:5px}.mobile-toolbar{display:flex;position:fixed;left:8px;right:8px;top:46px;z-index:20;gap:6px;pointer-events:none}.mobile-toolbar button{pointer-events:auto;flex:1;padding:8px 6px;font-size:11px;border-radius:999px;background:linear-gradient(180deg,#243144f0,#1b2534f0)}.mobile-tabs{display:grid;position:fixed;left:0;right:0;bottom:112px;z-index:21;grid-template-columns:repeat(5,1fr);gap:2px;padding:3px 5px;background:#090e16f0;border-top:1px solid #2e3a4d}.mobile-tabs button{padding:6px 3px;font-size:10px;border-radius:6px}.mobile-panel{display:block;position:fixed;left:0;right:0;bottom:0;height:112px;z-index:20;padding:5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:linear-gradient(180deg,#18202cfa,#0d121bfc);border-top:1px solid #384861;box-shadow:0 -16px 40px #00000059}.mobile-group{display:none;gap:3px;align-items:stretch}.mobile-group.active{display:flex}.mobile-group button,.mobile-group select,.mobile-group input{flex:0 0 auto;min-width:58px;height:34px;font-size:10px;padding:4px 5px;white-space:normal}.mobile-group .material-button{flex:0 0 34px;width:34px;min-width:34px;max-width:34px;height:34px;padding:1px}.mobile-group .material-thumb{width:30px;height:30px}.mobile-group .material-thumb-stack{width:32px;height:32px}.mobile-subhead{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:68px;height:34px;padding:4px 5px;border:1px solid #384861;border-radius:9px;background:#0c121bbd;color:var(--muted);font-size:10px;white-space:normal;text-align:center}.mobile-group input[type=color]{min-width:46px;width:46px;padding:3px}.mobile-group input[type=range]{width:88px;min-width:88px}.mobile-waymark-radial,.mobile-spread-radial{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr 38px;gap:5px;align-items:center;min-width:184px;height:34px;padding:3px 5px;border:1px solid rgba(120,145,178,.28);border-radius:6px;background:#10182480;color:var(--text);font-size:10px}.mobile-group .mobile-waymark-radial input[type=range],.mobile-group .mobile-spread-radial input[type=range]{width:100%;min-width:92px;height:auto;padding:0}.mobile-group .mobile-waymark-radial output,.mobile-group .mobile-spread-radial output{min-width:38px;height:24px;line-height:14px}.mobile-mini{display:inline-flex;flex-direction:column;gap:4px;margin-right:8px;vertical-align:top}.mobile-mini label{margin:0;font-size:10px;color:var(--muted)}.mobile-nudge{display:grid;grid-template-columns:38px 38px 38px;grid-template-rows:34px 34px 34px;gap:3px;flex:0 0 auto}.mobile-nudge button{min-width:0;width:38px;height:34px;padding:0}}.ff14-style-note{color:#f4e3b2;font-size:11px;line-height:1.6}:root{--surface-0: #0a0f18;--surface-1: #101827;--surface-2: #162033;--surface-3: #1d2a40;--stroke-soft: rgba(128, 151, 188, .26);--stroke-strong: rgba(145, 171, 211, .44);--accent-blue: #58a7ff;--accent-blue-soft: rgba(68, 148, 236, .22);--accent-gold: #e1bd78;--accent-gold-soft: rgba(225, 189, 120, .18);--danger-soft: rgba(161, 63, 78, .38)}*{scrollbar-color:rgba(120,155,205,.54) rgba(7,11,18,.42);scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#070b126b}*::-webkit-scrollbar-thumb{border:2px solid rgba(7,11,18,.72);border-radius:999px;background:linear-gradient(180deg,#7e9fcfb8,#495e81b8)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9dbce9e6,#58a7ffc2)}button,select,input,textarea{border-color:#6f87aa6b;background:linear-gradient(180deg,#222f44f0,#121b2bf0);box-shadow:inset 0 1px #ffffff0b}input,select,textarea{color:#edf4ff}input::placeholder,textarea::placeholder{color:#9dadc5b8}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(88,167,255,.5);outline-offset:2px;border-color:#84beffc2}button:disabled,button[disabled]{cursor:default;opacity:.42;filter:saturate(.55)}input[type=range]{accent-color:var(--accent-blue)}input[type=color]{border-radius:7px}@media(min-width:901px){body{background:radial-gradient(circle at 18% -12%,rgba(225,189,120,.12),transparent 30%),radial-gradient(circle at 82% -14%,rgba(88,167,255,.16),transparent 32%),linear-gradient(180deg,#0a101a,#080c13 54%,#060910)}.app-header{position:relative;border-bottom-color:#8097bc42;background:linear-gradient(90deg,rgba(225,189,120,.08),transparent 18%,transparent 82%,rgba(88,167,255,.08)),linear-gradient(180deg,#121926fc,#0a0f19fc);box-shadow:0 16px 34px #0000004d,inset 0 -1px #e1bd7814}.brand-lockup{gap:9px}.brand-lockup:before{content:"";width:4px;height:20px;border-radius:999px;background:linear-gradient(180deg,var(--accent-gold),var(--accent-blue));box-shadow:0 0 18px #58a7ff57}.app-header h1{letter-spacing:.015em;text-shadow:0 1px 10px rgba(0,0,0,.32)}.app-menu{gap:4px}.app-menu button{position:relative;height:34px;padding:0 12px;border-radius:7px;color:#e1eaf7e0}.app-menu button:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:999px;background:var(--accent-gold);opacity:0;transform:scaleX(.45);transition:opacity .14s ease,transform .14s ease}.app-menu button:hover,.app-menu button.is-active-menu{background:#58a7ff1f;color:#fff7dc}.app-menu button:hover:after,.app-menu button.is-active-menu:after{opacity:.9;transform:scaleX(1)}.header-actions{gap:8px}.header-actions button{height:30px;border:1px solid rgba(102,124,158,.34);border-radius:7px;background:linear-gradient(180deg,#1c2739d6,#0e1623d1);color:#e2ebf8e6;box-shadow:inset 0 1px #ffffff0d}.header-actions #undoBtn,.header-actions #redoBtn{width:30px;padding:0;font-size:17px}.header-actions button:hover:not(:disabled){border-color:#84beff99;background:linear-gradient(180deg,#2f4869eb,#142338e6);color:#fff7dc}#pagePanel{background:linear-gradient(90deg,rgba(225,189,120,.06),transparent 26%,transparent 74%,rgba(88,167,255,.08)),linear-gradient(180deg,#1d293d,#131d2e);border-bottom-color:#7f97be52;box-shadow:inset 0 1px #ffffff0e,0 12px 32px #00000038}.ribbon-cluster{padding-inline:11px;border-right-color:#8aa0c43d}.ribbon-title{color:#b3c3dcc7;letter-spacing:.08em}.ribbon-tool{border:1px solid transparent;border-radius:8px;color:#dfe9f6eb;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.ribbon-tool .ribbon-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#070c1438;color:#eef6ff}.ribbon-tool:hover,.ribbon-tool.is-active-tool{border-color:#84beff80;background:linear-gradient(180deg,#3871b4d6,#1e4879cc);box-shadow:0 7px 18px #0003,inset 0 1px #ffffff17;color:#fff7d7}.ribbon-tool:hover .ribbon-icon,.ribbon-tool.is-active-tool .ribbon-icon{background:#ffffff14;color:#fff7d7}#ribbonLockButton .ribbon-icon{color:#ffe0a3}#ribbonLockButton .ribbon-lock-body{fill:#ffe0a31f}.ribbon-cluster>button:not(.ribbon-tool),.ribbon-cluster>label{border-radius:7px;border-color:#6880a480;background:linear-gradient(180deg,#202d42e6,#111b2be6)}.ribbon-view select{border-radius:7px;border-color:#6c86aa80}aside{scrollbar-gutter:stable}#leftPanel,#rightPanel{background:linear-gradient(180deg,#172131fa,#0a1019fa),var(--surface-1)}.asset-panel-head{padding:10px 11px;background:linear-gradient(180deg,#1b273afc,#101927fa);box-shadow:0 10px 24px #0003}.asset-tabs{gap:2px;padding:3px;border:1px solid rgba(105,128,164,.24);border-radius:8px;background:#070c146b}.asset-tabs button{flex:1 1 0;border-radius:6px}.asset-tabs button.is-active{border-bottom:0;background:linear-gradient(180deg,#324e74db,#213654c7);box-shadow:inset 0 1px #ffffff12,0 5px 14px #0000002e}.asset-search,.layer-search{border-color:#728db46b;background:#070c1494;box-shadow:inset 0 1px #ffffff09}#leftPanel .section{padding:11px 13px;border-bottom-color:#768eb42e}#leftPanel .section h2,#rightPanel .section h2,#leftPanel .section-toggle,#rightPanel .section-toggle{color:#ffefc2;font-weight:800}#leftPanel .section-heading,#rightPanel .section-heading{margin-bottom:9px}#leftPanel .material-button{border:1px solid transparent;background:#ffffff04;box-shadow:inset 0 1px #ffffff08}#leftPanel .material-button:hover{transform:translateY(-1px);border-color:#84beff8c;background:radial-gradient(circle at 50% 18%,#58a7ff3d,#141f3052 62%);box-shadow:0 8px 18px #0000003d}.material-subgroup{border-bottom-color:#84a0c82e}.canvas-shell{border-color:#7891b63d;background:#080d15;box-shadow:inset 0 1px #ffffff09}.canvas-tabbar{background:linear-gradient(180deg,#1b273af0,#0d1522f5);border-bottom-color:#7790b547;box-shadow:inset 0 1px #ffffff09}.canvas-page-tab{height:31px;border-color:#657ea361;background:linear-gradient(180deg,#1f2c42f0,#0e1726f0)}.canvas-page-tab.is-active{border-color:#e1bd78a8;background:linear-gradient(180deg,#25344dfa,#0c1523fa);box-shadow:0 -1px #e1bd7824,inset 0 1px #ffffff14}.canvas-add-page-tab{border-color:#6c86aa75;background:linear-gradient(180deg,#202d42db,#101a2adb)}.canvas-add-page-tab:hover,.canvas-page-tab-close:hover:not(:disabled){border-color:#84beff99;background:#58a7ff24}.canvas-wrap,.canvas-stage{background:#0a1019}.canvas-stage{box-shadow:inset 0 1px #ffffff06}canvas{border-color:#abbad27a;box-shadow:0 30px 90px #00000075,0 0 0 1px #ffffff09 inset,0 0 0 8px #05090f38}.canvas-statusbar{border-top-color:#7790b542;background:linear-gradient(180deg,#152031f5,#0a111cfa)}#rightPanel{padding:12px}#rightPanel .section{border-color:#6980a461;border-radius:8px;background:linear-gradient(180deg,#1e2b3fdb,#0d1522e0);box-shadow:inset 0 1px #ffffff0b,0 10px 24px #00000024}#rightPanel .section:hover{border-color:#819dc57a}.layer-item,.page-item{border-color:#5267888f;border-radius:7px;background:linear-gradient(180deg,#182335f0,#0c1421f0);transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.layer-item:hover,.page-item:hover{border-color:#84beff85;background:linear-gradient(180deg,#1f2f48f5,#0e1929f5)}.layer-item.selected,.page-item.selected{border-color:#e1bd78db;background:linear-gradient(180deg,#2d27198f,#121822f2);box-shadow:inset 0 0 0 1px #e1bd7838,0 0 0 1px #e1bd780f}.layer-actions{padding:2px;border-radius:6px;background:#060b1359}.layer-action{border:1px solid rgba(103,129,166,.42);background:#19263ab8}.layer-action:hover{border-color:#84beff9e;background:#58a7ff29;color:#fff8db}.layer-id{color:#97a6bcd1}.page-background-controls output,.range-with-value output,.range-with-value input[type=number]{border-color:#6a82a673;background:#070c146b}button.danger{border-color:#c35b6d8c;background:linear-gradient(180deg,#5b2934eb,#361922eb)}button.danger:hover:not(:disabled){border-color:#ff8fa2b8;background:linear-gradient(180deg,#70303ef5,#421c26f5)}}@media(max-width:900px){.mobile-toolbar button,.mobile-tabs button,.mobile-group button,.mobile-group select,.mobile-group input{border-radius:8px}.mobile-tabs{background:#070b12f5}.mobile-panel{border-top-color:#7d97be57}}:root{--bg: #060b12;--panel: #101925;--panel2: #172336;--line: #34465f;--text: #eef4ff;--muted: #9cafc8;--gold: #e3bf7a;--gold2: #9b7a43}body,.app{background:#060b12}button,select,input,textarea{border-color:#60799a8a;color:#edf5ff}button:hover{transform:none}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#5cacff94;border-color:#89c2ffd1}@media(min-width:901px){body{background:#060b12}.app-header{border-bottom-color:#768eb447;background:linear-gradient(180deg,#0e1622fc,#080e17fc);box-shadow:inset 0 -1px #ffffff0a}.brand-lockup:before{width:3px;height:22px;background:linear-gradient(180deg,#f0ca82 0% 48%,#69b2ff 52% 100%);box-shadow:none}.app-header h1{letter-spacing:0;color:#f2e7cb;text-shadow:none}.app-menu button{height:30px;padding-inline:11px;border:1px solid transparent;color:#e1eaf7db}.app-menu button:after{left:10px;right:10px;bottom:3px;height:1px}.app-menu button:hover,.app-menu button.is-active-menu{border-color:#7494be47;background:#1f2f46b8;color:#fff3cf}.header-actions button{height:29px;border-color:#647ea06b;background:linear-gradient(180deg,#172437eb,#0b131feb);box-shadow:none}.header-actions button:hover:not(:disabled){border-color:#89c2ffa3;background:linear-gradient(180deg,#1f3652f5,#0e1d30f5)}#pagePanel{background:linear-gradient(180deg,#111b2a,#0d1624);border-bottom-color:#6f8ab04d;box-shadow:inset 0 1px #ffffff09}.ribbon-cluster{border-right-color:#768eb42e}.ribbon-title{color:#aab9ceb8}.ribbon-tool{border-radius:7px;color:#e0e9f6e6}.ribbon-tool .ribbon-icon{background:#070d166b;color:#eaf4ff}.ribbon-tool:hover,.ribbon-tool.is-active-tool{border-color:#e0be7b94;background:linear-gradient(180deg,#28374ff5,#142237f5);box-shadow:inset 0 0 0 1px #e0be7b1f;color:#fff2cd}.ribbon-tool.is-active-tool .ribbon-icon,.ribbon-tool:hover .ribbon-icon{background:#e0be7b26;color:#fff2cd}.ribbon-cluster>button:not(.ribbon-tool),.ribbon-cluster>label,.ribbon-view select{border-color:#5b74967a;background:linear-gradient(180deg,#172437e6,#0a121ee6);box-shadow:none}.ribbon-cluster>button:not(.ribbon-tool):hover,.ribbon-view select:hover{border-color:#89c2ff8f;background:linear-gradient(180deg,#1f344ef0,#0c1b2ef0)}#leftPanel,#rightPanel{background:#08101a}.asset-panel-head{border-bottom:1px solid rgba(105,130,166,.24);background:#0d1724;box-shadow:none}.asset-tabs{border-color:#5b74966b;background:#07101a}.asset-tabs button{min-width:0;padding-inline:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d6e1f0c7}.asset-tabs button.is-active{border-color:#89c2ff61;background:linear-gradient(180deg,#223a58eb,#142740eb);color:#eef7ff;box-shadow:inset 0 -2px #e0be7b8c}.asset-search,.layer-search{border-color:#5b74967a;background:#050b13b3;box-shadow:none}#leftPanel .section{padding:10px 12px;border-bottom-color:#687f9e2e;background:transparent}#leftPanel .section h2,#rightPanel .section h2,#leftPanel .section-toggle,#rightPanel .section-toggle{color:#efd19a;font-weight:760;letter-spacing:.02em}#leftPanel .section-heading,#rightPanel .section-heading{margin-bottom:8px}.section-toggle:hover{color:#fff2cf;background:#1f344e6b}#leftPanel .material-button{border-color:#5c74942e;background:#0b14206b;box-shadow:none}#leftPanel .material-button:hover{transform:none;border-color:#e0be7b8f;background:#233349c2;box-shadow:inset 0 0 0 1px #ffffff09}#leftPanel .material-button:active{border-color:#89c2ff9e;background:#182e4ad1}.material-subgroup{border-bottom-color:#687f9e29}.canvas-wrap,.canvas-stage{background:#060b12}.canvas-shell{border-color:#5b749642;background:#070d16;box-shadow:none}.canvas-tabbar{min-height:35px;background:#0d1724;border-bottom-color:#687f9e3d;box-shadow:none}.canvas-page-tab{height:30px;border-radius:7px 7px 0 0;border-color:#5b74966b;background:linear-gradient(180deg,#162335f5,#0a121ef5);color:#dde6f3d9}.canvas-page-tab.is-active{border-color:#e0be7bb8;border-bottom-color:#e0be7b38;background:linear-gradient(180deg,#1d2b41fa,#0a121efa);color:#fff0c8;box-shadow:inset 0 2px #e0be7bb3}.canvas-add-page-tab{border-color:#5b74966b;background:#0d1827db;color:#d9e8fa}.canvas-add-page-tab:hover,.canvas-page-tab-close:hover:not(:disabled){border-color:#89c2ff94;background:#1f344eb3}.canvas-stage{box-shadow:inset 0 1px #ffffff05}canvas{border-color:#97a8c070;box-shadow:0 18px 46px #0000006b,0 0 0 1px #ffffff06 inset}.canvas-statusbar{border-top-color:#687f9e3d;background:#0d1724}.canvas-toolrail{background:#09111cbd;border-color:#5b74963d}.canvas-toolrail button{border-color:transparent;background:transparent}.canvas-toolrail button:hover,.canvas-toolrail button.is-active-tool{border-color:#89c2ff75;background:#1f344ead}#rightPanel{padding:11px}#rightPanel .section{border-color:#5b749661;background:linear-gradient(180deg,#111d2df2,#0a1320f2);box-shadow:none}#rightPanel .section:hover{border-color:#7494be80}.layer-item,.page-item{border-color:#52688894;border-radius:7px;background:linear-gradient(180deg,#111e2ff5,#09121ef5);box-shadow:none}.layer-item:hover,.page-item:hover{border-color:#89c2ff8a;background:linear-gradient(180deg,#182a40fa,#0b1828fa)}.layer-item.selected,.page-item.selected{border-color:#e0be7bd1;background:linear-gradient(180deg,#2823189e,#0b1421fa);box-shadow:inset 0 0 0 1px #e0be7b2e}.layer-actions{background:#040a127a}.layer-action{border-color:#5b749675;background:#101e30d1}.layer-action:hover{border-color:#89c2ff9e;background:#1f344ebd}.layer-item.is-locked-layer .layer-action[data-layer-icon=lock]{border-color:#e0be7bb8;background:linear-gradient(180deg,#3e301ce0,#14181fe6);color:#f0d29a}.macro-output,#rightPanel textarea,#rightPanel input,#rightPanel select{border-color:#5b749680;background:#050b139e}.page-background-controls output,.range-with-value output,.range-with-value input[type=number]{border-color:#5b749680;background:#050b138a}button.primary,#rightPanel button.primary{border-color:#e0be7b9e;background:linear-gradient(180deg,#8d6932f2,#523d22f2);color:#fff3d1}button.primary:hover:not(:disabled),#rightPanel button.primary:hover:not(:disabled){border-color:#f5d28fd1;background:linear-gradient(180deg,#a37938fa,#604726fa)}button.danger{border-color:#bc55688f;background:linear-gradient(180deg,#542430eb,#30151eeb)}}@media(max-width:900px){body{background:#060b12}.mobile-toolbar,.mobile-panel{background:#08101a}}.modal-card{width:min(900px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 32px));border-radius:8px;background:linear-gradient(180deg,#111d2dfa,#080f19fc)}.help-modal-content{scrollbar-gutter:stable}.help-section,.help-steps>div,.shortcut-list>div,.help-card-grid>div{border-radius:8px}.shortcut-list>div{justify-content:flex-start;align-items:flex-start;gap:8px}.shortcut-list .pill{white-space:nowrap}.macro-actions button{min-width:0;padding-inline:8px}