:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5ebf3;background:linear-gradient(#0d1116 0%,#0f151e 100%),repeating-linear-gradient(90deg,#5078aa14 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{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(#141c26fa 0%,#101720fa 100%),radial-gradient(circle at 100% 0,#709ed626,#0000 55%);border:1px solid #253142;border-radius:14px;align-content:start;gap:12px;width:min(1100px,100%);padding:20px;display:grid;box-shadow:0 18px 48px #00000073}.workspace-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workspace-label{text-transform:uppercase;letter-spacing:.14em;color:#8eb8e8;margin:0;font-family:IBM Plex Mono,Consolas,monospace;font-size:.88rem}.template-library-shell,.template-meta-shell{background:#0a10186b;border:1px solid #27364a;border-radius:14px;gap:10px;padding:14px;display:grid}.template-library-head,.template-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.template-library-actions,.template-title-actions{align-items:center;gap:8px;display:flex}.template-select-shell{position:relative}.template-select-shell:after{content:"▾";color:#b7c8df;pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.template-select:focus{border-color:#7396c4;outline:none;box-shadow:0 0 0 3px #7396c429}.workspace-title{letter-spacing:.01em;margin:6px 0 0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:620}.workspace-status{color:#b6d7ff;white-space:nowrap;background:#223a5659;border:1px solid #375071;border-radius:999px;margin:0;padding:6px 10px;font-size:.8rem}.field-label{color:#c6d6ea;letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,Consolas,monospace;font-size:.9rem}.template-select{appearance:none;color:#d9e6f5;width:100%;font-size:1.05rem;font:inherit;background:linear-gradient(#131c28 0%,#0f1723 100%);border:1px solid #30435d;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:#edf5ff;cursor:pointer;background:linear-gradient(#2d4f77 0%,#264265 100%);border:1px solid #35577f;border-radius:9px;padding:11px 16px;font-size:1.02rem;font-weight:600;transition:transform .14s,border-color .14s,background .14s}.generate-button:hover{background:linear-gradient(#355d8a 0%,#2c4b72 100%);border-color:#4e7fb7;transform:translateY(-1px)}.generate-button:active{transform:translateY(0)}.icon-button{color:#e5eef9;cursor:pointer;background:#162233;border:1px solid #36506f;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:#213245;border-color:#5a7492;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:#2a1820;border-color:#6b4651}.icon-button.danger:hover{background:#3a202a;border-color:#a06779}.template-name-input{color:#e8f0fa;width:100%;font:inherit;background:#111a25;border:1px solid #36506f;border-radius:10px;padding:12px 14px;font-size:1.02rem}.template-name-input:focus{border-color:#7396c4;outline:none;box-shadow:0 0 0 3px #7396c42e}.save-button{color:#dbe8f7;cursor:pointer;background:#1a2738;border:1px solid #57708f;border-radius:9px;padding:11px 16px;font-size:1.02rem;font-weight:600;transition:transform .14s,background-color .14s,border-color .14s}.save-button:hover{background:#23364d;border-color:#6f93bc;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.autotag-button{color:#dbe8f7;cursor:pointer;background:#1a2534;border:1px solid #4a5f79;border-radius:9px;padding:11px 16px;font-size:1.02rem;font-weight:600;transition:transform .14s,background-color .14s,border-color .14s}.autotag-button:hover{background:#223246;border-color:#6282a6;transform:translateY(-1px)}.autotag-button:active{transform:translateY(0)}.autotag-message{color:#9fb3cc;align-self:center;font-size:.98rem}.template-store-message{color:#b8c7dc;align-self:center;font-size:.98rem}.status-row{flex-wrap:wrap;gap:12px;min-height:1.4em;display:flex}.output-area{resize:none;color:#e4edf8;background:#0f1723;border:1px solid #2b3a4f;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{min-height:260px;position:relative}.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;min-height:260px;margin:0;overflow:auto}.template-editor-input{color:#0000;caret-color:#e4edf8;font-variant-ligatures:none;background:0 0;border-color:#0000;position:absolute;inset:0}.template-editor-input::selection{background:#7699c952}.token-placeholder{color:#8bd3ff}.token-template-ref{color:#c992ff;background:#66438438;border-radius:4px}.token-choice{color:#f2b86f;font-weight:inherit}.token-separator{color:#f2b86f}.token-probability{color:#f2b86f;font-weight:inherit;border-radius:2px}.token-probability.depth-odd{background:#976a182e}.token-probability.depth-even{background:#714f134d}.syntax-depth{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px}.syntax-depth.depth-odd{background:#6146141f}.syntax-depth.depth-even{background:#61461433}.token-choice.depth-odd,.token-choice.depth-even,.token-separator.depth-odd,.token-separator.depth-even,.token-probability.depth-odd,.token-probability.depth-even{color:#f2b86f}.output-preview{min-height:260px}@media (width<=640px){.app-shell{padding:12px}.workspace-card{border-radius:12px;padding:14px}.workspace-header{flex-direction:column;align-items:flex-start}.editor-grid{grid-template-columns:1fr}.template-library-head,.template-title-row{flex-direction:column;align-items:flex-start}.template-library-actions,.template-title-actions{width:100%}}