:root{--bg:#f6f7fb;--ink:#293247;--muted:#778397;--line:#e5e9f2;--accent:#6264d7;--pale:#eeeefb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 system-ui,"Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:9px 15px;white-space:nowrap}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid #dce1ec;border-radius:10px;color:var(--ink);background:#fff;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #dddff8;border-color:var(--accent)}textarea{min-height:88px;resize:vertical}label{display:block;margin:14px 0 5px;font-weight:550}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}h1{font-size:25px;margin:0}h2{font-size:18px;margin:0}p{margin:7px 0 14px}small{font-size:12px}.hidden{display:none!important}.secondary{background:var(--pale);color:var(--accent)}.plain{background:transparent;color:var(--muted)}.muted{color:var(--muted)}.error{color:#b84444;white-space:pre-wrap}.full{width:100%;margin-top:22px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:20px;flex-wrap:wrap}.actions.left{justify-content:flex-start}.brand{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:700;white-space:nowrap}.brand img{width:60px;height:45px;object-fit:contain}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:white}.hero{padding:55px 12%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#edf6f0,#e9eefb)}.hero h1{font-size:44px;line-height:1.5;font-weight:550}.hero p{font-size:16px}.login-form{align-self:center;justify-self:center;width:min(360px,86%);padding:40px 0}.app{height:100dvh;display:grid;grid-template-columns:252px minmax(0,1fr);overflow:hidden}.sidebar{padding:24px 17px 16px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-height:0;z-index:12}.sidebar .brand{margin-bottom:12px}.defaults-button{font-size:13px;text-align:left;padding:5px 9px}.defaults-button span{float:right;font-size:11px;color:#98a0b2}.side-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.side-label button{font-size:12px;padding:3px 5px}.roles{flex:1;overflow:auto;min-height:70px}.role{display:block;width:100%;text-align:left;background:none;color:var(--ink);padding:9px 10px;margin:3px 0;overflow:hidden;text-overflow:ellipsis}.role.active{background:var(--pale);color:#5556b9}.role small{display:block;color:var(--muted);font-size:10px}.group-header{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.group-header>button:first-child{flex:1;min-width:0;text-align:left;font-size:12px;padding:5px;color:var(--muted);background:none;overflow:hidden;text-overflow:ellipsis}.group-header .group-edit{font-size:13px;padding:3px 7px;background:transparent;color:var(--muted)}.side-bottom{display:grid;gap:7px;padding-top:13px;border-top:1px solid var(--line)}.side-bottom b{padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{display:flex;flex-direction:column;min-height:0;min-width:0}.top{height:77px;flex-shrink:0;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:15px 26px;gap:12px}.heading{display:flex;align-items:center;gap:8px;min-width:0}.heading>div{min-width:0}.heading b{font-size:18px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading small{display:block;font-size:11px}.top-right{display:flex;gap:10px;align-items:center}.balance-button{background:#f6f7fa;color:var(--ink);font-size:12px}.page-tabs{display:flex;gap:8px;padding:10px 26px;background:white;border-bottom:1px solid var(--line);flex-shrink:0}.page-tab{background:none;color:var(--muted);padding:8px 15px}.page-tab.active{background:var(--pale);color:var(--accent)}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 27px;border-bottom:1px solid var(--line);font-size:12px;flex-shrink:0}.translation-controls{display:flex;align-items:center;gap:12px}.switch-label{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}.translation-controls select{width:114px;padding:5px 8px;font-size:12px}.conversation-layout{display:flex;flex:1;min-height:0}.conversation-main{width:100%;display:flex;flex-direction:column;min-height:0;min-width:0}.conversation-layout.translating .conversation-main{width:70%}.messages{flex:1;overflow:auto;padding:20px max(24px,calc((100% - 820px)/2));overscroll-behavior:contain}.message-entry{margin:13px 0;display:flex;flex-direction:column;align-items:flex-start}.message-entry.user{align-items:flex-end}.message-meta{font-size:10px;color:var(--muted);padding:0 7px 4px}.bubble{padding:12px 16px;border-radius:16px;background:white;border:1px solid var(--line);max-width:86%;white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{background:var(--accent);color:white;border-color:transparent}.translate-message{font-size:11px;background:none;color:var(--muted);padding:4px 7px}.empty{height:100%;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:20px}.empty h2{font-size:25px;color:var(--ink);font-weight:550;margin:10px 0}.empty p{max-width:500px}.composer{padding:12px max(24px,calc((100% - 820px)/2)) 17px;flex-shrink:0}.compose-box{display:flex;align-items:flex-end;gap:9px;padding:10px;background:#fff;border:1px solid #d9dfeb;border-radius:16px}.compose-box textarea{height:72px;min-height:48px;max-height:150px;border:0;outline:0;resize:none;padding:7px}.caption{text-align:center;color:var(--muted);font-size:10px;margin-top:7px}.translation-pane{width:30%;min-width:0;border-left:1px solid var(--line);background:#fafbfe;display:flex;flex-direction:column}.translation-heading{padding:18px;border-bottom:1px solid var(--line)}.translation-heading small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.translations{overflow:auto;padding:8px 15px;flex:1}.translation-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;margin:10px 0;overflow-wrap:anywhere}.translation-card small{color:var(--muted);display:block;margin-bottom:6px}.translation-card p{white-space:pre-wrap;margin:0}.tag{display:inline-block;font-size:11px;padding:3px 10px;border-radius:20px;background:var(--pale);color:var(--accent);white-space:nowrap}.creative-workspace{flex:1;min-height:0;overflow:auto;padding:24px 28px;display:flex;flex-direction:column;gap:16px;align-self:center;width:min(1250px,100%)}.creative-workspace>.row{flex-shrink:0}.creative-board{background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;min-height:460px;flex:1;overflow:hidden}.creative-messages{padding:18px 26px;flex:1;overflow:auto;min-height:150px}.creative-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(140deg,#edf6f0,#e9e8fb);color:var(--accent);font-size:32px}.creative-composer{padding:16px 22px;background:#fbfcff;border-top:1px solid var(--line)}.creative-composer label{margin:0 0 8px;font-size:12px;color:var(--muted)}.creative-composer textarea{height:180px;min-height:130px;max-height:35vh}.creative-composer .actions{margin:12px 0}.creative-composer>small{display:block}.image-draft{margin:12px 0;display:flex;flex-direction:column;align-items:flex-end}.image-draft small{color:var(--muted);margin-bottom:5px}.image-draft .bubble{background:var(--pale)}.placeholder-workspace{flex:1;overflow:auto;display:grid;place-items:center;padding:30px}.placeholder-card{width:min(550px,100%);padding:48px 30px;text-align:center;background:white;border:1px solid var(--line);border-radius:20px}.placeholder-card .creative-symbol{margin:0 auto 20px}.placeholder-card>small{display:block;margin-top:15px}.account{flex:1;overflow:auto;padding:28px;width:min(1250px,100%);margin:0 auto}.account-nav{display:flex;gap:6px;margin:18px 0;overflow:auto;padding-bottom:4px}.account-nav button{background:transparent;color:var(--muted);padding:8px 13px}.account-nav button.active{background:var(--pale);color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.card,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.card small{display:block;color:var(--muted);font-size:11px}.number{display:block;font-size:27px;margin:7px 0;font-weight:650;overflow-wrap:anywhere}.panel{margin:17px 0}.panel h2{margin-bottom:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:15px;font-size:12px}th,td{padding:13px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:500;color:var(--muted)}.pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;margin-top:18px}.filter-row{display:flex;align-items:center;gap:8px;margin-top:15px}.filter-row input{max-width:240px}.filter-row input[type=date]{max-width:165px}.trend{height:130px;display:flex;gap:12px;align-items:flex-end;padding:10px 0 25px}.trend-day{flex:1;position:relative;text-align:center;min-width:0}.trend-bar{background:linear-gradient(#9798ea,#6264d7);border-radius:6px 6px 0 0;min-height:2px;max-width:58px;margin:auto}.trend-day small{position:absolute;top:100%;left:0;width:100%;font-size:10px;color:var(--muted)}.device-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.device-row small{display:block;color:var(--muted)}dialog.editor{border:0;border-radius:20px;padding:27px;width:min(660px,calc(100% - 28px));max-height:90dvh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#1a294c66}dialog.small-editor{width:min(470px,calc(100% - 28px))}.editor h2{font-size:21px}.editor p{font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.toggles{display:flex;gap:20px}.toggles label{display:flex;gap:6px;align-items:center;font-size:13px}.secret-box{padding:14px;border-radius:10px;background:#f5f6fc;overflow-wrap:anywhere;white-space:pre-wrap;user-select:all}.qr-image{width:180px;height:180px;object-fit:contain;display:block;margin:10px auto}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 20px;max-width:90vw;background:#27344c;color:white;border-radius:11px;z-index:50;font-size:13px}.mobile-only,.sidebar-shade{display:none}
@media(max-width:1050px){.app{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:20px 13px}.top,.page-tabs{padding-left:20px;padding-right:20px}.chat-toolbar{padding-left:20px;padding-right:20px}.account{padding:22px}.cards{gap:10px}.card{padding:17px}.number{font-size:23px}.translation-heading{padding:12px}.translations{padding:6px 10px}.filter-row{flex-wrap:wrap}}
@media(max-width:700px){.hero{display:none}.login{grid-template-columns:1fr}.app{grid-template-columns:minmax(0,1fr)}.mobile-only{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:276px;transform:translateX(-100%);transition:transform .15s}.sidebar.open{transform:translateX(0)}.sidebar-shade:not(.hidden){display:block;position:fixed;inset:0;z-index:11;background:#1a294c66;border-radius:0}.sidebar .brand button{margin-left:auto}.top{height:69px;padding:10px 12px}.heading b{font-size:16px;max-width:140px}.heading small{font-size:9px}.top-right{gap:5px}.top-right button{padding:7px 9px;font-size:11px}.page-tabs{padding:8px;gap:2px;justify-content:space-between}.page-tab{font-size:12px;padding:7px 9px}.chat-toolbar{padding:9px 13px;font-size:10px;gap:6px}.translation-controls{gap:6px}.translation-controls select{width:92px;font-size:11px}.messages{padding:13px}.composer{padding:10px 12px 14px}.compose-box textarea{height:70px}.compose-box button{padding:9px 12px}.bubble{max-width:92%;font-size:13px}.conversation-layout.translating{flex-direction:column}.conversation-layout.translating .conversation-main{width:100%;flex:1;min-height:180px}.translation-pane{width:100%;height:30%;min-height:130px;border-left:0;border-top:1px solid var(--line)}.translation-heading{padding:7px 13px;display:flex;gap:12px;align-items:center;font-size:12px}.translation-heading small{margin:0;font-size:9px}.translations{display:flex;gap:8px;padding:0 12px 8px;overflow:auto}.translation-card{min-width:230px;max-width:80%;margin:7px 0 0;font-size:12px;overflow:auto}.creative-workspace{padding:16px 13px;gap:10px}.creative-workspace h1{font-size:20px}.creative-workspace p{font-size:11px}.creative-board{min-height:490px;flex-shrink:0}.creative-messages{padding:12px}.creative-composer{padding:12px}.creative-composer textarea{height:180px}.creative-composer .actions{gap:6px}.creative-composer button{padding:8px 10px;font-size:11px}.creative-composer small{font-size:10px}.empty h2{font-size:22px}.empty p{font-size:12px}.account{padding:17px 13px}.account h1{font-size:23px}.account-nav{margin:14px 0}.account-nav button{font-size:12px;padding:7px 10px}.cards{grid-template-columns:1fr;gap:10px}.card{padding:17px}.number{font-size:27px;margin:4px 0}.panel{padding:17px}.filter-row{flex-wrap:wrap}.filter-row input{max-width:none;flex:1 1 130px}.filter-row input[type=date]{max-width:none}.pager{justify-content:center}.grid2{grid-template-columns:1fr}.editor{padding:21px!important}.placeholder-workspace{padding:20px}.placeholder-card{padding:36px 20px}.account .row{align-items:flex-start}.device-row button{font-size:11px;padding:7px}.trend{gap:6px}.tag{font-size:10px}.caption{font-size:9px}}