:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","ss01";--bg: #eceff2;--panel: #ffffff;--panel-2: #f7f9fa;--panel-3: #eef2f3;--ink: #0f1a1e;--ink-2: #38484b;--muted: #5c6b6d;--line: #e3e8ea;--line-2: #cfd8da;--accent: #0d9488;--accent-strong: #0f766e;--accent-soft: #e6f4f2;--ink-btn: #0e2e2c;--ink-btn-hover: #0a2422;--amber: #b45309;--green: #15803d;--danger: #b42318;--danger-soft: #fdeceb;--r-sm: 6px;--r: 8px;--r-lg: 12px;--r-xl: 18px;--shadow-sm: 0 1px 2px rgba(15, 26, 30, .06);--shadow-md: 0 1px 2px rgba(15, 26, 30, .05), 0 10px 28px rgba(15, 26, 30, .08);--shadow-pop: 0 16px 44px rgba(15, 26, 30, .14);--ring: 0 0 0 3px rgba(13, 148, 136, .18);--field-bg: #ffffff;--chip-border: #cdeae6;--danger-border: #f1c4bd;--topbar-bg: rgba(255, 255, 255, .9);--btn-hover-border: #9fb0ae}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1417;--panel: #111c20;--panel-2: #16242a;--panel-3: #1d2d33;--ink: #e8eff0;--ink-2: #b2c2c4;--muted: #889a9c;--line: #273840;--line-2: #35484f;--accent: #2dd4bf;--accent-strong: #5eead4;--accent-soft: #0f2b29;--ink-btn: #115e59;--ink-btn-hover: #0f766e;--amber: #fbbf24;--green: #34d399;--danger: #f87171;--danger-soft: #341a1a;--field-bg: #0d171b;--chip-border: #1f4a45;--danger-border: #5b2a28;--topbar-bg: rgba(15, 25, 29, .9);--btn-hover-border: #4a5d63;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 1px 2px rgba(0, 0, 0, .45), 0 10px 28px rgba(0, 0, 0, .5);--shadow-pop: 0 16px 44px rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(45, 212, 191, .25)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg);color:var(--ink);font-size:14px;transition:background-color .2s ease,color .2s ease}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}::selection{background:#0d94882e}.app-simple{min-height:100vh;display:flex;flex-direction:column}.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--topbar-bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(150deg,#0e2e2c,#0a1f1d);color:#ecfeff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff14,var(--shadow-sm);flex:0 0 auto}h1{font-size:16px;font-weight:750;letter-spacing:-.01em;line-height:1.1}.brand-block p{color:var(--muted);font-size:12px;line-height:1.3}.bar-actions{display:flex;align-items:center;gap:8px}.vars-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--ink-2);font-size:12px;font-weight:650}.vars-pill svg{color:var(--accent-strong)}.vars-pill:hover{border-color:var(--accent)}.button{min-height:34px;border:1px solid var(--line-2);border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;background:var(--panel);color:var(--ink);font-weight:650;font-size:13px;box-shadow:var(--shadow-sm);transition:background .14s ease,border-color .14s ease,transform .05s ease}.button:hover{border-color:var(--btn-hover-border);background:var(--panel-2)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--ink-btn);border-color:var(--ink-btn);color:#fff;box-shadow:0 1px 2px #0e2e2c40,0 6px 16px #0e2e2c2e}.button.primary:hover{background:var(--ink-btn-hover);border-color:var(--ink-btn-hover)}.button:focus-visible,.choice:focus-visible,.agent-pill:focus-visible,.icon-only:focus-visible,.example-chip:focus-visible,.vars-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-only{width:32px;height:32px;border:1px solid transparent;border-radius:var(--r);background:transparent;color:var(--muted);display:grid;place-items:center;transition:background .14s ease,color .14s ease,border-color .14s ease}.icon-only:hover,.icon-only.danger:hover{border-color:var(--danger-border);color:var(--danger);background:var(--danger-soft)}.more-wrap{position:relative}.more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:190px;display:grid;gap:2px;padding:6px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-pop)}.more-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:600;text-align:left;padding:8px 10px;border-radius:var(--r-sm)}.more-menu button:hover{background:var(--panel-2)}.more-menu svg{color:var(--accent-strong)}.content{flex:1;display:flex;flex-direction:column}.home{width:100%;max-width:820px;margin:0 auto;padding:36px 20px 48px;display:flex;flex-direction:column;gap:18px}.home-intro{text-align:center;display:grid;gap:6px;margin-bottom:2px}.home-intro h2{font-size:26px;font-weight:780;letter-spacing:-.02em}.home-intro p{color:var(--muted);font-size:14px}.home-input{width:100%;min-height:130px;resize:vertical;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--field-bg);color:var(--ink);padding:16px 18px;font-size:15px;line-height:1.5;outline:none;box-shadow:var(--shadow-sm);transition:border-color .14s ease,box-shadow .14s ease}.home-input::placeholder{color:var(--muted)}.home-input:focus{border-color:var(--accent);box-shadow:var(--ring)}.example-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.example-label{color:var(--muted);font-size:12px;font-weight:650}.example-chip{border:1px dashed var(--line-2);border-radius:999px;background:var(--panel-2);color:var(--ink-2);font-size:12px;padding:5px 12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-chip:hover{border-color:var(--accent);color:var(--accent-strong)}.choice-block{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.choice-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1 1 360px}.choice{display:grid;gap:2px;text-align:left;padding:12px 16px;border:1.5px solid var(--line-2);border-radius:var(--r-lg);background:var(--panel);color:var(--ink);transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.choice:hover{border-color:var(--accent)}.choice.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--ring)}.choice-title{font-size:15px;font-weight:750}.choice.active .choice-title{color:var(--accent-strong)}.choice-sub{font-size:12px;color:var(--muted)}.agent-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.agent-label{color:var(--muted);font-size:12px;margin-right:2px}.agent-pill{border:1px solid var(--line-2);border-radius:999px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:650;padding:6px 12px;transition:background .14s ease,color .14s ease,border-color .14s ease}.agent-pill:hover{border-color:var(--accent);color:var(--accent-strong)}.agent-pill.active{background:var(--ink-btn);border-color:var(--ink-btn);color:#fff}.output-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-md);overflow:hidden}.output-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap}.output-title{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);min-width:0}.output-title svg{color:var(--accent-strong)}.output-title strong{color:var(--ink);font-size:13px;font-weight:750}.unresolved-note{color:var(--amber);font-weight:600}.output-actions{display:flex;align-items:center;gap:7px}.output{width:100%;border:0;background:var(--panel);color:var(--ink);outline:none;resize:vertical;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12.8px;line-height:1.55;white-space:pre-wrap}.home-output{min-height:340px;padding:16px 18px}.output-empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center;padding:24px}.output-empty svg{color:var(--line-2)}.output-empty p{font-size:13.5px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:60;padding:9px 16px;border-radius:999px;background:var(--ink-btn);color:#fff;font-size:13px;font-weight:650;box-shadow:var(--shadow-pop);animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:11.5px}.view-scroll{width:100%;max-width:1040px;margin:0 auto;padding:24px 20px 40px}.view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.view-head-left{display:flex;align-items:center;gap:14px}.view-head h2{font-size:20px;font-weight:760;letter-spacing:-.01em}.view-head p{color:var(--muted);font-size:13px;margin-top:2px}.view-head-actions{display:flex;gap:8px;flex-wrap:wrap}.template-grid,.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.template-card,.library-card{display:flex;flex-direction:column;gap:11px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-sm);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.template-card:hover,.library-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card header,.library-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.template-card h3,.library-card h3{font-size:14.5px;font-weight:700;line-height:1.25}.card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.template-desc{color:var(--muted);font-size:12.5px;line-height:1.45;flex:1}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--panel-3);color:var(--ink-2);border:1px solid var(--line)}.template-actions,.library-actions{display:flex;gap:8px;align-items:center}.template-actions .button,.library-actions .button{flex:1}.library-meta{display:flex;gap:12px;color:var(--muted);font-size:12px;font-weight:600}.badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--panel-3);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}.badge.ink{background:var(--ink-btn);color:#ecfeff;border-color:var(--ink-btn)}.badge.teal{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--chip-border)}.library-toolbar{display:grid;grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(120px,.6fr));gap:10px;margin-bottom:18px}.search-field{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--field-bg)}.search-field:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.search-field svg{color:var(--muted);flex:0 0 auto}.search-field input{border:0;height:100%;padding:0;background:transparent;width:100%;outline:none}select{height:38px;padding:0 11px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--field-bg);color:var(--ink);outline:none}select:focus{border-color:var(--accent);box-shadow:var(--ring)}.var-section{margin-bottom:22px}.var-section h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);margin-bottom:10px}.var-table{display:grid;gap:8px;margin-bottom:12px}.var-table-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(200px,1.4fr) 110px;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}.var-cell-key{display:grid;gap:2px;min-width:0}.var-cell-key code{font-family:JetBrains Mono,Consolas,monospace;font-size:12.5px;font-weight:650;color:var(--accent-strong)}.var-cell-key span{font-size:11.5px;color:var(--muted);line-height:1.3}.var-table-row input{height:36px;padding:0 11px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--field-bg);color:var(--ink);outline:none;width:100%}.var-table-row input:focus{border-color:var(--accent);box-shadow:var(--ring)}.var-usage{font-size:11.5px;color:var(--muted);text-align:right}.var-table-row .icon-only{justify-self:end}.add-var-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(200px,1.4fr) auto;gap:12px;align-items:center;padding:12px;border:1px dashed var(--line-2);border-radius:var(--r);background:var(--panel-2)}.add-var-row input{height:36px;padding:0 11px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--field-bg);color:var(--ink);outline:none;width:100%}.add-var-row input:focus{border-color:var(--accent);box-shadow:var(--ring)}.empty-state{color:var(--muted);font-size:13px}.empty-state.small{padding:8px 0;font-size:12px}.empty-state.large{padding:48px 20px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-lg);background:var(--panel-2)}@media(max-width:720px){.home-intro h2{font-size:22px}.choice-toggle{grid-template-columns:1fr;flex-basis:100%}.library-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1 / -1}.var-table-row,.add-var-row{grid-template-columns:1fr;gap:8px}.var-usage{text-align:left}.foot{flex-direction:column;align-items:flex-start;gap:4px}.brand-block p{display:none}}