:root{color:#dce1e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#151b29;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:1280px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:2px solid #b49b5c}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.styler-app{flex-direction:column;height:100dvh;min-height:400px;display:flex;overflow:hidden}.app-header{border-bottom:1px solid #2c3340;flex:0 0 72px;justify-content:space-between;align-items:center;height:72px;padding:0 27px;display:flex}.app-wordmark{align-items:center;gap:13px;display:flex}.app-logo{color:#e4dbbc;text-align:center;border:1px solid #6a654f;border-radius:7px;width:31px;height:33px;font-family:Georgia,serif;font-size:29px;line-height:29px}.app-logo span{color:#ad9966}.app-wordmark h1{letter-spacing:-1px;color:#f4f3ef;margin:0;font-size:25px;font-weight:600}.app-wordmark h1 span{color:#b49b5c}.app-header-divider{background:#3a404c;width:1px;height:20px;margin:0 6px 0 14px}.app-tagline{color:#99a1ae;letter-spacing:.15px;font-size:12px}.introduction-link{color:#b6bdc7;background:0 0;border:0;align-items:center;gap:9px;padding:6px 0 6px 10px;font-size:12px;display:flex}.introduction-link:hover{color:#f4f3ef}.introduction-dialog{color:#dce1e9;background:#10151e;border:1px solid #465062;border-radius:10px;max-width:min(1200px,92vw);max-height:92dvh;padding:0}.introduction-dialog::backdrop{background:#080c14d9}.introduction-player{flex-direction:column;align-items:stretch;display:flex}.introduction-close{color:inherit;background:0 0;border:0;align-self:flex-end;padding:12px 18px}.introduction-close span{margin-left:8px;font-size:20px}.introduction-player video{width:min(1200px,90vw,147.2dvh - 89.6px);max-height:calc(92dvh - 56px);display:block}.status-dot{background:#9ea98a;border-radius:50%;width:5px;height:5px;display:inline-block}.workspace{flex:1;grid-template-columns:minmax(600px,1fr) 96px 96px minmax(340px,26vw);min-height:0;display:grid}.workspace-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.panel-heading{border-bottom:1px solid #2d3441;flex:0 0 77px;height:77px}.panel-kicker{letter-spacing:1.6px;color:#939ca9;margin-bottom:7px;font-size:9px;font-weight:500;display:block}.panel-heading h2{color:#ecedf0;margin:0;font-size:13px;font-weight:500}.preview-heading{justify-content:space-between;align-items:center;padding:0 27px;display:flex}.preview-style-chip{color:#bfc7bd;background:#242f2c;border:1px solid #424b43;border-radius:5px;align-items:center;gap:8px;padding:8px 11px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;display:flex}.preview-style-chip>span:first-child{background:#bac9ae;border-radius:50%;width:5px;height:5px}.preview-style-chip-divider{color:#646e63;margin:0 2px}.scroll-region{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#58606a transparent;min-height:0;overflow-y:auto}.preview-scroll{background:#202634;flex:1;padding:22px 24px}.preview-status{color:#939da9;border-top:1px solid #303745;flex:0 0 36px;justify-content:space-between;align-items:center;height:36px;padding:0 27px;font-size:10px;display:flex}.preview-status>span:first-child{align-items:center;gap:7px;display:flex}.preview-status>span:last-child{letter-spacing:1.3px;font-size:8px}.preview-status>span:last-child span{margin-left:8px;font-size:13px}.style-panel{background:#181f2d;border-left:1px solid #303643}.generated-panel{background:#1b2230}.rail-heading{text-align:center;padding:21px 0 0}.rail-heading h2{font-size:11px}.rail-heading .panel-kicker{margin-bottom:9px;font-family:Consolas,monospace;font-size:9px}.rail-scroll{flex-direction:column;flex:1;align-items:stretch;padding:19px 9px 14px;display:flex}.style-card-wrapper{flex-shrink:0;margin-bottom:18px}.style-card{text-align:left;background:#272e38;border:1px solid #454d57;border-radius:7px;width:100%;padding:4px;display:block}.style-card:hover{border-color:#b0a17d}.style-card-active{border-color:#c0a366;box-shadow:0 0 0 2px #b99a4a15}.style-sample{background:#f8f7f2;border:1px solid #dce1d5;border-radius:4px;flex-direction:column;align-items:flex-start;gap:10px;height:72px;padding:12px 9px 8px;display:flex}.style-sample-lines{gap:4px;width:100%;display:grid}.style-sample-lines i{background:#9ea99d;border-radius:2px;width:85%;height:3px;display:block}.style-sample-lines i:last-child{background:#d0d5c9;width:55%}.style-sample-button{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:buttontext;background-color:buttonface;border-radius:4px;padding:5px 10px;font-size:10px}.style-card-id{text-align:center;overflow-wrap:anywhere;color:#a8afba;padding:8px 2px 3px;font-family:Segoe UI,Arial,sans-serif;font-size:10px;line-height:1.4;display:block}.rail-bottom-note{text-align:center;color:#737f90;margin-top:auto;padding-top:30px}.rail-bottom-note>span{color:#9c956e;font-size:27px}.rail-bottom-note p{font-size:10px;line-height:1.7}.generated-note>span{color:#8d9baf}.rail-footer{color:#939da9;letter-spacing:1px;border-top:1px solid #303745;flex:0 0 36px;justify-content:center;align-items:center;height:36px;font-size:8px;display:flex}.presets-footer{color:#939da9;text-align:center;border-top:1px solid #303745;flex-shrink:0;gap:7px;padding:8px 6px;font-size:8px;display:grid}.save-preset-button{color:#dce6d7;background:#2c382f;border:1px solid #65735e;border-radius:4px;padding:6px 3px;font-size:10px}.save-preset-button:disabled{opacity:.55}.presets-footer p{overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.4}.inspector-panel{background:#171e2b;border-left:1px solid #343b48}.inspector-heading{justify-content:space-between;align-items:center;padding:0 22px;display:flex}.inspector-code-icon{color:#858e9c;font-family:Consolas,monospace;font-size:23px}.inspector-description{color:#aab3bf;border-bottom:1px solid #2d3441;flex-shrink:0;padding:12px 20px;font-size:10px;line-height:1.6}.inspector-description p{margin:0}.inspector-scroll{flex:1;padding:19px 20px}.css-rule{margin-bottom:21px;font:11px/1.85 Consolas,SFMono-Regular,monospace}.css-selector{color:#d6c194;overflow-wrap:anywhere;margin-bottom:6px}.css-selector>span,.css-brace{color:#707d8f}.css-rule dl{margin:0 0 3px;padding-left:12px}.css-declaration{align-items:baseline;gap:7px;min-height:24px;display:flex}.css-declaration dt{color:#b3c4d5;white-space:nowrap}.css-declaration dt>span,.css-declaration dd>span{color:#748294}.css-declaration dd{color:#a9bc96;overflow-wrap:anywhere;margin:0}.generation-footer{background:#1d2532;border-top:1px solid #38414e;flex-shrink:0;padding:17px 20px 13px}.generation-footer-caption{color:#b3bcc6;align-items:center;gap:7px;margin-bottom:13px;font-size:10px;display:flex}.generation-actions{align-items:center;gap:12px;display:flex}.generate-button{white-space:nowrap;color:#e5dbbf;background:#393b35;border:1px solid #726747;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:50%;padding:12px 8px;font-size:12px;display:flex}.auto-generation{color:#dce1e9;white-space:nowrap;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex;position:relative}.auto-generation input{opacity:0;cursor:pointer;width:32px;height:18px;margin:0;position:absolute}.auto-generation-track{pointer-events:none;background:#343e50;border:1px solid #778291;border-radius:10px;flex-shrink:0;width:32px;height:18px}.auto-generation-track:after{content:"";background:#e5dbbf;border-radius:50%;width:12px;height:12px;margin:2px;display:block}.auto-generation input:checked+.auto-generation-track{background:#626b47;border-color:#b2ad80}.auto-generation input:checked+.auto-generation-track:after{transform:translate(14px)}.auto-generation input:focus-visible+.auto-generation-track{outline-offset:3px;outline:2px solid #b49b5c}.auto-generation input:disabled~span{opacity:.55}.generate-button span:first-child{font-size:17px}.generate-button span:last-child{margin-left:auto}.generate-button span:first-child{margin-right:auto}.generation-footer>p{color:#a6aebb;text-align:center;margin:9px 0 0;font-size:9px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.css-declaration{border-bottom:1px solid #ffffff08;flex-wrap:wrap;gap:3px 6px;padding:4px 0}.css-declaration dd{flex:1;min-width:55px}.declaration-controls{gap:3px;margin-left:auto;display:inline-flex}.declaration-controls button{color:#aab8ca;background:#26303e;border:1px solid #465266;border-radius:3px;width:24px;height:24px;font:10px Consolas,monospace}.declaration-controls button[aria-pressed=true]{color:#fff0c4;background:#59503a;border-color:#c8ab66}.css-value-input{width:100%;min-width:45px;color:inherit;font:inherit;background:0 0;border:0;border-radius:0;padding:0}.css-declaration dd{flex-wrap:wrap;align-items:baseline;display:flex}.css-declaration dd>.css-value-input{flex:1;width:0}.css-declaration .css-edited{color:#00c800}.declaration-controls .css-remove-edit{width:auto;min-width:30px;padding:0 4px}.declaration-controls button:disabled{cursor:default}.css-add-button,.css-add-form button{color:#b3c4d5;font:inherit;background:#26303e;border:1px solid #465266;border-radius:3px;padding:0 6px}.css-add-button{margin:3px 8px 3px 12px}.css-add-form{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) auto auto;align-items:center;gap:4px;margin:8px 0 8px 12px;display:grid}.css-add-form .css-edit-error{grid-column:1/-1}.css-add-form input{color:#dce1e9;width:100%;min-width:0;font:inherit;background:#202a38;border:1px solid #465266;padding:4px}.css-edit-error{color:#f1b2a6;flex-basis:100%;font:10px/1.5 Segoe UI,sans-serif;display:block}.generation-slot{overflow-wrap:anywhere;border:1px dashed #657287;border-radius:6px;flex-shrink:0;min-height:135px;margin-bottom:8px;padding:10px 4px;font-size:10px}.generation-slot button{color:#fff;background:#343e50;border:1px solid #8994a6;border-radius:3px;margin-top:7px;padding:5px}.generation-slot p{line-height:1.5}.app-notice{color:#fff0c4;background:#292d34;border:1px solid #b49b5c;border-radius:6px;max-width:550px;padding:12px 18px;font-size:12px;position:fixed;bottom:15px;left:25px}.inspiration-button{color:#aeb9c9;background:#222c3b;border:1px solid #455164;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:5px;padding:5px 2px;font-size:9px;display:flex}.inspiration-button[aria-pressed=true]{color:#d7fff6;background:#294b47;border-color:#86c9c0}.clear-inspiration{color:#c1e5dc;background:0 0;border:1px solid #5d817a;border-radius:3px;margin-left:auto;padding:3px 5px;font-size:9px}