.eoq-studio{max-width:1240px;margin:auto;padding:30px 22px;font-size:16px;line-height:1.5}.eoq-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.eoq-heading h2{font-size:clamp(30px,4vw,48px);color:#fff;margin:8px 0}.eoq-heading p{margin:0;color:#bbb}.eoq-heading a{color:#f0c85a;white-space:nowrap}.eoq-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.eoq-controls,.eoq-workspace{border:1px solid #353535;border-radius:16px;padding:20px;background:#111}.eoq-controls{display:flex;flex-direction:column;gap:14px}.eoq-studio label{display:block;font-size:14px}.eoq-studio input,.eoq-studio select,.eoq-studio button{font-size:16px;max-width:100%}.eoq-studio input[type=search]{width:100%;background:#090909;color:white;border:1px solid #444;padding:12px;border-radius:8px}.eoq-studio input[type=file]{display:block;margin-top:8px;width:100%;font-size:14px}.eoq-studio button{background:#dfb64c;color:#111;padding:12px 16px;border:1px solid #dfb64c;border-radius:8px;font-weight:700;cursor:pointer}.eoq-studio button:disabled{opacity:.5;cursor:wait}.eoq-studio :focus-visible{outline:3px solid #f0c85a;outline-offset:3px}.eoq-canvas-wrap{position:relative;background:#edf0f2;border-radius:12px;overflow:hidden;max-width:600px;margin:auto}.eoq-canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.eoq-canvas-wrap p{position:absolute;top:45%;left:10%;right:10%;text-align:center;color:#444;pointer-events:none}.eoq-note{font-size:14px;color:#bbb;margin:8px 0}.eoq-properties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.eoq-properties input[type=range]{width:100%;accent-color:#dfb64c}.eoq-properties input[type=color]{display:block;width:100%;height:42px;margin-top:8px}.eoq-actions{display:flex;flex-wrap:wrap;gap:10px}#eoq-status{color:#f0c85a;min-height:24px}#eoq-layer{margin-top:8px}.eopb-wrap{font-size:16px}.eopb-wrap h1,.eopb-wrap h2,.eopb-wrap h3{color:#fff}.eopb-hero{padding:24px}.eopb-hero h1{font-size:28px}.eopb-hero p{font-size:16px}.eopb-choice input:focus-visible+span{outline:3px solid #f0c85a}.eopb-size-table span{font-size:14px}.eopb-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.eoq-layout{grid-template-columns:1fr}.eoq-controls{display:grid;grid-template-columns:1fr 1fr}.eoq-heading{display:block}.eoq-heading a{display:inline-block;margin-top:12px}}@media(max-width:560px){.eoq-studio{padding:20px 12px}.eoq-controls,.eoq-properties{grid-template-columns:1fr 1fr}.eoq-controls,.eoq-workspace{padding:12px}.eoq-controls>p{grid-column:1/-1}.eoq-actions button{width:100%}}