:root{font-family:Golos Text,sans-serif;color:#fafafa;background:#06060a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #0099ff;outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;flex:none;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0b0d11}.identity{display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:14px;color:#a1a1aa}.identity img{width:126px}.identity b{color:#fafafa;font-weight:600}.identity-divider{height:23px;width:1px;background:#ffffff24}.toolbar{display:flex;align-items:center;gap:10px}.button{border-radius:9px;border:1px solid transparent;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;white-space:nowrap}.button.primary{background:#06c;color:#fff}.button.primary:hover{background:#09f}.button.ghost{background:#121419;color:#fafafa;border-color:#ffffff17}.button.ghost:hover,.button.outline:hover,.button.subtle:hover{background:#1a1e26}.button.subtle,.button.outline{background:transparent;color:#d9d9df;border-color:#ffffff1f}.button.full{width:100%;margin-top:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 398px;min-height:0;flex:1}.preview-column{min-width:0;min-height:calc(100vh - 78px);display:flex;flex-direction:column;padding:31px clamp(20px,4vw,60px) 22px;background:radial-gradient(circle at 50% 50%,#14171e,#0a0c11 62%,#08090c)}.preview-top{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.eyebrow{display:block;color:#09f;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:8px}.preview-top h1,.editor-heading h2{margin:0;font-size:22px;letter-spacing:-.04em}.preview-area{flex:1;min-height:490px;display:flex;align-items:center;justify-content:center;overflow:hidden}.scaled-frame{position:relative;flex:none;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff21}.scale-inner{position:absolute;left:0;top:0;width:1080px;height:1920px;transform-origin:top left}.cover{position:relative;width:1080px;height:1920px;overflow:hidden;background:#16213d;isolation:isolate;font-family:Golos Text,sans-serif}.background-image{position:absolute;object-fit:cover;max-width:none;max-height:none;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.background-image:active,.cover-text:active,.cover-logo:active{cursor:grabbing}.empty-art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fffc;background:radial-gradient(circle at 48% 38%,#153f76,#0a1730 48%,#080912);cursor:pointer}.empty-art span{font-size:34px;font-weight:600}.empty-art small{font-size:22px;color:#a1a1aa}.tint,.legibility{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cover-text{position:absolute;z-index:3;white-space:pre-wrap;overflow-wrap:break-word;touch-action:none;cursor:move;-webkit-user-select:none;user-select:none}.cover-text.selected{outline:3px dashed rgba(0,153,255,.85);outline-offset:10px}.cover-text.pill{width:max-content!important;max-width:904px;padding:16px 28px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.18)}.cover-logo{position:absolute;z-index:4;touch-action:none;cursor:move;-webkit-user-select:none;user-select:none}.guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.safe-guide{position:absolute;left:88px;top:88px;right:120px;bottom:250px;border:2px dashed rgba(255,255,255,.42)}.grid-guide{position:absolute;top:240px;left:0;width:1080px;height:1440px;border-top:3px solid rgba(6,182,212,.75);border-bottom:3px solid rgba(6,182,212,.75)}.guide-overlay span{position:absolute;top:12px;left:12px;font:500 18px JetBrains Mono,monospace;letter-spacing:.08em;color:#fff;text-shadow:0 1px 3px black}.grid-guide span{color:#06b6d4}.center-guide{position:absolute;top:0;bottom:0;left:540px;border-left:1px dashed rgba(255,255,255,.22)}.preview-footer{display:flex;justify-content:space-between;color:#71717a;font:11px JetBrains Mono,monospace}.editor{background:#0b0d11;border-left:1px solid rgba(255,255,255,.09);height:calc(100vh - 78px);min-height:700px;display:flex;flex-direction:column}.editor-heading{height:96px;flex:none;padding:24px 24px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-heading h2{font-size:20px}.draft-badge{font-size:10px;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);padding:7px 9px;border-radius:20px;white-space:nowrap}.sections{overflow:auto;flex:1}.section{border-bottom:1px solid rgba(255,255,255,.08)}.section summary{list-style:none;display:flex;align-items:center;gap:13px;padding:19px 24px;font-size:14px;font-weight:600;cursor:pointer}.section summary::-webkit-details-marker{display:none}.section summary>svg:first-child,.color-icon{color:#09f}.section summary span:nth-child(2){flex:1}.section summary>svg:last-child{color:#71717a;transition:transform .18s}.section[open] summary>svg:last-child{transform:rotate(180deg)}.color-icon{width:17px;height:17px;border:3px solid #0099ff;border-radius:50%;display:inline-block}.section-body{padding:0 24px 24px}.field{display:block;margin:18px 0;color:#a1a1aa;font-size:12px}.field>span:first-child,.mini-label{display:block;color:#a1a1aa;font-size:11px;font-weight:600;margin:0 0 9px}.field-title{display:flex!important;justify-content:space-between;align-items:center}.field-title strong{font:500 11px JetBrains Mono,monospace;color:#fafafa}.field input[type=range]{width:100%;accent-color:#0099ff;cursor:pointer}.field textarea,.field select,.add-row select,.control-grid select{width:100%;background:#121214;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fafafa;padding:10px 11px;outline:none}.field textarea:focus,.field select:focus,.add-row select:focus{border-color:#09f}.field textarea{resize:vertical;line-height:1.4}.upload-button{width:100%;background:#121820;border:1px dashed rgba(0,153,255,.45);border-radius:10px;color:#fafafa;padding:20px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;font-size:13px;font-weight:600}.upload-button svg{color:#09f}.upload-button small{display:block;flex-basis:100%;font-size:11px;color:#71717a;font-weight:400}.upload-button:hover{background:#142437}.hint{color:#71717a;font-size:11px;line-height:1.55;margin:12px 0}.add-row{display:flex;gap:8px}.add-row select{flex:1;font-size:12px}.icon-button{border:1px solid rgba(255,255,255,.1);background:#15171b;color:#a1a1aa;border-radius:7px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{color:#fafafa;border-color:#ffffff40}.icon-button.accent{background:#06c;color:#fff;width:40px;height:39px}.icon-button.danger:hover{color:#ef4444}.layer-list{margin-top:13px;display:grid;gap:6px}.layer-item{width:100%;border:1px solid rgba(255,255,255,.08);background:#111318;border-radius:8px;display:flex;align-items:center;gap:10px;padding:8px;text-align:left;color:#fafafa}.layer-item.active{border-color:#09f;background:#0c223b}.layer-icon{width:31px;height:31px;border-radius:6px;background:#1c2430;color:#09f;display:grid;place-items:center}.layer-item>span:nth-child(2){min-width:0;flex:1}.layer-item strong,.layer-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item strong{font-size:11px}.layer-item small{font-size:10px;color:#a1a1aa;margin-top:2px}.layer-index{color:#71717a;font:10px JetBrains Mono,monospace}.selected-editor{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.selected-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.selected-head>div{display:flex;gap:5px}.highlight-tools{background:#11151c;border-radius:9px;padding:12px;margin:12px 0}.segmented,.align-buttons{display:flex;background:#121214;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:3px}.segmented button,.align-buttons button{flex:1;background:transparent;border:0;border-radius:5px;color:#a1a1aa;padding:7px;font-size:11px}.segmented button.on,.align-buttons button.on{background:#263a52;color:#fafafa}.highlight-tools .swatches{margin-top:12px}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.swatch{width:24px;height:24px;border:2px solid rgba(255,255,255,.22);border-radius:6px;display:grid;place-items:center;color:#fff;padding:0}.swatch.chosen{outline:2px solid #0099ff;outline-offset:2px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.control-grid label{font-size:11px;color:#a1a1aa}.control-grid select,.align-buttons{margin-top:8px;height:36px}.control-grid select{padding:6px}.toggle-row{display:flex;gap:15px;flex-wrap:wrap;margin:13px 0}.toggle-row label{display:flex;align-items:center;gap:6px;color:#a1a1aa;font-size:11px}.toggle-row input{accent-color:#0099ff}.order-row{display:flex;align-items:center;gap:6px}.order-row span{flex:1;color:#a1a1aa;font-size:11px}.preset-list{margin-top:12px}.preset-row{display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.08);padding:6px 0}.preset-row>button:first-child{flex:1;border:0;background:transparent;text-align:left;color:#fafafa;font-size:12px}.status{flex:none;min-height:50px;border-top:1px solid rgba(255,255,255,.08);padding:13px 24px;color:#a1a1aa;font-size:11px;line-height:1.4}@media (max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.toolbar .ghost{font-size:0;gap:0}.toolbar .ghost svg{width:17px}.preview-column{padding:24px}.editor-heading,.section summary{padding-left:18px;padding-right:18px}.section-body{padding-left:18px;padding-right:18px}}@media (max-width:700px){.topbar{height:auto;min-height:72px;padding:12px 16px;flex-wrap:wrap}.identity img{width:105px}.toolbar{width:100%;justify-content:flex-end}.toolbar .ghost{font-size:12px;gap:7px}.workspace{display:flex;flex-direction:column}.preview-column{min-height:660px;height:calc(100vh - 110px);padding:22px 18px}.preview-area{min-height:470px}.editor{height:auto;min-height:0;border-left:0;border-top:1px solid rgba(255,255,255,.09)}.sections{overflow:visible}}@media (max-width:440px){.identity{font-size:12px}.toolbar .ghost{font-size:0;gap:0}.preview-top h1{font-size:19px}.preview-top .button{padding:9px}.draft-badge{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.cover[data-exporting] .cover-text.selected{outline:none}