.echo-studio{--echo-line:#302a40;--echo-panel:#14121e;--echo-muted:#aba2b9;--echo-accent:#cfb5ff;color:#f1edf8;min-height:80vh;font:14px/1.5 var(--font-sans,system-ui, sans-serif);background:#0b0a12}.echo-studio button{border:1px solid var(--echo-line);color:inherit;cursor:pointer;font:inherit;background:#211c2d;border-radius:9px;padding:8px 11px;transition:background .12s,border-color .12s}.echo-studio button:hover:not(:disabled){background:#2e253c;border-color:#897599}.echo-studio button:disabled{opacity:.4;cursor:not-allowed}.echo-studio button[aria-pressed=true]{border-color:var(--echo-accent);background:#392d4d}.echo-studio button:focus-visible,.echo-studio canvas:focus-visible{outline:2px solid var(--echo-accent);outline-offset:3px}.echo-heading{border-bottom:1px solid var(--echo-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1390px;margin:auto;padding:24px 28px 16px;display:flex}.echo-heading h1{margin:4px 0;font:32px/1.2 Georgia,serif}.echo-heading-links{flex-wrap:wrap;gap:12px 20px;display:flex}.echo-background-toolbar{background:#150f26c7;border:1px solid #bc9aff47;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;padding:1rem 1.1rem;display:flex}.echo-background-toolbar>div{gap:.2rem;display:grid}.echo-background-toolbar strong{color:#f5efff}.echo-background-toolbar small{color:#aaa0ba}.echo-background-toolbar select{min-width:220px}@media (max-width:700px){.echo-background-toolbar{flex-direction:column;align-items:stretch}.echo-background-toolbar select{width:100%}}.echo-heading-links a{color:var(--echo-accent);font-size:14px}.echo-eyebrow{letter-spacing:.17em;color:var(--echo-accent);font-size:10px}.echo-workspace{grid-template-columns:230px minmax(300px,1fr) 270px;gap:24px;max-width:1660px;margin:auto;padding:24px 28px;display:grid}.echo-draft-status{border:1px solid var(--echo-line);color:#bce7df;background:var(--echo-panel);border-radius:12px;max-width:1604px;margin:8px auto;padding:12px 18px;font-size:12px}.echo-view-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px 0;display:flex}.echo-view-tools output{font-variant-numeric:tabular-nums;min-width:42px;font-size:12px}.echo-viewport{border:1px solid var(--echo-line);overscroll-behavior:contain;background:radial-gradient(#b9a3e01a 1px,#0000 1px) 0 0/16px 16px,#0e0b17;border-radius:14px;height:clamp(430px,100dvh - 300px,800px);padding:24px;overflow:auto}.echo-stage .echo-viewport canvas{filter:none;cursor:default;min-width:0;max-width:none;margin:auto}.echo-stage .echo-hand canvas{cursor:grab}.echo-stage .echo-hand canvas:active{cursor:grabbing}.echo-collection-preview{width:96px;height:144px;margin:16px auto 0;display:block}.echo-numeric{gap:10px;margin:16px 0;display:flex}.echo-numeric label{width:50%;font-size:12px}.echo-numeric input{color:#eadbff;border:1px solid var(--echo-line);background:#0e0b17;border-radius:7px;width:100%;margin-top:6px;padding:8px;display:block}.echo-panel{background:var(--echo-panel);border:1px solid var(--echo-line);border-radius:14px;min-width:0;height:fit-content;padding:18px}.echo-panel h2{margin:2px 0 6px;font-size:15px;font-weight:600}.echo-panel p,.echo-footnote{color:var(--echo-muted);font-size:12px;line-height:1.65}.echo-panel hr{border:0;border-top:1px solid var(--echo-line);margin:18px 0}.echo-panel .echo-status{color:#bce7df;min-height:42px}.echo-piece{text-align:left;align-items:center;gap:10px;width:100%;margin-top:10px;display:flex}.echo-piece img{object-fit:contain;background:#0e0b17;border-radius:8px}.echo-piece span{font-size:12px}.echo-piece small{color:var(--echo-muted);font-size:10px;display:block}.echo-stage{text-align:center;min-width:0}.echo-stagebar{text-align:left;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.echo-stagebar strong{font-size:14px}.echo-stagebar small{color:var(--echo-muted);font-size:10px;display:block}.echo-stage canvas{aspect-ratio:2/3;touch-action:none;cursor:grab;filter:drop-shadow(0 10px 20px #0007);width:min(100%,440px,66.67dvh - 223.345px);min-width:245px;height:auto;margin:auto;display:block}.echo-stage canvas[hidden]{display:none}.echo-stage canvas:active{cursor:grabbing}.echo-stage>p,.echo-stage>small{color:var(--echo-muted);font-size:11px}.echo-toolbar,.echo-row{flex-wrap:wrap;justify-content:center;gap:7px;margin:12px 0;display:flex}.echo-toolbar button,.echo-row button{padding:7px 10px;font-size:11px}.echo-studio .echo-primary{background:var(--echo-accent);color:#1c1429;font-weight:650}.echo-row>*{flex:1}.echo-control{margin:16px 0}.echo-control label{margin-bottom:12px;font-size:12px;display:block}.echo-control label span{float:right;color:var(--echo-accent);font-variant-numeric:tabular-nums}.echo-inspector fieldset{border:0;min-width:0;padding:0}.echo-inspector fieldset>label{margin-bottom:8px;font-size:12px;display:block}.echo-layers{gap:5px;display:grid}.echo-layers button{text-align:left;align-items:center;gap:6px;padding:6px;font-size:11px;display:flex}.echo-layers small{color:var(--echo-muted);margin-left:auto;font-size:10px}.echo-inspector h2 small{color:var(--echo-muted);font-size:11px;font-weight:400}.echo-footnote{max-width:1334px;margin:0 auto;padding:0 28px 28px}.echo-empty{text-align:center;max-width:700px;margin:auto;padding:70px 24px}.echo-empty p{color:var(--echo-muted);margin:14px 0 24px}.echo-empty h2{font:26px/1.3 Georgia,serif}.echo-final{background:var(--echo-panel);border:1px solid var(--echo-line);border-radius:12px;margin:24px 0;padding:16px}.echo-final img{width:100%;max-width:400px;margin:10px auto;display:block}.echo-final a{color:var(--echo-accent);font-size:12px}@media (max-width:1050px){.echo-workspace{grid-template-columns:185px minmax(250px,1fr);gap:16px;padding:20px 16px}.echo-inspector{grid-column:1/-1}.echo-stage canvas{width:min(100%,390px);min-width:0}.echo-piece img{width:47px;height:50px}.echo-inspector fieldset{max-width:540px}.echo-heading{padding:20px 18px}}@media (max-width:560px){.echo-workspace{flex-direction:column;padding:16px;display:flex}.echo-stage{order:0}.echo-library{order:1}.echo-inspector{order:2}.echo-pieces{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.echo-piece{text-align:center;flex-direction:column;gap:3px;padding:7px!important}.echo-piece img{width:70px;height:70px}.echo-piece span{font-size:10px}.echo-piece small{display:none}.echo-stage canvas{width:min(100%,360px)}.echo-heading h1{font-size:29px}.echo-heading>a{font-size:11px}.echo-stagebar>div{min-width:0}.echo-stagebar small{max-width:220px}.echo-footnote{padding:0 18px 20px}}@media (prefers-reduced-motion:reduce){.echo-studio button{transition:none}}.echo-demo{text-align:center;color:#dbc7ff;background:#252039;border-bottom:1px solid #493c62;margin:0;padding:10px 24px;font-size:12px}.echo-library>label{gap:6px;margin-block:12px;font-size:14px;display:grid}.echo-library input[type=search]{color:#f5edff;width:100%;min-width:0;font:inherit;background:#171321;border:1px solid #493c62;border-radius:8px;padding:10px}.echo-library>.echo-owned-toggle{align-items:center;gap:8px;display:flex}.echo-library .echo-pieces{max-height:48vh;overflow-y:auto}.echo-piece:disabled{opacity:.58}