*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070b14;color:#edf7ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{font-size:14px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #26344a;background:#0b111c;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand strong{display:block}.brand small{display:block;color:#7e8ea7;font-size:10px;margin-top:1px}.brand-mark{width:32px;height:32px;border:1px solid #3d7e98;border-radius:9px;display:grid;place-items:center;color:#9eeaff;font-weight:900}.top-actions{display:flex;gap:7px;flex-wrap:wrap}.top-actions button{border:1px solid #33445d;border-radius:9px;padding:9px 11px;background:#0e1624;color:#eaf7ff;font-weight:700}.top-actions .primary{border-color:#54cce9;background:#103040}.shell{display:grid;grid-template-columns:370px minmax(0,1fr);min-height:calc(100vh - 64px)}.sidebar{border-right:1px solid #26344a;background:#0a101a}.tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #26344a}.tab{border:0;background:#0b111b;color:#8495ad;padding:12px 3px;font-size:10px}.tab.active{color:#f1fbff;background:#111a28;box-shadow:inset 0 -2px 0 #62d9ff}.tab-panel{display:none;padding:19px}.tab-panel.active{display:block}.tab-panel h1{font-size:20px;margin:0 0 17px}.tab-panel label{display:block;color:#aab8cc;margin:13px 0}.tab-panel input:not([type=color]):not([type=file]),.tab-panel textarea,.tab-panel select{display:block;width:100%;margin-top:6px;padding:10px;border-radius:8px;border:1px solid #30405a;background:#0d1522;color:#eff9ff;outline:0}.tab-panel textarea{min-height:70px;resize:vertical}.tab-panel input:focus,.tab-panel textarea:focus,.tab-panel select:focus{border-color:#60d9ff}.tab-panel input[type=color]{display:block;width:100%;height:40px;margin-top:6px;border:1px solid #30405a;border-radius:8px;background:#0d1522;padding:3px}.tab-panel input[type=file]{display:block;width:100%;margin-top:6px;padding:8px;border:1px dashed #354a66;border-radius:8px;background:#0d1522;color:#9aabc2}.toggle{display:flex!important;align-items:center;gap:9px;color:#eaf7ff!important}.toggle input{width:auto}.hint{color:#788aa4;font-size:12px;line-height:1.6}.info-box{margin-top:18px;padding:12px;border:1px solid #27384f;border-radius:10px;background:#0d1522;color:#8294ad;font-size:11px;line-height:1.55}.title-row{display:flex;align-items:center;justify-content:space-between}.title-row span{font-size:10px;color:#71829b}.section-row{display:grid;grid-template-columns:25px 25px 1fr 28px 28px;gap:4px;align-items:center;padding:8px;margin:7px 0;background:#0d1522;border:1px solid #293951;border-radius:9px}.section-row input{margin:0!important;width:auto!important}.section-row .drag{color:#657892}.section-row button{border:0;background:transparent;color:#8ea0b8;padding:5px}.section-row .remove{color:#ff9da8}.wide{width:100%;padding:10px;border:1px dashed #3a4e6a;border-radius:9px;background:#0d1522;color:#ccefff}.media-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.media-item{position:relative;overflow:hidden;border:1px solid #293951;border-radius:10px;background:#0d1522}.media-item img,.media-item video{width:100%;height:90px;display:block;object-fit:cover}.media-audio{height:90px;display:grid;place-items:center;font-size:32px;color:#7cd9ff}.media-meta{padding:7px 8px}.media-meta strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta small{color:#71839c;font-size:9px;text-transform:uppercase}.media-item>button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;width:24px;height:24px;background:#080d18dd;color:white}.workspace{padding:12px;min-width:0}.previewbar{height:30px;display:flex;align-items:center;justify-content:space-between;color:#788aa3;font-size:10px;letter-spacing:.13em}.previewbar #status{letter-spacing:0}.workspace iframe{width:100%;height:calc(100vh - 106px);border:1px solid #26344a;border-radius:15px;background:#070b14}@media(max-width:950px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #26344a}.workspace iframe{height:72vh}.tabs{position:sticky;top:64px;z-index:15}}@media(max-width:560px){.topbar{height:auto;min-height:64px;align-items:flex-start;padding:10px;flex-direction:column}.tabs{top:84px}.top-actions{width:100%}.top-actions button{flex:1}.previewbar{height:34px}}
.language-switch{display:flex;gap:3px;border:1px solid #2e3e57;border-radius:9px;padding:3px;background:#0d1522;align-items:center}
.language-switch .lang{border:0;background:transparent;color:#8192aa;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}
.language-switch .lang.active{background:#173448;color:#eafaff}
.top-actions{align-items:center}