:root{--ink:#0d1f1c;--ink-soft:#2a4a44;--mist:#e4eeea;--panel:#f4f8f6;--panel-2:#ebf2ef;--line:#0d1f1c1f;--accent:#c8f542;--accent-ink:#122820;--warn:#e8a23a;--safe-bottom:env(safe-area-inset-bottom,0px);--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Sora", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 70% 40% at 0% 0%, #c8f54224, transparent 55%), linear-gradient(180deg, #dfecea 0%, var(--mist) 100%);min-width:320px}button,textarea,select,input{font:inherit}.mob-only{display:none}.desk-only{display:initial}.tool{grid-template-rows:auto auto auto 1fr auto;height:100%;min-height:0;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#f4f8f6f2;align-items:center;gap:.6rem;min-height:3rem;padding:.55rem .75rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:.04em;flex-shrink:0;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;display:inline-flex}.brand-mark{background:var(--ink);width:1.55rem;height:1.55rem;color:var(--accent);border-radius:.4rem;place-items:center;font-size:.85rem;font-weight:800;display:grid}.topbar-meta{flex-wrap:wrap;flex:1;gap:.3rem;min-width:0;display:flex}.topbar-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.pill{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:999px;padding:.2rem .45rem;font-size:.72rem}.pill.muted{color:var(--ink-soft)}.pill.score-high{background:#c8f54259}.pill.score-mid{background:#e8a23a2e}.pill.score-low{background:#b43c3c1a}.btn-main,.btn-ghost{border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.65rem;min-height:2.6rem;padding:.55rem .9rem;transition:transform .15s,background .15s,opacity .15s}.btn-main{background:var(--accent);color:var(--accent-ink);border-color:#0d1f1c2e;font-weight:650}.btn-main.warn{background:#ffe2b0}.btn-main:disabled,.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-main:not(:disabled):active,.btn-ghost:not(:disabled):active{transform:scale(.98)}.btn-ghost{color:var(--ink);background:#fff}.btn-ghost.on{background:var(--ink);color:var(--accent);border-color:var(--ink)}.btn-main.grow,.btn-ghost.grow{flex:1}.icon-btn{padding:.45rem .7rem}.opts{border-bottom:1px solid var(--line);z-index:4;background:#f4f8f6e0}.opts-toggle{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:3rem;padding:.7rem .85rem;display:flex}.opts-toggle-title{gap:.15rem;min-width:0;display:grid}.opts-toggle-title strong{font-size:.92rem}.opts-summary{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:70vw;font-size:.78rem;overflow:hidden}.opts-chevron{color:var(--ink-soft);flex-shrink:0;font-size:1rem}.opts-body{gap:.75rem;padding:0 .85rem .85rem;display:none}.opts-body.open{display:grid}.ctrl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.ctrl{gap:.2rem;min-width:0;display:grid}.ctrl.grow{grid-column:span 2}.ctrl span{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.68rem}.ctrl select,.ctrl input{border:1px solid var(--line);min-height:2.7rem;color:var(--ink);background:#fff;border-radius:.6rem;width:100%;padding:.55rem .65rem}.chip-block{gap:.35rem;display:grid}.chip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.68rem}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:999px;min-height:2.3rem;padding:.45rem .75rem;font-size:.85rem}.chip.on{background:var(--ink);color:var(--accent);border-color:var(--ink)}.chip:disabled{opacity:.45;cursor:not-allowed}.mobile-tabs{display:none}.workspace{grid-template-columns:1fr 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.pane{border-right:1px solid var(--line);background:var(--panel);grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid}.pane:last-of-type{border-right:none}.pane-head{border-bottom:1px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:baseline;padding:.5rem .8rem;display:flex}.pane-head h1{font-family:var(--font-display);margin:0;font-size:.95rem;font-weight:700}.pane-head span{color:var(--ink-soft);font-size:.75rem}.pane textarea,.pane .out,.pane .output{resize:none;width:100%;height:100%;min-height:0;color:var(--ink);background:0 0;border:0;padding:.85rem .9rem;line-height:1.5}.pane textarea,.pane .out{font-family:var(--font-mono);font-size:.9rem}.pane textarea:focus,.pane .out:focus,.sheet textarea:focus,.ctrl select:focus,.ctrl input:focus{outline-offset:-2px;outline:2px solid #c8f542a6}.output.empty{color:var(--ink-soft);align-content:center;gap:.4rem;padding:1.25rem;font-size:.95rem;display:grid}.output.empty strong{color:var(--ink);font-family:var(--font-display);font-size:1.05rem}.output.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.pane-foot{border-top:1px solid var(--line);background:var(--panel-2);justify-content:flex-end;gap:.45rem;padding:.5rem .7rem;display:flex}.insights{border-top:1px solid var(--line);background:#f4f8f6f2;flex-wrap:wrap;gap:.35rem;max-height:5rem;padding:.45rem .75rem;display:flex;overflow:auto}.insight{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:999px;max-width:100%;padding:.28rem .55rem;font-size:.74rem;line-height:1.3}.insight.imp{color:var(--ink);background:#c8f54238}.sticky-bar{display:none}.scrim{z-index:30;cursor:pointer;background:#0d1f1c61;border:0;position:fixed;inset:0}.sheet{z-index:40;background:var(--panel);border-top:1px solid var(--line);padding:.85rem .9rem calc(.9rem + var(--safe-bottom));border-radius:1rem 1rem 0 0;gap:.55rem;max-height:min(78dvh,640px);animation:.2s sheetUp;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 40px #0d1f1c2e}@keyframes sheetUp{0%{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}.sheet-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sheet-head span{color:var(--ink-soft);font-size:.85rem}.sheet-actions{flex-wrap:wrap;gap:.4rem;display:flex}.sheet textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:10rem;max-height:42dvh;font-family:var(--font-mono);background:#fff;border-radius:.75rem;padding:.75rem;font-size:.86rem;line-height:1.45}.history-list{align-content:start;gap:.45rem;min-height:0;display:grid;overflow:auto}.history-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.75rem;min-height:3.4rem;padding:.7rem .8rem}.history-top{justify-content:space-between;gap:.5rem;margin-bottom:.25rem;font-size:.8rem;display:flex}.history-top span{color:var(--ink-soft)}.history-raw{-webkit-line-clamp:2;color:var(--ink-soft);-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.history-empty{color:var(--ink-soft);margin:.5rem 0;font-size:.95rem}.history-clear{justify-self:start}.toast{left:50%;bottom:calc(1rem + var(--safe-bottom));background:var(--ink);color:var(--accent);opacity:0;z-index:60;pointer-events:none;text-align:center;border-radius:999px;max-width:calc(100vw - 2rem);padding:.65rem 1rem;font-size:.9rem;transition:transform .2s,opacity .2s;position:fixed;transform:translate(-50%)translateY(120%)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width>=901px){.opts-body{display:grid}.opts-toggle{display:none}.opts{padding-top:.55rem}.ctrl-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ctrl.grow{grid-column:span 1}.sheet.tz-sheet,.sheet.history-sheet{border:1px solid var(--line);border-radius:.9rem;width:min(26rem,92vw);max-height:min(70vh,640px);animation:none;inset:3.5rem .75rem auto auto}.sheet.history-sheet{grid-template-rows:auto 1fr auto;display:grid}}@media (width<=900px){html,body,#root{height:100%;overflow:hidden}.mob-only{display:flex}.desk-only{display:none!important}.tool{grid-template-rows:auto auto auto 1fr auto auto;height:100dvh;padding-bottom:0}.topbar{gap:.4rem;padding:.5rem .65rem}.topbar-meta{justify-content:flex-end}.brand span:last-child{font-size:1rem}.mobile-tabs{border-bottom:1px solid var(--line);background:var(--panel-2);grid-template-columns:1fr 1fr;gap:.35rem;padding:.45rem .65rem;display:grid}.mobile-tab{border:1px solid var(--line);min-height:2.75rem;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:.7rem;justify-content:center;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.mobile-tab.on{background:var(--ink);color:var(--accent);border-color:var(--ink)}.mobile-tab .dot{background:var(--accent);border-radius:50%;width:.45rem;height:.45rem;display:inline-block}.workspace{grid-template-columns:1fr;height:auto;min-height:0;overflow:hidden}.pane{border-right:0;height:100%;min-height:0;display:none}.pane.active{display:grid}.pane-foot{display:none}.pane textarea,.pane .out{padding:.9rem .85rem;font-size:16px}.insights{max-height:4.2rem;padding:.4rem .65rem}.sticky-bar{padding:.55rem .65rem calc(.55rem + var(--safe-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:8;background:#f4f8f6f7;align-items:center;gap:.45rem;display:flex}.sticky-bar .btn-main,.sticky-bar .btn-ghost{min-height:3rem;font-size:1rem}.toast{bottom:calc(4.6rem + var(--safe-bottom))}.opts-summary{max-width:62vw}.ctrl-grid{grid-template-columns:1fr 1fr}}