.tool-workspace.maker-workspace [hidden]{display:none!important}.tool-workspace.maker-workspace{--maker-line:#e5e9ef;--maker-muted:#64748b;overflow:hidden}.tool-workspace.maker-workspace button,.tool-workspace.maker-workspace input,.tool-workspace.maker-workspace select{font:inherit}.tool-workspace.maker-workspace button,.tool-workspace.maker-workspace .maker-download{cursor:pointer;border:1px solid var(--maker-line);border-radius:8px;padding:9px 12px;background:#fff;color:#344256;font-size:12px;line-height:1.4;min-height:38px}.tool-workspace.maker-workspace button:hover:not(:disabled){border-color:#f58257;background:#fff7f3}.tool-workspace.maker-workspace button:disabled{opacity:.4;cursor:default}.tool-workspace.maker-workspace .maker-primary{background:#ed7046;border-color:#ed7046;color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.tool-workspace.maker-workspace .maker-primary:hover{background:#d85d35;color:#fff}.tool-workspace.maker-workspace .maker-local{font-size:11px;color:#527365}.tool-workspace.maker-workspace .maker-toolbar{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--maker-line)}.tool-workspace.maker-workspace .maker-toolbar p{margin:0;color:var(--maker-muted);font-size:13px}.tool-workspace.maker-workspace .maker-toolbar>div,.tool-workspace.maker-workspace .maker-drop>div{display:flex;gap:8px;flex-wrap:wrap}.tool-workspace.maker-workspace .maker-drop{margin:24px;padding:30px 20px;border:1.5px dashed #e8b49e;border-radius:14px;display:flex;align-items:center;flex-direction:column;gap:12px;background:#fffaf6;text-align:center;color:#d7744c}.tool-workspace.maker-workspace .maker-drop[data-dragging=true]{background:#ffeadf;border-color:#e76736}.tool-workspace.maker-workspace .maker-drop h2{font-size:18px;margin:0;color:#344256}.tool-workspace.maker-workspace .maker-drop p,.tool-workspace.maker-workspace .maker-drop small{margin:0;font-size:12px;color:var(--maker-muted)}.tool-workspace.maker-workspace .maker-message,.tool-workspace.maker-workspace .maker-confirm{margin:12px 24px;padding:12px 14px;background:#fff5e8;border-radius:8px;color:#89512a;font-size:13px;line-height:1.6}.tool-workspace.maker-workspace .maker-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-workspace.maker-workspace .maker-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;padding:0 24px 24px;align-items:start}.tool-workspace.maker-workspace .maker-controls{min-width:0}.tool-workspace.maker-workspace .maker-section-head,.tool-workspace.maker-workspace .maker-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tool-workspace.maker-workspace h2,.tool-workspace.maker-workspace legend{font-size:14px;font-weight:600;line-height:1.6;margin:0}.tool-workspace.maker-workspace .maker-help{font-size:11px;color:var(--maker-muted);line-height:1.8;margin:8px 0 12px}.tool-workspace.maker-workspace .maker-frame-list{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto}.tool-workspace.maker-workspace .maker-frame{min-width:0;padding:6px;border:1px solid var(--maker-line);border-radius:10px;background:#fff}.tool-workspace.maker-workspace .maker-frame[data-active=true]{border-color:#ec754c;box-shadow:inset 0 0 0 1px #ec754c}.tool-workspace.maker-workspace .maker-thumb{display:block;padding:0;border:0;width:100%;overflow:hidden;background:#f1f5f9;aspect-ratio:4/3}.tool-workspace.maker-workspace .maker-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.tool-workspace.maker-workspace .maker-frame-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;color:var(--maker-muted)}.tool-workspace.maker-workspace .maker-frame label{display:flex;gap:3px;align-items:center;font-size:10px;color:var(--maker-muted)}.tool-workspace.maker-workspace .maker-frame input{width:100%;min-width:0;border:1px solid var(--maker-line);border-radius:4px;padding:5px;font-size:11px;color:#344256}.tool-workspace.maker-workspace .maker-frame-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:5px}.tool-workspace.maker-workspace .maker-frame-actions button{padding:4px 0;min-height:30px;font-size:13px;border-radius:4px}.tool-workspace.maker-workspace .maker-settings{border:0;margin:0;padding:0}.tool-workspace.maker-workspace .maker-settings legend{margin-bottom:12px}.tool-workspace.maker-workspace .maker-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.tool-workspace.maker-workspace .maker-settings label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#526075;min-width:0}.tool-workspace.maker-workspace .maker-settings input,.tool-workspace.maker-workspace .maker-settings select{width:100%;min-width:0;height:40px;border:1px solid #dfe4eb;border-radius:7px;background:#fff;padding:7px 9px;font-size:12px;color:#344256;box-sizing:border-box}.tool-workspace.maker-workspace .maker-settings input:invalid,.tool-workspace.maker-workspace .maker-frame input:invalid{border-color:#c74a2c}.tool-workspace.maker-workspace .maker-input-unit{display:flex;align-items:center;gap:6px}.tool-workspace.maker-workspace .maker-input-unit>span{flex-shrink:0;white-space:nowrap}.tool-workspace.maker-workspace .maker-preview{min-width:0;background:#192432;border-radius:14px;padding:20px;color:#ecf1f7;position:sticky;top:90px}.tool-workspace.maker-workspace .maker-preview h2{color:#ecf1f7}.tool-workspace.maker-workspace .maker-preview-head{margin-bottom:14px}.tool-workspace.maker-workspace .maker-preview-head>span{font-size:10px;color:#b6c5d7;border:1px solid #475366;border-radius:5px;padding:4px 7px}.tool-workspace.maker-workspace .maker-stage{height:270px;background:repeating-conic-gradient(#263443 0% 25%,#2d3d50 0% 50%) 0 / 20px 20px;display:flex;align-items:center;justify-content:center;border:1px solid #485567;border-radius:9px;overflow:hidden}.tool-workspace.maker-workspace .maker-stage canvas,.tool-workspace.maker-workspace .maker-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.tool-workspace.maker-workspace .maker-playback{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}.tool-workspace.maker-workspace .maker-playback button,.tool-workspace.maker-workspace .maker-preview>button:not(.maker-primary){background:#2a394c;color:#e1e9f4;border-color:#49576a}.tool-workspace.maker-workspace .maker-playback button:hover,.tool-workspace.maker-workspace .maker-preview>button:not(.maker-primary):hover{background:#36475b}.tool-workspace.maker-workspace .maker-playback bdi{font-size:11px;color:#b0bed0;margin-inline-start:auto}.tool-workspace.maker-workspace .maker-result{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 0;padding:16px 0;border-block:1px solid #ffffff18}.tool-workspace.maker-workspace .maker-result dt{font-size:11px;color:#a6b7cb}.tool-workspace.maker-workspace .maker-result dd{font-size:13px;color:#e1e9f4;margin:5px 0 0;font-variant-numeric:tabular-nums}.tool-workspace.maker-workspace .maker-result-status{font-size:12px;color:#d6b3a1;line-height:1.7;min-height:21px;margin:12px 0}.tool-workspace.maker-workspace .maker-create,.tool-workspace.maker-workspace .maker-download{width:100%;box-sizing:border-box;text-decoration:none}.tool-workspace.maker-workspace .maker-download{margin-top:8px}.tool-workspace.maker-workspace .maker-preview>button:not(.maker-create){display:block;margin:10px auto 0}.tool-workspace.maker-workspace progress{width:100%;accent-color:#f28559;margin-bottom:12px}.tool-workspace.maker-workspace button:focus-visible,.tool-workspace.maker-workspace input:focus-visible,.tool-workspace.maker-workspace select:focus-visible,.tool-workspace.maker-workspace a:focus-visible{outline:3px solid #f69a72;outline-offset:2px}@media(max-width:800px){.tool-workspace.maker-workspace .maker-columns{grid-template-columns:minmax(0,1fr)}.tool-workspace.maker-workspace .maker-preview{position:static;grid-row:1}.tool-workspace.maker-workspace .maker-stage{height:260px}.tool-workspace.maker-workspace .maker-toolbar{align-items:start;flex-direction:column}}@media(max-width:480px){.tool-workspace.maker-workspace .maker-columns{padding:0 14px 16px;gap:20px}.tool-workspace.maker-workspace .maker-drop{margin:16px 14px;padding:24px 12px}.tool-workspace.maker-workspace .maker-toolbar,.tool-workspace.maker-workspace .maker-preview{padding:14px}.tool-workspace.maker-workspace .maker-stage{height:220px}.tool-workspace.maker-workspace .maker-message,.tool-workspace.maker-workspace .maker-confirm{margin:12px 14px}.tool-workspace.maker-workspace .maker-local{max-width:120px;text-align:end}}
