:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2f7;background:linear-gradient(#030405 0%,#05070a 100%),repeating-linear-gradient(90deg,#7892b505 0 1px,#0000 1px 44px);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#030405;min-height:100vh;font-size:18px}.app-shell{justify-content:center;align-items:flex-start;min-height:100vh;padding:28px;display:flex}.workspace-card{background:linear-gradient(#050608fc 0%,#030406fc 100%),radial-gradient(circle at 100% 0,#7399cf17,#0000 55%);border:1px solid #171c24;border-radius:14px;align-content:start;gap:12px;width:min(1100px,100%);padding:20px;display:grid;box-shadow:0 18px 48px #00000094}.workspace-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.browse-button{color:#c992ff;letter-spacing:.02em;cursor:pointer;background:#1a1128;border:1px solid #7d5dc1;border-radius:999px;padding:10px 14px;font-family:IBM Plex Sans Condensed,IBM Plex Sans,Segoe UI,sans-serif;font-size:.92rem;font-weight:600;transition:transform .14s,background-color .14s,border-color .14s}.preset-nav-button{justify-content:center;width:40px;padding-inline:0;font-size:1rem}.random-preset-button{color:#7ae08f;background:#112318;border-color:#3f8f57}.random-preset-button:hover{background:#173021;border-color:#55b06f}.browse-button:hover{background:#26163d;border-color:#a97bff;transform:translateY(-1px)}.browse-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.workspace-label{text-transform:uppercase;letter-spacing:.14em;color:#9bb7dd;margin:0;font-family:IBM Plex Mono,Consolas,monospace;font-size:.88rem}.template-meta-shell{background:#020304db;border:1px solid #1b222c;border-radius:14px;gap:10px;padding:14px;display:grid}.template-id-row{flex:auto;align-items:center;gap:10px;min-width:0;margin-bottom:4px;display:flex}.template-title-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.template-title-actions>button{flex:none}.template-tree{gap:8px;display:grid}.template-tree-group{border-left:1px solid #9aaec92e;gap:6px;padding-left:12px;display:grid}.template-tree-group-label{color:#b8c8dd;text-align:left;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;font-family:IBM Plex Sans Condensed,IBM Plex Sans,Segoe UI,sans-serif;font-size:.84rem;font-weight:600;display:inline-flex}.template-tree-group-children{opacity:0;pointer-events:none;gap:8px;max-height:0;padding-left:2px;transition:max-height .22s,opacity .18s,transform .18s;display:grid;overflow:hidden;transform:translateY(-4px)}.template-tree-group-children.is-open{opacity:1;pointer-events:auto;max-height:2000px;transform:translateY(0)}.template-tree-group-label:disabled{cursor:not-allowed;opacity:.55}.template-tree-group-caret{color:#9caec4;width:1ch}.template-tree-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.template-tree-item-main{text-align:left;color:#f2f4f7;cursor:pointer;background:#090b0f;border:1px solid #27303b;border-radius:10px;gap:2px;width:100%;padding:10px 12px;transition:transform .14s,border-color .14s,background-color .14s;display:grid}.template-tree-item-main:hover{background:#11141a;border-color:#4b6687;transform:translateY(-1px)}.template-tree-item.is-selected .template-tree-item-main{background:#131920;border-color:#6f8fb7;box-shadow:inset 0 0 0 1px #6f8fb72e}.template-tree-item-main:disabled{opacity:.55;cursor:not-allowed;transform:none}.template-tree-item-actions{gap:6px;display:inline-flex}.template-tree-item-action{color:#c8d4e4;cursor:pointer;background:#0a0c10;border:1px solid #2b3340;border-radius:8px;place-items:center;width:30px;height:30px;transition:transform .14s,border-color .14s,background-color .14s;display:inline-grid}.template-tree-item-action:hover{background:#12161d;border-color:#4f6581;transform:translateY(-1px)}.template-tree-item-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.template-tree-item-action.danger{color:#e5c7cc;border-color:#4f3a3a}.template-tree-item-action.danger:hover{background:#241519;border-color:#7c5960}.template-tree-item-label{font-family:IBM Plex Sans Condensed,IBM Plex Sans,Segoe UI,sans-serif;font-size:.98rem;font-weight:600}.template-tree-item-id{color:#9caec4;font-family:IBM Plex Mono,Consolas,monospace;font-size:.78rem}.template-browser-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010204bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.template-browser-panel{background:linear-gradient(#0a0c10fa 0%,#06080bfa 100%);border:1px solid #243041;border-radius:18px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(920px,100%);min-height:0;max-height:min(82vh,860px);padding:16px;display:grid;overflow:hidden;box-shadow:0 22px 60px #000000a6}.template-browser-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.template-browser-subtitle{color:#aebfd6;max-width:54ch;margin:6px 0 0;font-size:.92rem}.template-browser-body{min-height:0;padding-right:2px;overflow:auto}.workspace-title{letter-spacing:.01em;margin:6px 0 0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:620}.workspace-status{color:#cbe0ff;white-space:nowrap;background:#2735476b;border:1px solid #324458;border-radius:999px;margin:0;padding:6px 10px;font-size:.8rem}.field-label{color:#b8c8dd;letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,Consolas,monospace;font-size:.9rem}.template-select{appearance:none;color:#f2f4f7;width:100%;font-size:1.05rem;font:inherit;background:linear-gradient(#090b0f 0%,#07090c 100%);border:1px solid #252c35;border-radius:10px;padding:13px 42px 13px 14px}.template-select:disabled{opacity:.55}.editor-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.editor-panel{align-content:start;gap:10px;display:grid}.template-panel{grid-template-rows:auto auto auto}.output-panel{grid-template-rows:auto auto}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.generate-button{color:#ecf4ff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#2f4f77 0%,#243e5f 100%);border:1px solid #325178;border-radius:9px;padding:11px 16px;font-family:IBM Plex Sans Condensed,IBM Plex Sans,Segoe UI,sans-serif;font-size:1.02rem;font-weight:600;transition:transform .14s,border-color .14s,background .14s}.generate-button:hover{background:linear-gradient(#3a5f8d 0%,#2c4b71 100%);border-color:#4d7bb3;transform:translateY(-1px)}.generate-button:active{transform:translateY(0)}.mobile-generate-button{display:none}.icon-button{color:#f2f4f7;cursor:pointer;background:#0a0c10;border:1px solid #252c35;border-radius:10px;place-items:center;width:40px;height:40px;font-size:1.05rem;transition:transform .14s,background-color .14s,border-color .14s;display:inline-grid}.icon-button:hover{background:#12151a;border-color:#4b6687;transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.icon-button:disabled,.generate-button:disabled,.save-button:disabled,.autotag-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.icon-button.danger{background:#190f12;border-color:#4f3a3a}.icon-button.danger:hover{background:#241519;border-color:#7c5960}.template-name-input{color:#f2f4f7;min-width:0;font:inherit;background:#090b0f;border:1px solid #252c35;border-radius:10px;flex:auto;padding:12px 14px;font-size:1.02rem}.template-name-input.is-custom{font-style:italic}.template-name-input:focus{border-color:#6f8fb7;outline:none;box-shadow:0 0 0 3px #6f8fb733}.save-button{color:#e7eef9;letter-spacing:.02em;cursor:pointer;background:#141b24;border:1px solid #3f5065;border-radius:9px;padding:11px 16px;font-family:IBM Plex Sans Condensed,IBM Plex Sans,Segoe UI,sans-serif;font-size:1.02rem;font-weight:600;transition:transform .14s,background-color .14s,border-color .14s}.save-button:hover{background:#1b2532;border-color:#5c799d;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.autotag-button{color:#e7eef9;letter-spacing:.02em;cursor:pointer;background:#141b24;border:1px solid #415266;border-radius:9px;padding:11px 16px;font-family:IBM Plex Sans Condensed,IBM Plex Sans,Segoe UI,sans-serif;font-size:1.02rem;font-weight:600;transition:transform .14s,background-color .14s,border-color .14s}.autotag-button:hover{background:#1b2532;border-color:#5c799d;transform:translateY(-1px)}.autotag-button:active{transform:translateY(0)}.autotag-message{color:#aebfd6;align-self:center;font-size:.98rem}.template-store-message{color:#b6c6dc;align-self:center;font-size:.98rem}.status-row{flex-wrap:wrap;gap:12px;min-height:1.4em;display:flex}.output-area{resize:none;color:#f2f4f7;background:#050608;border:1px solid #242b33;border-radius:10px;width:100%;min-height:260px;padding:14px;font-family:IBM Plex Mono,Consolas,monospace;font-size:1.12rem;line-height:1.55}.template-editor-wrap{background:linear-gradient(#010203 0%,#040506 100%);border:1px solid #11151b;border-radius:12px;position:relative;overflow:hidden}.template-highlight{white-space:pre-wrap;overflow-wrap:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-variant-ligatures:none;pointer-events:none;background:linear-gradient(#ffffff02 0%,#fff0 100%),#010203;border:0;margin:0;overflow:hidden}.template-editor-input{color:#0000;caret-color:#e4edf8;font-variant-ligatures:none;scrollbar-width:none;background:0 0;border:0;height:100%;position:absolute;inset:0;overflow:hidden}.template-editor-input::-webkit-scrollbar{display:none}.template-editor-input::selection{background:#7699c952}.token-placeholder{color:#8bd3ff}.token-template-ref{color:#c992ff}.syntax-depth{color:inherit}.syntax-depth.depth-odd{color:#fff0be}.syntax-depth.depth-even{color:#ffd7b2}.token-choice,.token-separator,.token-probability{font-weight:inherit;border-radius:0}.token-choice.depth-odd,.token-separator.depth-odd,.token-probability.depth-odd{color:#ffd35d}.token-choice.depth-even,.token-separator.depth-even,.token-probability.depth-even{color:#ff9f2f}.output-preview{height:auto;min-height:0;overflow:hidden}@media (width<=640px){.app-shell{padding:12px}.workspace-card{border-radius:12px;padding:14px}.workspace-header{flex-direction:column;align-items:flex-start}.browse-button{width:100%}.template-title-actions{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow:auto hidden}.template-title-actions::-webkit-scrollbar{display:none}.template-title-actions .browse-button{width:auto}.editor-grid{grid-template-columns:1fr}.mobile-generate-button{width:100%;display:inline-block}.top-generate-button{display:none}.template-library-head,.template-title-row{flex-direction:column;align-items:flex-start}.template-library-actions,.template-title-actions{width:100%}}