.eink-designer{--ed-page-bg: transparent;--ed-surface: #ffffff;--ed-surface-text: #161616;--ed-muted: #6b7280;--ed-border: #e5e7eb;--ed-accent: #2563eb;--ed-accent-text: #ffffff;--ed-desk: #09090b;--ed-bezel: #27272a;--ed-bezel-text: #a1a1aa;--ed-chip: #f4f4f5;--ed-radius: 12px;background:var(--ed-page-bg);color:var(--ed-surface-text);font-family:inherit}.eink-designer *{box-sizing:border-box}.ed-shell{background:var(--ed-surface);color:var(--ed-surface-text);border:1px solid var(--ed-border);border-radius:var(--ed-radius);padding:1rem 1.1rem 1.15rem}.ed-head h2{margin:0;font-size:1.05rem;font-weight:650}.ed-head p{margin:.35rem 0 0;color:var(--ed-muted);font-size:.82rem;line-height:1.45}.ed-toolbar,.ed-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.85rem}.ed-sep{width:1px;height:1.4rem;background:var(--ed-border)}.ed-push{margin-left:auto;display:flex;flex-wrap:wrap;gap:.45rem}.ed-btn,.ed-select,.ed-input,.ed-toggle{min-height:2.1rem;border:1px solid var(--ed-border);background:var(--ed-surface);color:inherit;font:inherit;font-size:.82rem;border-radius:8px;padding:.25rem .65rem}.ed-btn{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.ed-btn:disabled{opacity:.45;cursor:not-allowed}.ed-btn:hover:not(:disabled),.ed-toggle.is-on{border-color:var(--ed-accent)}.ed-btn--accent{background:var(--ed-accent);border-color:var(--ed-accent);color:var(--ed-accent-text)}.ed-toggle{cursor:pointer}.ed-input{width:11rem}.ed-select{min-width:7rem}.ed-grid{display:grid;gap:1rem;margin-top:1rem}@media(min-width:1100px){.eink-designer[data-eink-appearance=admin] .ed-grid{grid-template-columns:15rem minmax(0,1fr) 16.5rem}}.eink-designer[data-eink-appearance=retail] .ed-grid{grid-template-columns:1fr}@media(min-width:1100px){.eink-designer[data-eink-appearance=retail] .ed-grid{grid-template-columns:15rem minmax(0,1fr) 16.5rem}}.eink-designer[data-eink-appearance=retail] .ed-desk{min-height:28rem}.ed-aside h3{margin:0 0 .4rem;font-size:.84rem}.ed-aside p,.ed-hint{margin:0 0 .55rem;color:var(--ed-muted);font-size:.75rem;line-height:1.4}.ed-chips{display:flex;flex-wrap:wrap;gap:.35rem}.ed-chip,.ed-layer{border:1px solid var(--ed-border);background:var(--ed-chip);color:inherit;font:inherit;font-size:.72rem;border-radius:999px;padding:.28rem .65rem;cursor:pointer}.ed-chip.is-used{border-color:color-mix(in srgb,var(--ed-accent) 45%,var(--ed-border));background:color-mix(in srgb,var(--ed-accent) 12%,var(--ed-chip))}.ed-layers{max-height:12rem;overflow:auto;border:1px solid var(--ed-border);border-radius:10px;padding:.25rem}.ed-layer{display:flex;width:100%;justify-content:space-between;border-radius:8px;margin-bottom:.2rem}.ed-layer.is-on{background:color-mix(in srgb,var(--ed-accent) 12%,var(--ed-chip))}.ed-desk{position:relative;display:flex;min-height:22rem;align-items:center;justify-content:center;overflow:auto;padding:1.4rem;border-radius:18px;background:var(--ed-desk)}.ed-bezel{position:relative;padding:.7rem .75rem .85rem;border-radius:22px;background:var(--ed-bezel);color:var(--ed-bezel-text);box-shadow:0 24px 60px #00000059}.ed-bezel__meta{display:flex;justify-content:space-between;margin-bottom:.45rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.ed-stage{position:relative;overflow:hidden;background:#f7f4ee}.ed-stage canvas{display:block}.ed-swatches{display:flex;flex-wrap:wrap;gap:.4rem}.ed-swatch{width:1.85rem;height:1.85rem;border-radius:8px;border:1px solid var(--ed-border);cursor:pointer;padding:0}.ed-swatch.is-on{outline:2px solid var(--ed-accent);outline-offset:2px}.ed-field{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;margin-bottom:.45rem}.ed-field span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ed-muted)}.ed-field input,.ed-field .ed-input{width:11rem;max-width:100%}.ed-field input[type=number]{width:5.25rem}.eink-designer[data-eink-appearance=retail] .ed-shell{border:0;background:linear-gradient(180deg,#ffffff8c,#f7f4eef5),var(--ed-surface);box-shadow:0 28px 80px #0b0b0b29}.eink-designer[data-eink-appearance=retail] .ed-head h2{letter-spacing:-.03em;font-size:1.35rem}.eink-designer[data-eink-appearance=admin] .ed-shell{box-shadow:none}
