:root{color:#e9eef2;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0e1114;--panel:#151a1e;--panel-raised:#1a2025;--panel-soft:#20272d;--border:#2a333a;--border-strong:#3b4851;--text:#e9eef2;--text-muted:#8e9aa3;--text-dim:#68757e;--accent:#d8fb55;--accent-dark:#a8c638;--danger:#ff746f;--focus:#d8fb553d;background:#0e1114;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:980px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.38}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{background:radial-gradient(circle at 80% 0%, #3f4b3921, transparent 30%), var(--bg);height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--border);background:#101417f5;grid-template-columns:244px minmax(260px,1fr) auto;align-items:center;height:68px;padding:0 22px;display:grid;position:relative;box-shadow:0 10px 28px #0003}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.beta-badge{color:#aabd69;letter-spacing:.08em;text-transform:uppercase;background:#5c6c2e21;border:1px solid #4b5930;border-radius:8px;align-self:flex-start;margin-top:1px;padding:2px 5px;font-size:7px;font-weight:850;line-height:1}.brand-mark{background:#1b2125;border:1px solid #465158;border-radius:5px;grid-template-columns:repeat(3,6px);align-items:end;gap:3px;width:29px;height:29px;padding:5px;display:grid}.brand-mark span{background:var(--accent);border-radius:1px;width:6px;display:block}.brand-mark span:first-child{height:9px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:13px}.brand strong,.brand small{line-height:1.05;display:block}.brand strong{color:#f3f6f8;letter-spacing:.02em;font-size:13px}.brand small{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.project-name-field{justify-self:start;align-items:center;gap:10px;width:min(420px,90%);display:flex}.project-name-field span{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.project-name-field input{width:100%;height:35px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;padding:0 10px;font-size:14px;font-weight:650}.project-name-field input:hover,.project-name-field input:focus{border-color:var(--border);background:var(--panel)}.toolbar-actions{align-items:center;gap:5px;display:flex}.toolbar-divider{background:var(--border);width:1px;height:24px;margin:0 8px}.button,.icon-button,.format-button{border:1px solid var(--border-strong);color:var(--text);background:#20272c;border-radius:4px;font-weight:700;transition:border-color .12s,background-color .12s,color .12s}.button:hover:not(:disabled),.icon-button:hover:not(:disabled),.format-button:hover:not(:disabled){background:#293138;border-color:#56646d}.button{height:35px;padding:0 14px;font-size:12px}.button-quiet{color:#abb5bc;background:0 0;border-color:#0000}.button-primary{border-color:var(--accent);color:#161b11;background:var(--accent)}.button-primary:hover:not(:disabled){background:#e6ff85;border-color:#e6ff85}.button-small{height:30px;padding:0 10px;font-size:11px}.button-danger{color:#d9a09e;background:0 0}.button-danger:hover:not(:disabled){color:#ffaaa6;background:#81383426;border-color:#744843}.app-body{grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 100px);display:grid}.app-footer{border-top:1px solid var(--border);height:32px;color:var(--text-dim);font-variant-numeric:tabular-nums;background:#101417;justify-content:space-between;align-items:center;gap:20px;padding:0 22px;font-size:9px;display:flex}.app-footer nav{align-items:center;gap:14px;display:flex}.app-footer a,.app-footer button{color:#89959d;background:0 0;border:0;padding:0;font-size:9px;font-weight:650;text-decoration:none}.app-footer a:hover,.app-footer button:hover{color:#cbd4d8}.app-notice{z-index:30;color:#dfe8d5;background:#1f2719f7;border:1px solid #4f5c3b;border-radius:5px;align-items:center;gap:14px;max-width:min(520px,100vw - 360px);min-height:42px;padding:9px 10px 9px 13px;font-size:11px;line-height:1.45;display:flex;position:fixed;top:78px;right:22px;box-shadow:0 12px 30px #00000059}.app-notice.error{color:#ffd1ce;background:#341d1dfa;border-color:#754744}.app-notice button{color:currentColor;background:0 0;border:0;flex:none;width:24px;height:24px;padding:0;font-size:18px;line-height:1}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040608b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.print-reminder{background:#171d20;border:1px solid #52612f;border-radius:7px;width:min(480px,100%);padding:24px;box-shadow:0 24px 70px #0000008c}.print-reminder h2{color:#f0f4f5;margin:8px 0;font-size:17px;line-height:1.35}.print-reminder p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.55}.delete-strip-confirmation .button-danger{color:#fff2f1;background:#7e322e;border-color:#a84f49}.delete-strip-confirmation .button-danger:hover{background:#98403b;border-color:#d1665f}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.about-dialog{background:#171d20;border:1px solid #3d484f;border-radius:7px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #0000008c}.about-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.about-heading h2{color:#eef2f4;margin:7px 0 6px;font-size:20px}.about-heading p,.about-support p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.55}.about-close{flex:none;font-size:18px}.about-print-warning{background:#3c481d2e;border:1px solid #53622e;border-radius:5px;flex-direction:column;gap:5px;margin-top:20px;padding:12px 14px;display:flex}.about-print-warning strong{color:#e7efca;text-transform:uppercase;font-size:11px}.about-print-warning span{color:#adb898;font-size:10px;line-height:1.5}.about-guide{margin-top:20px}.about-guide h3,.about-support h3{color:#dce3e7;margin:0;font-size:11px}.about-guide ul{color:#9ca8af;gap:7px;margin:10px 0 0;padding-left:18px;font-size:10px;line-height:1.5;display:grid}.about-guide code{color:#d9e4e8}.about-support{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:18px;display:flex}.about-support p{margin-top:4px}.about-support .button{color:#c7d0d5;flex:none;align-items:center;text-decoration:none;display:inline-flex}.about-version{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:18px;font-size:9px}.sidebar{border-right:1px solid var(--border);scrollbar-color:#384149 transparent;scrollbar-width:thin;background:#121619;overflow-y:auto}.sidebar-panel{border-bottom:1px solid #262e34;padding:20px}.panel-title{justify-content:space-between;align-items:baseline;margin-bottom:15px;display:flex}.panel-title h2{color:#e4eaee;letter-spacing:.02em;margin:0;font-size:12px;font-weight:750}.panel-title>span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:var(--text-muted);font-size:10px;font-weight:700}.field select,.field>input,.number-input,.readonly-field output{border:1px solid var(--border);width:100%;height:34px;color:var(--text);background:var(--panel-raised);border-radius:4px;font-size:12px}.field>input{padding:0 9px}.field>input:focus{border-color:var(--accent-dark);box-shadow:0 0 0 3px var(--focus);outline:0}.field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:0 30px 0 9px}.number-input{align-items:center;display:flex;overflow:hidden}.number-input input{width:100%;min-width:0;height:100%;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0 4px 0 9px;font-size:12px}.number-input:focus-within,.field select:focus{border-color:var(--accent-dark);box-shadow:0 0 0 3px var(--focus)}.number-input em{color:var(--text-dim);padding-right:8px;font-size:10px;font-style:normal;font-weight:700}.readonly-field output{color:#c6ced3;font-variant-numeric:tabular-nums;background:#171c20;align-items:center;padding:0 9px;display:flex}.panel-note,.empty-panel,.upcoming-panel p{color:var(--text-dim);margin:12px 0 0;font-size:10px;line-height:1.55}.empty-panel{margin-top:0}.advanced-options{border-top:1px solid #252d32;margin-top:15px;padding-top:13px}.advanced-options summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:750}.advanced-options[open] summary{margin-bottom:14px}.toggle-field{justify-content:space-between;align-items:center;gap:14px;display:flex}.toggle-field span{min-width:0}.toggle-field strong,.toggle-field small{display:block}.toggle-field strong{color:#cfd7db;font-size:10px}.toggle-field small{color:var(--text-dim);margin-top:3px;font-size:9px;line-height:1.4}.toggle-field input{appearance:none;background:#252c31;border:1px solid #47525a;border-radius:10px;flex:none;width:30px;height:17px;margin:0;transition:background .12s;position:relative}.toggle-field input:after{content:"";background:#8d989f;border-radius:50%;width:9px;height:9px;transition:left .12s,background .12s;position:absolute;top:3px;left:3px}.toggle-field input:checked{border-color:var(--accent-dark);background:#53621f}.toggle-field input:checked:after{background:var(--accent);left:16px}.segmented-control{border:1px solid var(--border);border-radius:4px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segmented-control button{border:0;border-right:1px solid var(--border);height:32px;color:var(--text-muted);background:var(--panel-raised);font-size:10px;font-weight:700}.segmented-control button:last-child{border-right:0}.segmented-control button.active{color:var(--accent);background:#2b331d}.text-options-row{align-items:end}.format-button{height:34px;font-size:10px}.format-button b{margin-right:5px;font-family:Georgia,serif;font-size:13px}.format-button.active{color:var(--accent);background:#2b331d;border-color:#7d9133}.compact-toggle{margin-top:16px}.upcoming-panel{background:#ffffff03}.upcoming-panel code{color:#acb8bf}.auto-template-field{margin-top:0}.auto-template-field+.auto-template-field{margin-top:11px}.auto-template-control{grid-template-columns:minmax(0,1fr) 34px;display:grid}.auto-template-control input,.auto-template-control button{border:1px solid var(--border);height:34px;color:var(--text);background:var(--panel-raised)}.auto-template-control input{border-radius:4px 0 0 4px;min-width:0;padding:0 9px}.auto-template-control button{color:var(--accent);border-left:0;border-radius:0 4px 4px 0;padding:0;font-weight:850}.auto-template-control:focus-within input,.auto-template-control:focus-within button{border-color:var(--accent-dark)}.auto-template-control:focus-within{box-shadow:0 0 0 3px var(--focus);border-radius:4px}.auto-template-control input:focus,.auto-template-control button:focus{outline:0}.auto-template-control button:hover{background:#293138}.numbering-preview{background:#111619;border:1px solid #293238;border-radius:4px;justify-content:space-between;align-items:center;margin-top:13px;padding:9px 10px;display:flex}.numbering-preview span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.numbering-preview code{color:#cbd4d8;font-variant-numeric:tabular-nums;font-size:10px}.numbering-actions{gap:7px;margin-top:12px;display:grid}.numbering-actions .button{width:100%}.apply-numbering-button{margin:0}.numbering-secondary-button{color:#ced7db;background:#1c2327}.clear-cells-button{height:32px}.numbering-note{margin-top:9px}.numbering-note code{color:#bac5ca}.range-action-group+.range-action-group{border-top:1px solid #252d32;margin-top:17px;padding-top:15px}.range-action-group h3{color:#cfd7db;letter-spacing:.03em;margin:0 0 10px;font-size:10px;font-weight:800}.range-inline-actions{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:9px;display:grid}.range-inline-actions .button{min-width:0}.range-inline-actions.three-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-advanced{margin-top:12px;padding-top:11px}.color-swatches{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.color-swatches button{aspect-ratio:1;border:2px solid #111619;border-radius:4px;min-width:0;padding:0;box-shadow:0 0 0 1px #455159}.color-swatches button:hover,.color-swatches button:focus-visible{box-shadow:0 0 0 2px var(--accent-dark)}.color-field-list{gap:7px;display:grid}.color-field{color:var(--text-muted);grid-template-columns:minmax(0,1fr) 32px 66px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:grid}.color-field input{border:1px solid var(--border);background:var(--panel-raised);border-radius:4px;width:32px;height:28px;padding:2px}.color-field code{color:var(--text-dim);font-size:9px;font-weight:500}.range-clear-button{width:100%;margin-top:15px}.workspace{scrollbar-color:#384149 transparent;scrollbar-width:thin;padding:28px 30px 60px;overflow-y:auto}.workspace-heading{justify-content:space-between;align-items:flex-end;max-width:1540px;margin:0 auto 20px;display:flex}.eyebrow{color:var(--accent-dark);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:850}.workspace-heading h1{color:#eef2f4;letter-spacing:-.02em;margin:5px 0 4px;font-size:20px}.workspace-heading p{color:var(--text-muted);margin:0;font-size:11px}.zoom-control{align-items:center;gap:9px;display:flex}.zoom-control span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.zoom-control select{border:1px solid var(--border);color:#cdd4d8;background:var(--panel-raised);border-radius:4px;height:32px;padding:0 25px 0 9px;font-size:10px}.strip-list{flex-direction:column;gap:15px;max-width:1540px;margin:0 auto;display:flex}.strip-card{border:1px solid var(--border);background:var(--panel);border-radius:7px;transition:border-color .12s,box-shadow .12s;overflow:hidden;box-shadow:0 12px 30px #00000024}.strip-card.active{box-shadow:0 12px 30px #0003, inset 3px 0 0 var(--accent-dark);border-color:#4b585f}.strip-card-header{border-bottom:1px solid #262e33;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 16px;display:flex}.strip-identity{align-items:center;gap:12px;min-width:0;display:flex}.strip-index{width:32px;height:32px;color:var(--text-dim);background:#1b2125;border:1px solid #38434a;border-radius:4px;flex:none;place-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;display:grid}.strip-name-input{color:#e6ecef;background:0 0;border:1px solid #0000;border-radius:3px;width:min(340px,35vw);height:25px;padding:0 5px;font-size:13px;font-weight:750}.strip-name-input:hover,.strip-name-input:focus{border-color:var(--border);background:#111619}.strip-identity p{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:7px;margin:1px 0 0 5px;font-size:10px;display:flex}.strip-identity p span{color:#465159}.strip-actions{flex:none;align-items:center;gap:6px;display:flex}.icon-button{width:30px;height:30px;color:var(--text-muted);padding:0;font-size:14px}.strip-ruler-track{color:#59666e;font-variant-numeric:tabular-nums;background:repeating-linear-gradient(90deg,#0000 0 18px,#727f872e 19px,#0000 20px),#111619;justify-content:space-between;min-width:1px;height:28px;padding-top:8px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;display:flex}.strip-scroll{scrollbar-color:#435059 #1c2327;scrollbar-width:thin;background-color:#111619;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:0 16px 17px;overflow:auto hidden}.strip-svg-stage{filter:drop-shadow(0 4px 9px #00000047);min-width:1px;min-height:1px}.strip-editor-stack{min-width:1px}.cell-index-row{color:#78858d;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;align-items:stretch;height:20px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;line-height:20px;display:grid}.cell-index-row span{text-align:center;text-overflow:clip;white-space:nowrap;border-right:1px solid #5b68702e;min-width:0;overflow:hidden}.cell-index-row span:first-child{border-left:1px solid #5b68702e}.cell-index-row span.selected{color:#e8ff8e;background:#d8fb551a;font-weight:800;box-shadow:inset 0 -2px #91aa31}.strip-svg{width:100%;height:100%;display:block;overflow:visible}.strip-outline{fill:none;stroke:#101418;pointer-events:none}.svg-cell{cursor:text}.cell-hit-area{fill:#0000}.svg-group-header{cursor:pointer}.group-header-hit-area{fill:#0000}.svg-group-header:hover .group-header-hit-area{fill:#a6c73217}.group-header-copy,.strip-artwork{pointer-events:none}.svg-cell:hover .cell-hit-area{fill:#a6c73217}.cell-divider{stroke:#b2bab5}.cell-copy{pointer-events:none}.cell-selection{fill:#d8fb5529;stroke:#91aa31;pointer-events:none;vector-effect:non-scaling-stroke}.svg-cell.editing .cell-selection{fill:#d8fb551a;stroke:#badb42}.svg-cell-input{resize:none;color:#111518;white-space:pre-wrap;background:0 0;border:0;outline:0;width:100%;height:100%;min-height:0;margin:0;padding:0;line-height:1.06;display:block;overflow:hidden}.strip-card-footer{min-height:36px;color:var(--text-dim);background:#14191c;border-top:1px solid #242c31;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:9px;display:flex}.dimension-status{color:#87938d;font-variant-numeric:tabular-nums;align-items:center;font-family:SFMono-Regular,Consolas,monospace;display:flex}.dimension-status i{background:var(--accent-dark);border-radius:50%;width:6px;height:6px;margin-right:7px;box-shadow:0 0 8px #d8fb5559}.add-strip-button{width:100%;max-width:1540px;height:48px;color:var(--text-muted);background:#161b1f8c;border:1px dashed #374149;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:15px auto 0;font-size:11px;font-weight:750;display:flex}.add-strip-button span{color:var(--accent-dark);font-size:18px;font-weight:400}.add-strip-button:hover{color:#cad2d6;background:#171d20;border-color:#59664e}.page-layout-preview{border:1px solid var(--border);background:var(--panel);border-radius:7px;max-width:1540px;margin:18px auto 0;overflow:hidden}.page-layout-preview>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:11px 16px;list-style:none;display:flex}.page-layout-preview>summary::-webkit-details-marker{display:none}.page-layout-preview>summary:after{color:var(--text-dim);content:"▾";font-size:12px}.page-layout-preview:not([open])>summary:after{content:"▸"}.page-layout-preview>summary>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.page-layout-preview>summary strong{color:#e3eaed;font-size:12px}.page-layout-preview>summary small{color:var(--text-dim);font-size:9px}.page-layout-preview>summary b{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;font-size:9px}.page-preview-grid{background:#111619;border-top:1px solid #262e33;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;padding:18px;display:grid}.page-preview-card{min-width:0;margin:0}.page-preview-card figcaption{color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;margin-bottom:7px;font-size:9px;font-weight:750;display:flex}.page-preview-card svg{background:#eef0ec;border:1px solid #414b51;width:100%;height:auto;display:block;box-shadow:0 8px 20px #0000004d}.page-preview-paper{fill:#f4f5f1}.page-preview-usable{fill:none;stroke:#8d9690;stroke-dasharray:2 1.5;stroke-width:.35px;vector-effect:non-scaling-stroke}.page-preview-warning{fill:#646b67;font-family:Arial,sans-serif;font-size:2.8px;font-weight:700}.page-preview-support rect{fill:#fff;stroke:#c3c7c3;stroke-width:.12px}.page-preview-support text{fill:#717773;font-family:Arial,sans-serif;font-size:1.8px;font-weight:600}.page-preview-strip{fill:#d8fb55;fill-opacity:.42;stroke:#52601c;stroke-width:.45px;vector-effect:non-scaling-stroke}.page-preview-strip-name{fill:#1d2415;pointer-events:none;font-family:Arial,sans-serif;font-weight:700}.page-layout-error{color:#f0b4b1;background:#4d262547;border-top:1px solid #4d302f;padding:14px 16px;font-size:10px;line-height:1.5}.empty-workspace{border:1px dashed var(--border-strong);text-align:center;background:#151a1e94;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.empty-strip-graphic{border:2px solid #637077;grid-template-columns:repeat(8,22px);height:28px;margin-bottom:20px;display:grid}.empty-strip-graphic span{border-right:1px solid #4b565c}.empty-strip-graphic span:last-child{border-right:0}.empty-workspace h2{margin:0;font-size:15px}.empty-workspace p{color:var(--text-muted);margin:8px 0 18px;font-size:11px}@media (width<=1180px){.topbar{grid-template-columns:210px minmax(220px,1fr) auto;padding:0 14px}.app-body{grid-template-columns:294px minmax(0,1fr)}.workspace{padding-left:20px;padding-right:20px}.toolbar-actions .button-quiet{padding:0 8px}}