:root{color-scheme:dark;--bg:#090b0d;--panel:#111417;--line:#282d31;--text:#e7e9eb;--muted:#777f8b;--accent:#d2fa42;--accent-text:#151b06;--dot:#24292c;--subtle:#0e1113;--shadow:0 22px 70px #0005;--mark:#bfd6543d;--cut:#bc6866;--warning:#e9c788}
:root[data-theme=light]{color-scheme:light;--bg:#f4f3ef;--panel:#fff;--line:#e0e2df;--text:#292e31;--muted:#858b91;--accent:#c5f43a;--accent-text:#1e260a;--dot:#d7d8d1;--subtle:#f5f6f3;--shadow:0 22px 70px #272b2312;--mark:#d2fa427a;--cut:#b94c49;--warning:#815a20}
*{box-sizing:border-box}body{margin:0;color:var(--text);background-color:var(--bg);background-image:radial-gradient(var(--dot) .8px,transparent .8px);background-size:22px 22px;font:15px/1.65 Inter,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;min-height:100dvh}button,input,textarea,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;border:0;color:var(--muted);background:transparent;transition:color .15s,background .15s,transform .15s}button:hover{color:var(--text)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.shell{max-width:1700px;margin:34px auto;padding:20px 30px 12px;border:1px solid var(--line);border-radius:26px;background:color-mix(in srgb,var(--bg) 85%,transparent);box-shadow:var(--shadow);width:calc(100% - 64px)}.topbar{display:flex;align-items:center;gap:18px;min-height:55px;margin-bottom:12px}.brand{display:flex;gap:10px;align-items:center;font-size:24px;font-weight:750;letter-spacing:-1px}.brand svg{width:38px;height:24px;fill:none;stroke:var(--text);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.model-tag{padding-left:18px;border-left:1px solid var(--line);font-size:10px;letter-spacing:2px;color:var(--muted);white-space:nowrap}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.status-pill{display:flex;align-items:center;gap:9px;padding:7px 12px;background:var(--panel);border:1px solid var(--line);border-radius:30px;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.status-pill i,.tiny-dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#35cd8a;flex-shrink:0}.icon-button{height:36px;width:36px;font-size:23px;border-radius:10px}.icon-button:hover{background:var(--panel)}.language-switch{display:flex;gap:3px;border:1px solid var(--line);border-radius:11px;padding:3px}.language-switch button{font-size:11px;min-width:30px;padding:2px 6px;border-radius:7px}.language-switch .selected{background:var(--panel);color:var(--text)}.workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:8px 2px 18px}.quota{font-family:ui-monospace,monospace;font-size:11px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:0}.editor-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.card-header{display:flex;align-items:center;gap:10px;min-height:70px;padding:14px 23px;border-bottom:1px solid var(--line);flex-wrap:wrap}.card-header>div{display:flex;align-items:center;gap:9px}.step{font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}h1{font-size:17px;font-weight:650;margin:0}.subheading{font-size:12px;color:var(--muted)}.count{font:11px ui-monospace,monospace;color:var(--muted);white-space:nowrap}.card-header>.count{margin-left:auto}.small-button{background:var(--subtle);border:1px solid var(--line);border-radius:9px;padding:6px 10px;font-size:12px;color:var(--text)}.editor-body{position:relative;min-height:490px;flex:1}textarea{background:transparent;color:var(--text);border:0;resize:vertical;display:block;width:100%;height:100%;min-height:490px;padding:26px;font-size:16px;line-height:1.95;outline:none;overflow:auto}textarea:focus-visible{outline-offset:-4px}.text-output{padding:26px;min-height:490px;max-height:74dvh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.95}.text-output mark{background:var(--mark);color:inherit;border-radius:3px;box-shadow:0 -1px inset #a5c349}.text-output del{text-decoration-color:var(--cut);color:var(--muted)}.empty-helper{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--muted);pointer-events:none}.helper-symbol{font-size:43px;color:var(--line);margin-bottom:12px}.empty-helper h2{font-size:19px;color:var(--text);font-weight:450;margin:0 0 8px}.empty-helper p{font-size:13px;max-width:320px;margin:0 0 18px}.empty-helper>span:last-child{font-size:10px;max-width:330px;color:var(--muted)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:63px;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap}.footer-actions{display:flex;align-items:center;gap:15px}.footer-actions>button{font-size:12px;white-space:nowrap;padding:4px 0}.format-select{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}select{border:1px solid var(--line);border-radius:6px;background:var(--subtle);color:var(--muted);padding:3px;font-size:10px}.footer-actions .copy-button{color:var(--bg);background:var(--text);border-radius:9px;padding:7px 12px}.rewrite-bridge{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px}.rewrite-button{border-radius:50%;height:62px;width:62px;background:var(--accent);color:var(--accent-text);font-size:31px;box-shadow:0 5px 20px #c5f43a08}.rewrite-button:hover{color:var(--accent-text);transform:scale(1.055)}.rewrite-button:disabled{opacity:.55;transform:none}.bridge-label{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--muted)}kbd{font:8px ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px;white-space:nowrap}.generation-info{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.check-pill{font-size:10px;padding:4px 9px;border-radius:20px;border:1px solid var(--line);color:#46c58b}.check-pill.warn{color:var(--warning)}.bottom-note{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:18px 3px 7px;color:var(--muted);font-size:10px}.bottom-note>span:first-child{display:flex;align-items:center;gap:8px}.tiny-dot{height:5px;width:5px;background:#b6da40}.page-footer{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);padding:20px 0 3px}.progress-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--panel) 95%,transparent);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:26px;text-align:center}.progress-overlay span{color:var(--muted);font-size:12px;max-width:280px}.progress-overlay strong{font-size:15px;font-weight:450}.spinner{height:29px;width:29px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.warning-box{padding:12px 18px;color:var(--warning);background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:12px;white-space:pre-line}.login-view{min-height:550px;display:flex;align-items:center;justify-content:center}.login-card{width:min(100%,390px);padding:28px 10px}.eyebrow{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--muted)}.login-card h1{font-size:31px;letter-spacing:-1px;margin:16px 0 10px}.muted{color:var(--muted);font-size:12px}.login-card form{display:flex;flex-direction:column;gap:8px;margin-top:30px}.login-card label{font-size:12px;color:var(--muted);margin-top:9px}input{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:10px 12px;font-size:16px;min-width:0}.primary-button{margin-top:19px;background:var(--accent);color:var(--accent-text);padding:12px;border-radius:10px;font-size:14px}.primary-button:hover{color:var(--accent-text)}.login-note{font-size:10px;color:var(--muted);margin-top:22px}.logout-button{margin-top:25px}.account-api{font-size:10px;overflow-wrap:anywhere;border-top:1px solid var(--line);padding-top:15px;margin-top:22px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;width:min(550px,calc(100% - 30px));max-height:85dvh;padding:22px}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}dialog h2{font-size:18px;margin:0}.dialog-close{font-size:25px;padding:0 5px}dialog form{display:grid;gap:9px;margin-top:15px}summary{cursor:pointer;color:var(--muted);font-size:12px}#historyList{display:grid;gap:9px}.history-item{border:1px solid var(--line);border-radius:10px;padding:12px}.history-item>button:first-child{width:100%;text-align:left;font-size:13px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.history-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-top:7px}.history-meta button{font-size:10px}.user-item{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}.user-item>span{flex:1;font-size:12px}.user-item input{width:75px;font-size:12px;padding:5px}.user-item button{font-size:11px}.user-item .small-button{padding:4px 7px}#toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);border-radius:12px;padding:11px 18px;box-shadow:var(--shadow);font-size:13px;max-width:90%;z-index:10;white-space:pre-wrap}
@media(min-width:1450px){.editor-body,textarea,.text-output{min-height:580px}}
@media(max-width:1100px){.shell{width:calc(100% - 36px);padding:18px;margin:18px auto}.card-header{padding:13px 15px}.card-header .subheading{display:none}.editor-grid{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.rewrite-button{height:50px;width:50px}.card-footer{padding:11px 13px}.footer-actions{gap:11px}.editor-body,textarea,.text-output{min-height:410px}.text-output,textarea{padding:19px}.generation-info .count{font-size:9px}.model-tag{font-size:9px;padding-left:12px}}
@media(max-width:740px){body{background-size:18px 18px}.shell{width:calc(100% - 20px);padding:14px 11px 8px;margin:10px auto;border-radius:19px}.topbar{gap:8px;margin:0 2px 10px;flex-wrap:wrap}.brand{font-size:21px;gap:7px}.brand svg{width:30px}.model-tag{padding-left:8px;font-size:8px;letter-spacing:1px}.top-actions{gap:3px}.icon-button{height:30px;width:29px;font-size:21px}.status-pill{display:none}.language-switch button{min-width:25px;font-size:10px}.workspace-intro{font-size:10px;margin-bottom:13px}.quota{font-size:9px}.editor-grid{grid-template-columns:1fr;gap:12px}.editor-card{border-radius:14px}.card-header{min-height:57px;padding:12px 15px;gap:6px}.card-header h1{font-size:15px}.card-header .count{font-size:9px}.small-button{font-size:10px;padding:5px 8px}.editor-body,textarea,.text-output{min-height:280px}.text-output{max-height:none}.editor-body textarea{height:320px;resize:vertical}.rewrite-bridge{flex-direction:row;gap:13px;justify-content:center;padding:0}.rewrite-button{height:44px;width:44px;font-size:25px}.rewrite-button>span{display:block;transform:rotate(90deg)}.bridge-label{font-size:10px}.rewrite-bridge kbd{display:none}.text-output,textarea{padding:18px;font-size:16px;line-height:1.9}.footer-actions{gap:13px}.card-footer{min-height:56px;padding:10px 13px}.bottom-note{font-size:9px;gap:5px;margin:14px 3px 4px}.page-footer{font-size:8px;padding-top:17px;letter-spacing:0}.login-view{min-height:490px}.login-card{padding:20px 12px}.login-card h1{font-size:29px}.empty-helper h2{font-size:17px}.empty-helper p{font-size:12px}.generation-info{gap:6px}.generation-info .count{font-size:9px}dialog{padding:18px}.user-item>span{min-width:90px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}