.cover-workspace,.export-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #213a2510}.cover-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px}.cover-top .eyebrow,.export-heading .eyebrow{font-size:9px;margin-bottom:9px}.cover-top h2,.export-heading h2{font:26px Georgia,serif;letter-spacing:-.7px}.cover-top p:last-child{font-size:11px;color:var(--muted);margin:10px 0 0}.cover-actions{display:flex;align-items:center;gap:18px;font-size:12px}.cover-actions .file-button{border:1px solid var(--line);padding:0 14px;border-radius:6px}.drop-zone{min-height:280px;border-block:1px solid var(--line);background:var(--page)}.cover-empty{padding:45px 24px;text-align:center}.cover-symbol{font:50px Georgia,serif;color:var(--green)}.cover-empty h3{font-size:26px;font-weight:400;letter-spacing:-.7px;line-height:1.15;margin:16px 0}.cover-empty p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0}.cover-empty .limits{font-size:10px}#editor{padding:14px 24px 24px}#drawHelp{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 12px}#canvas{display:block;width:auto;height:auto;max-width:100%;margin:0 auto;touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#dfe5df 0% 25%,#f5f7f2 0% 50%) 0/16px 16px;border-radius:3px}#canvas:focus-visible{outline:2px solid var(--green);outline-offset:3px}.edit-toolbar{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:16px 24px}.edit-toolbar>span{font-size:12px;color:var(--green)}.edit-toolbar>div{display:flex;gap:18px}.edit-toolbar button{font-size:11px}.precise{border-top:1px solid var(--line);padding:0 24px 14px}.precise summary{font-size:11px;min-height:42px;align-content:center;cursor:pointer;color:var(--muted)}.precise>p{font-size:11px;color:var(--muted);line-height:1.6}.precise form{display:flex;gap:12px;align-items:end;max-width:690px}.precise label{font-size:11px;color:var(--muted);flex:1;min-width:0}.precise input{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--page);color:var(--ink);font:13px Arial}.precise button{background:var(--mint);padding:0 14px;min-height:38px;white-space:nowrap}.export-panel{margin-top:24px}.export-heading{padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:center}.export-heading>div{max-width:780px}.export-heading p:last-child{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}.export-image{padding:24px;border-block:1px solid var(--line);background:var(--page)}.export-image img{display:block;max-width:100%;height:auto;margin:auto;background:repeating-conic-gradient(#dfe5df 0% 25%,#f5f7f2 0% 50%) 0/16px 16px}.export-note{font-size:11px;line-height:1.6;color:var(--muted);padding:16px 24px;margin:0}.about-checks{margin-top:18px}summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:700px){.cover-top{padding:18px;align-items:flex-start;flex-direction:column;gap:16px}.cover-top h2,.export-heading h2{font-size:23px}.cover-actions{flex-wrap:wrap;gap:14px;width:100%}.cover-actions button,.cover-actions .file-button{font-size:12px;min-height:40px}.cover-empty{padding:32px 18px}.cover-empty h3{font-size:25px}#editor{padding:12px 12px 18px}#drawHelp{font-size:11px}.edit-toolbar{padding:14px 18px;gap:12px;flex-wrap:wrap}.edit-toolbar>span{flex-basis:100%}.edit-toolbar>div{flex:1;gap:12px}.edit-toolbar button{font-size:11px}.precise{padding:0 18px 14px}.precise form{flex-wrap:wrap}.precise label{flex-basis:calc(50% - 12px)}.precise input{font-size:16px}.export-heading{padding:20px 18px;flex-wrap:wrap;gap:18px}.export-image{padding:12px}.export-note{padding:14px 18px}.export-heading .primary{min-height:42px}}