@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#eaf1f8;--muted:#91a5ba;--line:#263b52;--surface:#102338;--surface2:#152d47;--navy:#081728;--blue:#3b82f6;--yellow:#ffc437}*{box-sizing:border-box}body{margin:0;background:#081728;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.05em;line-height:1.14}h1 em{font-style:normal;color:var(--yellow)}h2{font-size:17px;letter-spacing:-.025em}h3{font-size:14px}p{line-height:1.6;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b1d31;border-right:1px solid var(--line);padding:29px 16px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;padding:0 12px;margin-bottom:48px;font-family:Manrope;font-weight:800;letter-spacing:.07em;line-height:1.05}.logo small{font-size:9px;color:var(--muted);letter-spacing:.15em}.mark{width:39px;height:39px;border-radius:10px;background:var(--yellow);color:#07182b;display:inline-flex;align-items:center;justify-content:center;font:bold 19px Manrope;letter-spacing:-.09em;flex-shrink:0}.nav-label,.eyebrow{color:var(--yellow);font-size:10px;letter-spacing:.2em;font-weight:800;margin:25px 12px 12px}.eyebrow{margin:0 0 12px}.sidebar nav a{display:block;border-radius:9px;padding:11px 13px;color:#a9b9cb;margin:3px 0;font-weight:600;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#203750}.sidebar nav a.active{box-shadow:inset 3px 0 var(--yellow)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 12px 0;font-size:12px;font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;background:#a9a9a9;border-radius:50%;margin-right:8px}.status-dot.green{background:#31c98b}.text-button{border:0;background:transparent;color:#95b9dc;padding:8px 0;font-size:12px;font-weight:700}.text-button:hover{color:#fff}.text-button.danger{color:#ec8d8d}.main{min-width:0}.topbar{height:63px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 36px;font-size:10px;letter-spacing:.17em;color:#94aac0;font-weight:700}.topbar b{color:var(--yellow);padding:0 7px}.content{padding:36px;max-width:1520px;margin:auto}.heading,.editor-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:16px 0 30px}.heading p:last-child{margin:12px 0 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 16px;border-radius:8px;border:1px solid transparent;white-space:nowrap;font-weight:800;font-size:12px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.primary{background:var(--yellow);color:#112239}.secondary{border-color:#3c5a75;background:#19344f;color:#f1f6fa}.accent{background:#325fa9;color:#fff;width:100%}.ghost{background:#142d46;border-color:#36506a;color:#bcd5ea}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px}.stat,.panel,.edit-panel,.field-panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:24px}.stat small,.stat span{display:block;color:var(--muted);font-size:11px}.stat small{letter-spacing:.14em}.stat strong{display:block;font:800 38px Manrope;margin:9px 0 0}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head a{color:var(--yellow);font-size:12px}.row{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid var(--line);min-width:0}.row:hover{color:#fff}.row span:nth-child(2){flex:1;min-width:0}.row b,.row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row small{font-size:11px;color:var(--muted);margin-top:4px}.row time{color:var(--muted);font-size:11px}.row-icon{width:34px;height:34px;border-radius:8px;background:#214c79;color:#cde5fb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.empty{padding:35px 15px;color:var(--muted);text-align:center}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}label{display:block;font-weight:700;color:#cbd9e7;margin:15px 0 0;font-size:12px}label small{display:block;color:#819aaf;font-weight:400;line-height:1.5;margin:5px 0}input,textarea,select{display:block;width:100%;background:#0a1b2d;border:1px solid #314964;color:var(--ink);border-radius:7px;padding:11px 12px;margin-top:7px;outline:0;min-width:0}input:focus,textarea:focus,select:focus{border-color:#d3ad4d;box-shadow:0 0 0 2px #ffc43722}textarea{resize:vertical;line-height:1.5}input[type=color]{height:43px;padding:4px}input[type=file]{font-size:11px}.panel .btn,.auth-card .btn{margin-top:20px}.two,.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.filter{max-width:240px;margin:0 0 20px}.swatch{display:block;width:32px;height:32px;border-radius:9px;flex-shrink:0}.avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.avatar-card{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.avatar-card b,.avatar-card small{display:block;padding:4px}.avatar-card small{color:var(--muted)}.avatar-image{height:190px;background:linear-gradient(145deg,#183b65,#0b2139);border-radius:8px;display:flex;align-items:end;justify-content:center;overflow:hidden}.avatar-image img{max-width:100%;max-height:100%;object-fit:contain}.alert,.success{padding:13px 17px;border-radius:8px;margin:14px 0 22px;background:#51332d;color:#ffe4cf;border:1px solid #956451}.success{background:#174238;color:#bcebd4;border-color:#2b7b61}.pill{border-radius:10px;background:#214058;padding:3px 8px;color:#b9d0e2;font-size:10px;margin-left:5px}.connection{margin:20px 0 0}.inline{display:inline;margin-left:16px}code{background:#06192a;padding:2px 5px;color:#ffda77;border-radius:4px}.auth{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 80% 10%,#163b65,transparent 43%),#081728}.auth-card{width:min(100%,530px);background:#10253b;border:1px solid #2c4865;border-radius:17px;padding:38px;box-shadow:0 30px 80px #0005}.auth-card .mark{margin-bottom:25px}.auth-card h1{font-size:32px}.auth-card .eyebrow{margin:0 0 11px}.auth-card .btn{width:100%}.editor-head h1{font-size:28px;margin-bottom:0}.actions{display:flex;align-items:center;gap:11px}.actions span{color:#9fb3c4;font-size:11px}.editor-grid{display:grid;grid-template-columns:minmax(240px,300px) minmax(300px,1fr) minmax(240px,300px);gap:18px;align-items:start}.edit-panel,.field-panel{padding:21px}.edit-panel h2,.field-panel h2{color:#e9f0f7;font-size:14px;margin-bottom:18px}.edit-panel label,.field-panel label{margin-top:13px}.edit-panel label small,.field-panel label small{float:right;color:var(--muted)}.field-panel label small.over{color:#ff7d67}.edit-panel .btn.ghost{margin-top:12px;width:100%}.slide-row{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr);text-align:left;align-items:center;column-gap:9px;padding:10px;border:1px solid var(--line);background:#0b2036;color:var(--ink);border-radius:8px;margin-bottom:7px}.slide-row.selected{border-color:var(--yellow);background:#20364d}.slide-row span{grid-row:span 2;color:var(--yellow);font-weight:800}.slide-row b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.slide-row small{color:var(--muted);font-size:10px}.preview-panel{min-width:0;background:#0d2035;border:1px solid var(--line);border-radius:12px;padding:16px}.preview-toolbar,.preview-nav{display:flex;justify-content:space-between;align-items:center;color:#91aac0;letter-spacing:.1em;font-size:10px;font-weight:800;padding:5px 3px 15px}.preview-nav{justify-content:center;gap:28px;padding:12px 0}.preview-nav button{background:#1d3853;border:0;border-radius:6px;color:#fff;padding:6px 12px}.preview{width:min(100%,495px);margin:auto;aspect-ratio:4/5;overflow:hidden;box-shadow:0 24px 60px #0007}.preview-inner{width:100%;height:100%}.artboard{position:relative;width:100%;height:100%;overflow:hidden;background:var(--dark);font-family:Manrope,Arial,sans-serif;color:white;padding:5%}.artboard .art-handle{position:absolute;z-index:4;top:1.3%;left:0;width:100%;text-align:center;font-size:clamp(9px,1.7vw,15px)}.art-card{height:100%;background:var(--primary);border-radius:5%;position:relative;overflow:hidden;padding:9% 8%;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:8px 8px}.art-eyebrow{font-size:clamp(11px,2vw,22px);line-height:1.35;white-space:pre-wrap}.cover .art-eyebrow{text-align:center}.art-title{font-size:clamp(26px,5vw,58px);font-weight:800;letter-spacing:-.065em;line-height:.98;white-space:pre-wrap;overflow-wrap:anywhere}.cover .art-title{text-align:center;text-transform:uppercase;font-stretch:condensed;font-size:clamp(35px,7.2vw,88px);margin:2% -3% 0;letter-spacing:-.09em;line-height:.88}.art-body{font-size:clamp(12px,2.1vw,23px);line-height:1.3;white-space:pre-wrap;max-height:45%;overflow:hidden;margin-top:4%}.cover .art-body{text-align:right}.art-tag{display:inline-block;background:var(--accent);color:#111d2c;padding:1% 3%;border-radius:6px;font-size:clamp(11px,2vw,22px);transform:rotate(-2deg);margin-top:3%;font-weight:700;max-width:100%}.cover .art-tag{float:right}.art-avatar{position:absolute;left:1%;bottom:-7%;height:71%;max-width:74%;object-fit:contain;object-position:bottom;z-index:2;pointer-events:none}.art-arrow{position:absolute;right:5%;bottom:3%;z-index:3;font-size:35px}.art-page-content{position:relative;z-index:2;margin-top:20%;max-width:95%}.art-page-content .art-title{color:var(--accent);margin-top:5%}.art-page-content .art-body{margin-top:9%;font-size:clamp(13px,2.3vw,23px);max-width:90%}.content .art-avatar,.cta .art-avatar,.quote .art-avatar{right:0;left:auto;max-width:45%;height:48%;bottom:3%;opacity:.93}.art-number{position:absolute;bottom:5%;left:8%;font-size:12px;color:#aec3d9}.quote .art-page-content{margin-top:40%}.quote .art-title{font-size:clamp(30px,5.8vw,67px);color:#fff}.cta .art-page-content{margin-top:27%}.mini-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.mini-actions .btn{white-space:normal;font-size:10px;padding:8px}.field-panel .text-button{display:block}.field-panel input:disabled,.field-panel textarea:disabled{opacity:.4}#editor-alert[hidden]{display:none}@media(max-width:1180px){.editor-grid{grid-template-columns:minmax(220px,1fr) minmax(310px,1.3fr)}.field-panel{grid-column:1/-1}.field-panel .mini-actions{flex-wrap:nowrap}}@media(max-width:760px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:13px}.logo{margin:0 0 10px}.sidebar nav{display:flex;flex-wrap:wrap;gap:3px}.sidebar nav a{font-size:11px;padding:7px}.sidebar .nav-label,.sidebar-bottom{display:none}.topbar{height:43px;padding:0 16px}.content{padding:20px}.heading,.editor-head{align-items:flex-start;flex-direction:column}.stats,.split,.editor-grid{grid-template-columns:1fr}.field-panel{grid-column:auto}.avatar-grid{grid-template-columns:repeat(2,1fr)}.actions{flex-wrap:wrap}.preview{max-width:410px}.art-title{font-size:clamp(27px,8vw,55px)}.cover .art-title{font-size:clamp(34px,11vw,72px)}.art-eyebrow,.art-tag{font-size:clamp(10px,3.3vw,18px)}.art-body,.art-page-content .art-body{font-size:clamp(12px,3.5vw,20px)}}