.ee-cover-maker{--cover-ink:#161722;--cover-muted:#737485;--cover-line:#dddde6;--cover-accent:#c5fc5a;font-family:system-ui,sans-serif;color:var(--cover-ink);background:#f7f7fa;padding:clamp(18px,3vw,40px);border-radius:18px;max-width:1500px;margin:auto;box-sizing:border-box}.ee-cover-maker *{box-sizing:border-box}.ee-cover-maker header{margin-bottom:28px}.ee-cover-kicker{font-size:11px;letter-spacing:2px;font-weight:750}.ee-cover-maker h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:10px 0;color:var(--cover-ink)}.ee-cover-maker header p{color:var(--cover-muted);margin:0}.ee-cover-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;gap:22px;align-items:start}.ee-cover-maker h3{font-size:14px;margin:0 0 12px;color:var(--cover-ink)}.ee-cover-maker h3:not(:first-child){margin-top:24px}.ee-cover-maker h3 small{font-size:11px;font-weight:400}.ee-cover-maker button{font:inherit;font-size:12px;line-height:1.4;border:1px solid var(--cover-line);background:white;color:var(--cover-ink);padding:9px 11px;border-radius:7px;cursor:pointer;white-space:normal}.ee-cover-maker button:hover{border-color:#90919e;background:#eeeef4}.ee-cover-maker button:disabled{opacity:.45;cursor:wait}.ee-cover-maker button:focus-visible,.ee-cover-maker input:focus-visible,.ee-cover-maker select:focus-visible,.ee-cover-maker canvas:focus-visible{outline:3px solid #708c38;outline-offset:3px}.ee-cover-presets,.ee-cover-shapes,.ee-cover-layer-actions{display:flex;gap:7px;flex-wrap:wrap}.ee-cover-assets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;max-height:340px;overflow:auto}.ee-cover-assets p{grid-column:1/-1;font-size:12px;color:var(--cover-muted);line-height:1.5}.ee-cover-assets button{font-size:11px;padding:6px;overflow-wrap:anywhere}.ee-cover-assets img{display:block;width:100%;height:70px;object-fit:contain;background:#eeeeF3;margin-bottom:5px}.ee-cover-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ee-cover-maker canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:#171329;border-radius:3px;touch-action:none;box-shadow:0 14px 36px #15142825;cursor:grab}.ee-cover-maker label{display:block;font-size:12px;margin:10px 0}.ee-cover-maker select,.ee-cover-maker textarea{display:block;width:100%;border:1px solid var(--cover-line);background:white;color:var(--cover-ink);border-radius:6px;padding:8px;font:inherit;font-size:12px;margin:5px 0}.ee-cover-maker input[type="range"]{display:block;width:100%;margin:7px 0;accent-color:#708c38}.ee-cover-maker input[type="color"]{display:block;width:100%;height:34px;border:1px solid var(--cover-line);padding:2px;background:white;margin-top:5px}.ee-cover-empty,.ee-cover-note,.ee-cover-status{font-size:12px;line-height:1.5;color:var(--cover-muted)}.ee-cover-status{min-height:36px;margin:14px 0}.ee-cover-export{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.ee-cover-export label{margin:0;flex:1;min-width:140px}.ee-cover-export [data-cmd="png"]{background:var(--cover-ink);color:var(--cover-accent);border-color:var(--cover-ink);font-weight:700}.ee-cover-export button{min-height:36px}.ee-cover-layers{display:flex;flex-direction:column;gap:5px;max-height:260px;overflow:auto}.ee-cover-layers button{text-align:left;overflow-wrap:anywhere}.ee-cover-layers .ee-selected{background:var(--cover-accent);border-color:#9bc54c}.ee-cover-maker [hidden]{display:none!important}@media(max-width:1050px){.ee-cover-layout{grid-template-columns:170px minmax(0,1fr)}.ee-cover-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:10px 24px}.ee-cover-inspector h3,.ee-cover-inspector .ee-cover-note{grid-column:1/-1}.ee-cover-properties{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.ee-cover-layer-actions{grid-column:1/-1}.ee-cover-layers{grid-column:1/-1}}@media(max-width:650px){.ee-cover-layout{display:flex;flex-direction:column}.ee-cover-workspace{order:0;width:100%}.ee-cover-library{order:1;width:100%}.ee-cover-inspector{order:2;width:100%;display:block}.ee-cover-properties{display:block}.ee-cover-assets{grid-template-columns:repeat(4,minmax(0,1fr));max-height:240px}.ee-cover-assets p{grid-column:1/-1}.ee-cover-maker button{min-height:40px}.ee-cover-status{font-size:13px}.ee-cover-maker{padding:18px 12px}}
