:root{color:#e5e8eb;font-synthesis:none;background:#101316;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer}.workspace{min-height:100vh;display:flex}.sidebar{background:#0c0f12;border-right:1px solid #24292e;flex-direction:column;flex-shrink:0;width:228px;padding:34px 24px;display:flex}.brand{color:#a5adb3;letter-spacing:.03em;align-items:center;gap:12px;font-size:12px;display:flex}.brand strong{color:#f5f6f7;letter-spacing:-.7px;font-size:22px;display:block}.brand-mark{color:#10252b;text-align:center;background:#40d9dc;border-radius:12px;width:40px;height:44px;font-size:36px;font-weight:800;line-height:37px;position:relative}.brand-mark span{font-size:26px;position:absolute;top:-10px;right:5px}.workspace-label{color:#647079;letter-spacing:1.8px;margin:62px 0 17px;font-size:10px}.nav-item{border-radius:7px;align-items:center;gap:10px;padding:12px 10px;font-size:12px;display:flex}.active{color:#b3f3f3;background:#142628;border:1px solid #254345}.nav-item span{font-size:20px}.sidebar-note{color:#b4bec5;margin-top:auto;padding-top:40px;font-size:11px}.sidebar-note p{color:#67737c;margin-left:14px;line-height:1.8}.status-dot{background:#40d9dc;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}main{width:100%;max-width:1600px;padding:0 44px 40px}header{border-bottom:1px solid #24292e;justify-content:space-between;align-items:center;height:82px;display:flex}.breadcrumbs{color:#8b959e;font-size:12px}.breadcrumbs span{color:#4d555d;margin:0 12px}.local-badge{letter-spacing:1px;color:#8d9aa5;border:1px solid #30383e;border-radius:4px;padding:6px 9px;font-size:10px}.page-heading{padding:34px 0 25px}.eyebrow{letter-spacing:2.3px;color:#55cfd2;margin-bottom:11px;font-size:10px}h1{letter-spacing:-1px;margin:0 0 9px;font-size:29px;font-weight:550}.page-heading p{color:#8e989f;margin:0;font-size:13px}.toolbar{align-items:end;gap:16px;padding:18px 0 28px;display:flex}.toolbar label:first-child{width:270px}.toolbar label:nth-child(2){width:205px}label{color:#a6b0b8;flex-direction:column;gap:8px;font-size:11px;display:flex}input,select,textarea{color:#e3e8ec;background:#101519;border:1px solid #303941;border-radius:6px;width:100%;padding:11px 12px;font-size:12px}select{height:40px}button{color:#c7d2da;background:#1b2329;border:1px solid #354047;border-radius:6px;padding:11px 14px;font-size:12px}button:hover{background:#27343d}.toolbar button{margin-left:auto}.editor-layout{grid-template-columns:minmax(290px,1fr) minmax(350px,1.04fr);gap:32px;display:grid}.section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:13px;font-weight:500}.subtle-tag{color:#8d9aa4;background:#1c2329;border-radius:4px;padding:5px 8px;font-size:10px}.editor{padding-top:2px}.notice{color:#97a6af;background:#142125;border-left:2px solid #397f83;border-radius:0 5px 5px 0;margin:0 0 23px;padding:12px 14px;font-size:11px;line-height:1.7}.editor>label{margin-top:20px}.summary-input{resize:vertical;height:80px;line-height:1.6}.code-input{resize:vertical;color:#b9ced4;height:240px;font-family:Consolas,monospace;font-size:11px;line-height:1.8}.field-hint{color:#6e7c86;font-size:10px;line-height:1.6}.error{color:#ffb09e;font-size:11px}.palette-row{border-top:1px solid #282f35;align-items:center;gap:20px;margin-top:26px;padding-top:22px;display:flex}.palette-row label{flex-direction:row;align-items:center}.palette-row input{cursor:pointer;width:32px;height:26px;padding:3px}.palette-row>span{color:#6e7b85;font-size:10px}.preview-stage{background:radial-gradient(at 0 100%,#2a4649 0%,#0000 55%),radial-gradient(at 90% 0,#4d4036 0%,#0000 60%),#202a30;border:1px solid #35414a;border-radius:12px;min-height:580px;padding:26px;position:relative;overflow:hidden}.stage-grid{opacity:.16;pointer-events:none;background-image:linear-gradient(#81949d22 1px,#0000 1px),linear-gradient(90deg,#81949d22 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.cards{flex-direction:column;gap:15px;max-width:400px;margin:auto;display:flex;position:relative}.spotlight-card{color:#e5e9eb;background:#080b0eef;border:1px solid #4f5a604f;border-radius:9px;padding:18px 19px 0;overflow:hidden;box-shadow:0 8px 28px #0003}.card-meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:9px;display:flex}.category{color:var(--primary);letter-spacing:.2px;font-weight:650}.category-dot{background:var(--primary);border-radius:2px;width:5px;height:5px;margin-right:6px;display:inline-block}.card-meta time{color:#75828d;white-space:nowrap;font-size:9px}.spotlight-card h2{letter-spacing:-.3px;margin:0 0 12px;font-size:17px;font-weight:650;line-height:1.4}.news .card-scroll{scrollbar-width:thin;scrollbar-color:#46535e #12171b;max-height:322px;padding-right:5px;overflow:auto}.hero-image{background:linear-gradient(115deg,#695237,#1c333b);border-radius:5px;height:106px;position:relative;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%}.hero-image span{letter-spacing:1.4px;color:#ddedeadd;font-size:8px;position:absolute;bottom:12px;left:12px}.summary{color:#adbac2;margin:14px 0;font-size:11px;line-height:1.75}.rich-content{color:#9caeb9;white-space:pre-wrap;font-size:10px;line-height:1.8}.rich-content h3{color:var(--primary);margin:12px 0 7px;font-size:10px;font-weight:600}.rich-content .level-1{font-size:13px}.rich-content ul,.rich-content ol{margin:6px 0 13px;padding-left:17px}.rich-content li{margin:5px 0}.rich-content li::marker{color:var(--primary)}.rich-content span[style*="650"]{color:#dae4e9}.rich-content a{color:var(--primary);text-decoration:underline}.spotlight-card footer{border-top:1px solid #35404880;margin-top:15px;padding:13px 0}.spotlight-card footer a{color:var(--primary);align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.arrow{margin-left:auto}.promo{padding-top:17px}.promo-content{align-items:center;gap:14px;min-height:95px;padding:6px 0 10px;display:flex}.promo-content img{object-fit:cover;border-radius:5px;width:90px;height:88px}.promo-content h2{margin:0 0 9px;font-size:14px}.promo-content p{color:#98a9b4;margin:0;font-size:10px;line-height:1.8}.promo footer{margin-top:6px}.preview-caption{color:#85939e;align-items:center;gap:4px;margin:14px 0;font-size:10px;display:flex}.preview-caption .status-dot{width:5px;height:5px}.empty-preview{text-align:center;color:#b3c6d0;flex-direction:column;justify-content:center;align-items:center;min-height:460px;display:flex}.empty-preview>span{color:#74adb3;font-size:50px}.empty-preview h3{font-size:15px}.empty-preview p{color:#8da6b3;max-width:230px;font-size:12px;line-height:1.8}.empty-editor{color:#798e9b;place-items:center;min-height:360px;font-size:12px;display:grid}@media (width>=1450px){main{padding-left:60px;padding-right:60px}.editor-layout{gap:48px}.preview-stage{padding:30px 40px}.cards{max-width:430px}.news .card-scroll{max-height:345px}}@media (width<=1100px){.sidebar{width:180px;padding:26px 16px}main{padding:0 24px 30px}.editor-layout{grid-template-columns:minmax(250px,1fr) minmax(310px,1fr);gap:22px}.preview-stage{padding:16px}.toolbar{flex-wrap:wrap}.toolbar button{margin-left:0}}@media (width<=800px){.sidebar{display:none}.editor-layout{grid-template-columns:1fr}.preview-area{grid-row:1}.preview-stage{min-height:0;padding:24px}.toolbar label:first-child{width:100%}.page-heading h1{font-size:25px}header{height:64px}.cards{max-width:410px}}
