:root{color-scheme:light;--font-ui: "Outfit", "Avenir Next", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;--bg-canvas: #f3f6fb;--bg-elevated: rgba(255, 255, 255, .8);--bg-panel: rgba(255, 255, 255, .92);--bg-soft: #eef3ff;--bg-inset: #f8faff;--text-strong: #172033;--text-body: #33415d;--text-muted: #66728c;--text-on-brand: #f8fbff;--brand-500: #2f62f3;--brand-600: #214de0;--brand-700: #193eb7;--accent-500: #12a38e;--danger-500: #c63242;--border-subtle: #d8e0f0;--border-strong: #bcc8df;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--shadow-soft: 0 10px 24px rgba(15, 28, 55, .08);--shadow-panel: 0 16px 36px rgba(22, 39, 71, .12);--shadow-pop: 0 22px 46px rgba(34, 59, 107, .18);--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 28px;--ring: 0 0 0 3px rgba(47, 98, 243, .25)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh}body{margin:0;color:var(--text-body);font-family:var(--font-ui);line-height:1.5;background:radial-gradient(circle at 12% 14%,rgba(120,169,255,.28) 0%,transparent 38%),radial-gradient(circle at 84% 8%,rgba(40,205,176,.22) 0%,transparent 35%),linear-gradient(160deg,#f6f8fe,#eef3fb 48%,#f8fbff);overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#fff;padding:12px 14px;color:var(--text-strong);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}textarea{min-height:220px;resize:none}input::placeholder,textarea::placeholder{color:#9aa5bb}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5d6b86 50%),linear-gradient(135deg,#5d6b86 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}:is(button,input,textarea,select,a):focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--brand-500)}button{border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.app-shell{width:100%;height:100dvh;display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.app-shell-auth{max-width:1600px;margin:0 auto;padding:14px;overflow:hidden}.app-shell-landing{position:relative;isolation:isolate;height:100dvh;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(20px,4vw,44px) clamp(14px,4vw,28px);background:radial-gradient(circle at 10% 16%,rgba(124,171,248,.2) 0%,transparent 34%),radial-gradient(circle at 88% 9%,rgba(89,188,176,.16) 0%,transparent 30%),linear-gradient(180deg,#f8fbff,#eef3f8)}.app-shell-landing:before,.app-shell-landing:after{content:"";position:absolute;inset:auto;pointer-events:none;z-index:-1;filter:blur(6px)}.app-shell-landing:before{width:clamp(180px,20vw,260px);height:clamp(180px,20vw,260px);top:clamp(6px,4vw,24px);right:clamp(12px,6vw,96px);border-radius:50%;background:radial-gradient(circle,#a6b5d02e,#a6b5d000 72%)}.app-shell-landing:after{width:clamp(180px,18vw,240px);height:clamp(180px,18vw,240px);left:clamp(2px,3vw,28px);bottom:clamp(18px,5vw,48px);border-radius:50%;background:radial-gradient(circle,#d4dbe5b8,#d4dbe500 70%)}.login-shell{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.login-layout{width:min(1080px,100%);margin:0}.login-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.login-entry{display:grid;gap:clamp(16px,2.2vw,24px);align-items:stretch}.login-brand{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:0;padding:clamp(24px,3.2vw,34px);border-radius:28px;border:1px solid rgba(201,211,227,.88);background:#ffffffd6;box-shadow:0 18px 50px #1e31501f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-brand-kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#5f7392}.login-capability-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.login-capability-list li{position:relative;margin:0;padding-left:22px;color:#40516d;line-height:1.55}.login-capability-list li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,#2e6ceb,#1f52dc);box-shadow:0 0 0 4px #2e6ceb1f}.login-brand-title{margin:0;max-width:14ch;font-size:clamp(1.95rem,4vw,3.1rem);line-height:1.06;letter-spacing:-.03em;color:#11213a;font-family:var(--font-display);font-weight:600}.login-brand-desc{margin:0;max-width:38ch;color:#4f6180;font-size:.96rem;line-height:1.62}.login-brand-note{margin:4px 0 0;max-width:38ch;color:#61718c;font-size:.9rem;line-height:1.58}.login-card{display:flex;flex-direction:column;gap:18px;justify-content:center;padding:clamp(24px,3vw,32px);border-radius:28px;border:1px solid rgba(194,205,224,.92);background:#fffffff0;box-shadow:0 18px 52px #16274521}.login-card-header{display:grid;gap:6px}.login-card-kicker{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#738099}.login-card h2{margin:0;color:var(--text-strong);font-size:clamp(1.5rem,2.2vw,1.85rem);line-height:1.08}.login-subtitle{margin:0;color:#6a7588;font-size:.92rem}.login-card-form{display:grid}.login-card label,.panel label{display:block;margin:0 0 7px;font-size:.88rem;color:var(--text-muted)}.login-card label{color:#697587}.login-card label+:is(input,select),.panel label+:is(input,select){margin-bottom:14px}.login-card input{border-color:#c2cbd8f2;background:#f8fafcf5;padding:14px 16px;box-shadow:inset 0 1px #fffc}.primary{width:100%;margin-top:8px;padding:13px 14px;background:linear-gradient(180deg,#24344e,#1e2c42);color:var(--text-on-brand);font-weight:700;border:1px solid rgba(28,42,66,.48);box-shadow:0 10px 20px #1a263a29}.primary:hover:not(:disabled){background:linear-gradient(180deg,#1d2d46,#182438);box-shadow:0 12px 24px #1a263a33}.primary:active:not(:disabled){background:linear-gradient(180deg,#172335,#131d2d);box-shadow:0 6px 14px #1a263a29}.primary.is-loading{background:linear-gradient(180deg,#5e6c82,#536074);border-color:#5c6779;box-shadow:0 8px 16px #3a445429}.loading-status{margin:10px 0 0;font-size:.85rem;color:var(--text-muted)}.hint-text{margin:2px 0 0;font-size:.86rem;color:#788396}.error-text,.global-error{margin:12px 0 0;border:1px solid rgba(198,50,66,.24);border-radius:10px;background:#c6324214;color:var(--danger-500);font-size:.9rem;font-weight:600;padding:9px 10px}.global-error{flex-shrink:0}.topbar{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:var(--space-3);background:var(--bg-elevated);border:1px solid rgba(188,200,223,.9);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;flex-shrink:0}.topbar-label{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--text-muted)}.topbar strong{color:var(--text-strong);font-size:1.05rem}.topbar-actions{display:flex;align-items:center;gap:10px;justify-self:end}.ghost{padding:10px 14px;border:1px solid var(--border-strong);background:#fff;color:var(--text-strong);box-shadow:0 6px 16px #16274714}.ghost:hover:not(:disabled){border-color:#a9b6d3;background:#f7faff}.ghost:active:not(:disabled){background:#eef3ff;box-shadow:0 3px 10px #1627470f}.locale-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(188,200,223,.88);border-radius:999px;background:#ffffffdb;box-shadow:0 8px 20px #16274714;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.locale-button{min-width:74px;padding:8px 12px;border-radius:999px;border:none;background:transparent;color:#51607b;font-weight:600;box-shadow:none}.locale-button:hover:not(:disabled){background:#e9effaeb;transform:none}.locale-button.active{background:linear-gradient(180deg,#23344e,#19283d);color:#f7faff;box-shadow:0 8px 16px #18263a2e}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:var(--space-3);align-items:stretch;overflow:hidden}.workspace-column{min-width:0;min-height:0;display:flex}.panel{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid rgba(188,200,223,.84);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-soft);overflow:hidden}.panel-title-row{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h2{margin:0;color:var(--text-strong);font-size:1.05rem}.input-panel .input-textarea{flex:1;min-height:220px}.input-panel .primary{margin-top:12px}.pill-group{display:flex;gap:8px}.pill{border:1px solid var(--border-subtle);background:#fff;color:var(--text-body);font-size:.8rem;padding:7px 11px}.pill:hover:not(:disabled){border-color:#aebadb;background:#f5f8ff}.pill.active{border-color:#204dcd66;background:linear-gradient(130deg,#e7efff,#f1f6ff);color:var(--brand-700);font-weight:700}.placeholder{margin:0;color:var(--text-muted)}.result-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-inset);padding:12px}.result-card-header,.result-grid-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-card h3{margin:0 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.result-card pre{margin:10px 0 0;white-space:pre-wrap;line-height:1.56;font-size:.9rem;color:var(--text-strong);font-family:var(--font-mono)}.result-section{margin-top:14px}.result-card-header h3{margin-bottom:0}.result-section-title{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5d6d89}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}.result-grid-card{border:1px dashed #c8d4ea;border-radius:10px;background:#fff;padding:9px}.result-grid-header span{display:block;font-size:.74rem;color:var(--text-muted)}.result-grid-card strong{display:block;margin-top:8px;font-size:.88rem;color:var(--text-strong);word-break:break-word}.copy-button{flex-shrink:0;min-width:64px;padding:6px 10px;border:1px solid rgba(47,98,243,.18);border-radius:999px;background:linear-gradient(180deg,#f5f8fffa,#e9effff5);color:var(--brand-700);font-size:.76rem;font-weight:700;box-shadow:0 6px 14px #2f62f314;white-space:nowrap}.copy-button:hover:not(:disabled){border-color:#2f62f352;background:linear-gradient(180deg,#eef4ff,#e1ebff)}.copy-button.copied{border-color:#12a38e47;background:linear-gradient(180deg,#ebfbf8,#dff7f1);color:#0c7b6b}.result-panel{overflow:auto}.history-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:auto}.history-item{width:100%;text-align:left;border:1px solid var(--border-subtle);background:#fff;border-radius:10px;padding:10px}.history-item:hover:not(:disabled){border-color:#b4c2df;background:#f8fbff}.history-item.active{border-color:#2f62f38c;background:#eef4ff;box-shadow:inset 0 0 0 1px #2f62f333}.history-main{font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{margin-top:6px;display:flex;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--text-muted)}.history-count{color:var(--text-muted);font-size:.84rem}@keyframes landing-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-brand{animation:landing-rise .5s cubic-bezier(.2,.8,.2,1)}.login-card{animation:landing-rise .52s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion: reduce){.login-brand,.login-card,.login-entry{animation:none}}@media (min-width: 960px){.login-entry{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)}}@media (max-width: 959px){.app-shell-landing{height:auto;min-height:100dvh;padding:16px 12px 22px}.login-entry{grid-template-columns:1fr;gap:18px}.login-brand,.login-card{border-radius:24px}.login-brand-title{max-width:14ch;font-size:clamp(1.75rem,10vw,2.36rem)}}@media (max-width: 640px){.app-shell-landing{padding:12px 10px 18px}.login-brand,.login-card{padding:20px}}@media (min-width: 1024px){.workspace{grid-template-columns:minmax(360px,1.1fr) minmax(380px,1fr);grid-auto-rows:minmax(0,1fr)}.workspace-history{grid-column:1 / -1}}@media (min-width: 1280px){.workspace{grid-template-columns:minmax(340px,1.05fr) minmax(440px,1.25fr) minmax(300px,.95fr);grid-auto-rows:minmax(0,1fr)}.workspace-history{grid-column:auto}}@media (max-width: 1023px){.app-shell-auth{overflow:auto}.workspace{flex:none;grid-template-columns:1fr;overflow:visible}.result-grid{grid-template-columns:1fr}.result-card-header,.result-grid-header{align-items:stretch;flex-direction:column}.copy-button{align-self:flex-start}.workspace-column .panel{max-height:72dvh}}@media (max-width: 720px){.app-shell-auth{padding:10px}.app-shell-landing{padding:10px 10px 18px}.topbar{grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;justify-self:start}.pill-group{flex-wrap:wrap}}