@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;color:#172238;background:#f4f5f1;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#172238;--muted:#788294;--line:#e2e5df;--blue:#315cf5;--navy:#132039;--paper:#fbfcfa;--coral:#f26b52;--gold:#e1a644}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f5f1}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted);font-size:13px}.loading-mark,.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--navy);color:#fff;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.08em;box-shadow:0 10px 25px #1320392b}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(420px,1.12fr);background:var(--navy);overflow:hidden}.auth-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,7vw,110px);background:var(--paper)}.auth-intro,.brand{display:flex;align-items:center;gap:13px}.auth-intro strong{display:block;font-family:Manrope,sans-serif;font-size:14px}.brand-kicker{display:block;color:#a6acb9;font-size:9px;letter-spacing:.17em;font-weight:800;margin-bottom:3px}.auth-copy{margin:74px 0 30px}.auth-copy h1{margin:0;color:var(--ink);font:800 clamp(39px,5vw,70px)/1.04 Manrope,sans-serif;letter-spacing:-.06em}.auth-copy h1 em{font-style:normal;color:var(--blue)}.auth-copy p{max-width:400px;margin:22px 0 0;color:var(--muted);line-height:1.75;font-size:14px}.login-form{display:grid;gap:16px;max-width:410px}.login-form label{display:grid;gap:8px;color:#566174;font-size:12px;font-weight:700}.login-form input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:10px;outline:none;background:#fff;color:var(--ink);transition:.2s}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #315cf51a}.primary-button,.secondary-button,.ghost-button,.refresh-button{border:0;border-radius:9px;padding:11px 15px;font-weight:700;transition:transform .18s,background .18s}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#fff;background:var(--blue);box-shadow:0 8px 18px #315cf52e}.primary-button:hover:not(:disabled){transform:translateY(-1px);background:#2449d7}.login-button{margin-top:5px;padding:15px}.primary-button span{font-size:18px;line-height:0}.error-text{margin:0;color:#bd4439;font-size:12px}.auth-foot{display:flex;align-items:center;gap:7px;margin-top:26px;color:#a4a9b2;font-size:11px}.auth-art{position:relative;overflow:hidden;background:#17243c;min-height:600px}.auth-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 36%,#315cf566 0,transparent 28%),linear-gradient(145deg,transparent 50%,#f26b5224 100%)}.art-orbit{position:absolute;border:1px solid #ffffff26;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:600px;height:340px;top:18%;left:7%}.orbit-two{width:760px;height:430px;top:11%;left:-1%}.art-card{position:absolute;top:36%;left:28%;width:220px;height:260px;padding:22px;background:#f0d4ad;color:var(--ink);transform:rotate(-8deg);box-shadow:28px 35px #0e1729,0 25px 70px #0005}.art-card:before{content:"";display:block;width:100%;height:126px;margin-bottom:22px;background:linear-gradient(135deg,#315cf5 0 38%,#ef6c51 38% 67%,#15223b 67%);mix-blend-mode:multiply}.art-card span{font-size:9px;font-weight:800;letter-spacing:.15em}.art-card strong{display:block;margin-top:11px;font:800 52px/1 Manrope,sans-serif;letter-spacing:-.08em}.art-card small{font-size:11px}.art-caption{position:absolute;right:12%;bottom:11%;color:#fff;font:500 17px/1.1 Manrope,sans-serif;letter-spacing:.1em}.art-caption b{font-size:24px;color:#f0d4ad}.app-shell{min-height:100vh;padding-bottom:45px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(22px,6vw,92px);border-bottom:1px solid var(--line);background:#f9faf7e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand strong,.brand span{display:block}.brand strong{font-family:Manrope,sans-serif;font-size:14px}.brand span{margin-top:4px;color:#9ca3ac;font-size:10px}.topbar-actions{display:flex;align-items:center;gap:18px}.connection{display:flex;align-items:center;gap:7px;color:#687384;font-size:11px}.status-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36ad73;box-shadow:0 0 0 4px #36ad731c}.user-badge{padding:7px 11px;border-radius:999px;background:#ebeee9;color:#657083;font-size:11px}.ghost-button{display:inline-flex;align-items:center;gap:7px;color:#6f7887;background:transparent}.ghost-button:hover,.refresh-button:hover{background:#e9ece7}.hero,.toolbar,.asset-grid,.footer,.notice{width:min(1160px,calc(100% - 44px));margin-inline:auto}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:74px 0 52px}.hero-label{margin-bottom:14px;color:var(--blue);font-size:10px;letter-spacing:.18em;font-weight:800}.hero h1{margin:0;font:800 clamp(42px,6vw,78px)/.98 Manrope,sans-serif;letter-spacing:-.07em}.hero h1 span{color:var(--blue)}.muted{max-width:460px;margin:22px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.release-panel{min-width:224px;padding:20px 22px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.release-label{display:flex;align-items:center;gap:8px;color:#828b96;font-size:11px}.release-panel strong{display:block;margin:12px 0 8px;font:800 52px/1 Manrope,sans-serif;letter-spacing:-.08em}.release-panel strong small{font:700 11px DM Sans,sans-serif;letter-spacing:.08em;color:#a5acb2}.release-panel>span:last-child{color:#a1a8b0;font-size:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar h2{margin:0 0 5px;font:700 19px Manrope,sans-serif;letter-spacing:-.03em}.toolbar>div>span{color:#98a0aa;font-size:12px}.toolbar-actions{display:flex;gap:9px}.refresh-button{display:inline-flex;align-items:center;gap:7px;color:#6e7885;background:transparent}.publish-button{padding-inline:17px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.asset-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:0 12px 28px #17223808}.asset-card-header{display:flex;justify-content:space-between;gap:12px;min-height:65px}.asset-title-row{display:flex;gap:10px}.slot-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:var(--blue);background:#e9edff}.asset-card.gold .slot-icon{color:#b47618;background:#fbf0d7}.asset-card.coral .slot-icon{color:#d4513c;background:#fde9e4}.asset-card h2{margin:1px 0 5px;font:700 15px Manrope,sans-serif;letter-spacing:-.02em}.asset-card-header p{margin:0;color:#9099a4;font-size:11px;line-height:1.5}.status-pill{height:fit-content;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.status-pill.draft{color:#a06b16;background:#fff0d2}.status-pill.published{color:#197a4e;background:#e1f6ea}.status-pill.empty{color:#788391;background:#edf0ed}.asset-preview{display:grid;place-items:center;height:200px;margin:15px 0 12px;overflow:hidden;border-radius:9px;background:#eef1ee}.asset-preview img{width:100%;height:100%;object-fit:contain}.empty-preview{display:grid;place-items:center;gap:8px;color:#afb7bb}.empty-preview small{font-size:11px}.asset-meta{display:flex;justify-content:space-between;gap:9px;min-height:30px;color:#7f8994;font-size:10px}.asset-meta time{flex:0 0 auto;color:#a7afb6}.asset-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:12px}.secondary-button{display:inline-flex;align-items:center;gap:7px;color:#3154b4;background:#edf0ff;font-size:12px}.file-button{cursor:pointer}.file-button input{display:none}.small{padding:9px 12px;font-size:11px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#87919b}.icon-button:hover{background:#f0e4e1;color:#c74f42}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px 14px;border-radius:9px;font-size:12px}.notice button{border:0;background:transparent;color:inherit;font-size:18px}.notice-success{color:#176b45;background:#e5f7ec}.notice-error{color:#a33f35;background:#fcedea}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:31px;color:#aab1b5;font-size:9px;letter-spacing:.1em}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.hero{align-items:flex-start;flex-direction:column}.release-panel{width:100%}.asset-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:space-between;gap:8px}.connection{display:none}.hero{padding-top:48px}.hero h1{font-size:50px}.toolbar{align-items:flex-start;flex-direction:column;gap:14px}.toolbar-actions{width:100%}.toolbar-actions>*{flex:1}.asset-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:7px}}.history-section{width:min(1160px,calc(100% - 44px));margin:22px auto 0;border:1px solid var(--line);border-radius:13px;background:var(--paper);overflow:hidden}.history-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:0;background:transparent;color:var(--ink);text-align:left}.history-toggle>span:first-child{display:grid;gap:4px}.history-toggle strong{font:700 15px Manrope,sans-serif}.history-toggle small{color:#9aa2aa;font-size:10px}.history-toggle>span:last-child{color:var(--blue);font-size:11px;font-weight:700}.history-list{border-top:1px solid var(--line)}.history-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid #eceeea}.history-row:last-child{border-bottom:0}.history-version{display:grid;place-items:center;width:44px;height:35px;border-radius:8px;background:#edf0ff;color:var(--blue);font:700 12px Manrope,sans-serif}.history-row strong,.history-row span{display:block}.history-row strong{font-size:12px}.history-row span{margin-top:4px;color:#98a0a8;font-size:10px}.history-count{color:#7b8590;font-size:11px}.history-empty{padding:28px 20px;color:#9aa2aa;text-align:center;font-size:12px}@media(max-width:600px){.history-row{grid-template-columns:50px 1fr}.history-count{grid-column:2}}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#10182bb8}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:15px;background:var(--paper);box-shadow:0 28px 80px #0005}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal>header h2{margin:0;font:700 18px Manrope,sans-serif}.modal>header button{border:0;background:transparent;color:#7e8792;font-size:24px}.modal-body{padding:20px}.modal-body>p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.6}.publish-list{display:grid;gap:8px}.publish-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px;border-radius:9px;background:#eef1ee}.publish-list strong{font-size:12px}.publish-list span{overflow:hidden;color:#7d8792;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.settings-form{display:grid;gap:14px}.settings-form label{display:grid;gap:7px;color:#596477;font-size:12px;font-weight:700}.settings-form input{padding:12px;border:1px solid var(--line);border-radius:9px;outline:none}.settings-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #315cf51a}.asset-preview{cursor:pointer}.asset-preview input{display:none}.asset-preview.dragging{outline:2px solid var(--blue);outline-offset:2px;background:#e8edff}.danger{color:#bd4d41}.activity-section{width:min(1160px,calc(100% - 44px));margin:22px auto 0;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.activity-section h2{margin:0 0 10px;font:700 15px Manrope,sans-serif}.activity-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:11px 0;border-top:1px solid #eceeea;font-size:11px}.activity-row span,.activity-row time{color:#929ba5}.history-row{grid-template-columns:58px 1fr auto auto}@media(max-width:600px){.activity-row{grid-template-columns:80px 1fr}.activity-row time{grid-column:2}.history-row{grid-template-columns:50px 1fr}.history-row>.secondary-button{grid-column:2;width:max-content}}.app-switcher{width:min(1160px,calc(100% - 44px));margin:28px auto 0;display:flex;align-items:end;justify-content:flex-end;gap:10px}.app-switcher>div{display:grid;gap:7px;margin-right:auto}.app-switcher label{color:#8a939e;font-size:10px;font-weight:700}.app-switcher select{min-width:310px;padding:12px 36px 12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-weight:700}.empty-state{width:min(1160px,calc(100% - 44px));margin:auto;padding:55px 20px;border:1px dashed #cdd2cd;border-radius:13px;color:#8c959e;text-align:center}.integration code{display:block;overflow:auto;padding:13px;border-radius:8px;background:#172238;color:#dbe3ff;font-size:11px}.integration pre{overflow:auto;padding:14px;border-radius:8px;background:#eef1ee;color:#344054;font-size:11px;line-height:1.7}@media(max-width:650px){.app-switcher{align-items:stretch;flex-wrap:wrap}.app-switcher>div{width:100%}.app-switcher select{width:100%;min-width:0}.app-switcher>button{flex:1}}