: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-brand-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.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}.purchase-toggle{width:auto;min-width:156px;padding:11px 16px;border-color:#23344e24;background:linear-gradient(180deg,#f5f8ff,#e9effa);color:#223552;font-weight:700}.purchase-toggle:hover:not(:disabled){border-color:#23344e3d;background:linear-gradient(180deg,#f0f5ff,#e3ebf8)}.purchase-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,28px);background:#101a2c57;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.purchase-panel{width:min(1100px,100%);max-height:min(88dvh,920px);overflow:auto;overscroll-behavior:contain;gap:clamp(16px,2.4vw,24px);padding:clamp(20px,3vw,28px);border-radius:30px;border:1px solid rgba(190,201,220,.92);background:#fffffff0;box-shadow:0 20px 48px #192a491f;animation:landing-rise .56s cubic-bezier(.2,.8,.2,1)}.purchase-modal-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.purchase-modal-close{flex-shrink:0;min-width:92px}.purchase-modal-content{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.4vw,24px)}.purchase-panel-copy{min-width:0;display:grid;gap:16px;align-content:start}.purchase-panel-header{display:grid;gap:8px}.purchase-panel-kicker{margin:0;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;color:#637a9b}.purchase-panel-title{margin:0;color:#12213a;font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.1}.purchase-panel-subtitle{margin:0;max-width:56ch;color:#50627f;line-height:1.62}.purchase-badge-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.purchase-badge-list li{padding:9px 13px;border-radius:999px;border:1px solid rgba(47,98,243,.12);background:linear-gradient(180deg,#f4f8ff,#eaf0ff);color:#284a7a;font-size:.82rem;font-weight:700}.purchase-plan-grid{display:grid;grid-template-columns:1fr;gap:12px}.purchase-plan-card{padding:16px;border-radius:20px;border:1px solid rgba(197,208,229,.92);background:linear-gradient(180deg,#fafcff,#f1f6ff);box-shadow:0 10px 24px #1b2d4f14}.purchase-plan-name{margin:0;color:#40516d;font-size:.88rem;font-weight:700}.purchase-plan-price{display:block;margin-top:8px;color:#10213d;font-size:clamp(1.38rem,2.2vw,1.66rem);line-height:1.1}.purchase-plan-detail{margin:8px 0 0;color:#5e6f8a;font-size:.86rem;line-height:1.56}.purchase-info-grid{display:grid;grid-template-columns:1fr;gap:12px}.purchase-info-card{min-width:0;padding:16px;border-radius:20px;border:1px solid rgba(207,216,233,.9);background:#fff}.purchase-info-card h3{margin:0 0 12px;color:#1b2a42;font-size:.92rem}.purchase-info-card :is(ol,ul){margin:0;padding-left:20px;display:grid;gap:10px;color:#425373}.purchase-info-card li{line-height:1.6}.purchase-qr-card{min-width:0;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:26px;border:1px solid rgba(24,42,72,.08);background:linear-gradient(180deg,#24344e,#192740);box-shadow:0 22px 44px #1627452e;color:#edf4ff}.purchase-qr-header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.purchase-qr-header .purchase-panel-kicker{color:#edf4ffb8}.purchase-qr-header strong{color:#f7fbff;font-size:.88rem}.purchase-qr-frame{position:relative;display:grid;place-items:center;min-height:320px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1f,#ffffff14);overflow:hidden}.purchase-qr-image{display:none;width:100%;max-width:320px;aspect-ratio:1 / 1;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 18px 36px #00000038}.purchase-qr-image.is-visible{display:block}.purchase-qr-fallback{width:100%;max-width:320px;aspect-ratio:1 / 1;display:grid;place-items:center;gap:10px;padding:24px;border-radius:18px;background:#fff;color:#1a3152;text-align:center}.purchase-qr-fallback strong{font-size:1rem}.purchase-qr-fallback p{margin:0;color:#5a6d89;font-size:.88rem;line-height:1.58}.purchase-qr-hint{margin:0;color:#edf4ffc7;font-size:.88rem;line-height:1.58}.purchase-service-window{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.purchase-service-window span{color:#edf4ffb8;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.purchase-service-window strong{color:#fff;font-size:.96rem}.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{height:100%;flex:1;min-height:220px;line-height:1.62;padding-bottom:96px;scroll-padding-bottom:96px}.input-textarea-shell{position:relative;flex:1;min-height:0}.input-textarea-shell:after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:108px;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:linear-gradient(180deg,#f8faff00,#f8faffbd 48%,#f8fafff5);pointer-events:none}.input-action-row{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border:1px solid rgba(199,208,223,.94);border-radius:20px;background:#ffffffe0;box-shadow:0 14px 28px #17264124;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none}.input-action-button{width:auto;min-width:76px;min-height:36px;padding:9px 14px;border-radius:999px;border:1px solid rgba(47,98,243,.12);background:#fffffffa;color:#3c4e73;font-size:.8rem;font-weight:700;box-shadow:0 8px 18px #17294914;white-space:nowrap;pointer-events:auto}.input-action-button:hover:not(:disabled){border-color:#2f62f338;background:#f7faff;box-shadow:0 10px 22px #1729491f}.input-action-button:active:not(:disabled){background:#eff5fffa}.input-action-example{border-color:#43567924;color:#425577}.input-action-paste{border-color:#214de02e;background:linear-gradient(180deg,#eff5ff,#e4ecff);color:var(--brand-700)}.input-action-paste:hover:not(:disabled){border-color:#214de04d;background:linear-gradient(180deg,#e8f0ff,#dbe6ff)}.input-action-clear{border-color:#c6324224;background:linear-gradient(180deg,#fff7f8,#ffeff1);color:var(--danger-500)}.input-action-clear:hover:not(:disabled){border-color:#c632423d;background:linear-gradient(180deg,#fff2f4,#ffe7eb)}.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,.purchase-modal-backdrop,.purchase-panel,.login-entry{animation:none}}@media (min-width: 700px){.purchase-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.login-entry{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)}.purchase-modal-content{grid-template-columns:minmax(0,1.08fr) minmax(300px,.84fr);align-items:stretch}}@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}.purchase-panel{padding:20px;border-radius:24px}.purchase-modal-backdrop{padding:12px}.purchase-qr-card{padding:16px;border-radius:22px}}@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}.input-action-row{left:10px;right:10px;bottom:10px;padding:7px}.input-action-button{min-width:70px;padding:8px 12px}.purchase-qr-header,.purchase-service-window,.purchase-modal-topbar{align-items:flex-start;flex-direction:column}.purchase-modal-close{width:100%}.purchase-qr-frame{min-height:260px}}