.creator{--panel:#171a36;--line:#2c3060;--ink:#e8e6ff;--muted:#9a98c4;--accent:#a98bff;color:var(--ink);background:#0d0f22;min-height:calc(100vh - 70px);padding:18px max(20px,50vw - 740px);font:14px/1.5 IBM Plex Sans,system-ui,sans-serif}.creator *{box-sizing:border-box}.creator button,.creator input,.creator select{font:inherit}.creator button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#1d2143;border-radius:9px;padding:8px 12px}.creator button:hover,.creator button:focus-visible{border-color:var(--accent);outline:none}.creator button.selected{color:#160d3a;background:#a98bff;border-color:#a98bff}.creator button.creator-primary{color:#160d3a;background:#a98bff;border-color:#a98bff;font-weight:700}.creator input:not([type=file]):not([type=color]),.creator select{border:1px solid var(--line);width:100%;color:var(--ink);background:#0d0f22;border-radius:7px;padding:9px 11px}.creator input[type=color]{border:1px solid var(--line);background:0 0;border-radius:7px;width:42px;height:36px;padding:2px}.creator input[type=file]{max-width:100%;font-size:12px}.creator input:focus-visible,.creator select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.creator label{color:var(--muted);margin:12px 0;display:block}.creator label input{margin-top:5px}.creator h2,.creator h3,.creator p{margin-top:0}.creator h2,.creator h3{text-transform:uppercase;letter-spacing:.1em;color:#c6d8ff;font:700 12px/1.5 IBM Plex Mono,monospace}.creator p{color:var(--muted)}.creator-top{justify-content:space-between;align-items:center;gap:18px;min-height:49px;margin-bottom:16px;display:flex}.creator-top strong{font-size:19px}.creator-crumb{color:#9fb0e7}.creator-unsaved{color:#ffda8c;margin-left:10px;font-size:12px}.creator-actions{gap:8px;display:flex}.creator-hidden{display:none}.creator-grid{grid-template-columns:minmax(240px,290px) minmax(420px,1fr) minmax(230px,285px);align-items:start;gap:16px;display:grid}.creator-left,.creator-middle,.creator-right{background:var(--panel);border:1px solid var(--line);border-radius:15px;min-width:0}.creator-left{overscroll-behavior:contain;scrollbar-color:#54598b var(--panel);overflow-y:auto}.creator-tabs{z-index:1;border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px;display:grid;position:sticky;top:0}.creator-tabs button{padding:6px 4px;font-size:11px;line-height:1.25}.creator-panel{padding:17px;display:none}.creator-panel.active{display:block}.creator-image-guidance{font-size:12px;line-height:1.5}.creator-image-size{margin:-5px 0 10px;font-size:12px;line-height:1.4}.creator-upload-size{color:#b9c5ec;margin:4px 0 7px;font-size:12px;line-height:1.4;display:block}.creator-template-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.creator-template-grid button{text-align:left;background:0 0;padding:5px}.creator-template{border:1px solid #414d86;border-radius:6px;height:65px;margin-bottom:4px;display:block}.creator-template.candy{background:radial-gradient(circle at 80% 70%,#60ead2 0 10%,#0000 11%),linear-gradient(135deg,#ff9fcf,#e44b9b)}.creator-template.arcade{background:radial-gradient(circle at 80% 70%,#e74448 0 10%,#0000 11%),linear-gradient(135deg,#25252e,#07070b)}.creator-template.grape{background:radial-gradient(circle at 80% 70%,#8b6bff 0 10%,#0000 11%),linear-gradient(135deg,#6b3bf0,#2a1670)}.creator-template.blank{background:#0d0f22;border-style:dashed}.creator-control{align-items:center;gap:7px;margin:9px 0;display:flex}.creator-button-style{border-bottom:1px solid var(--line);padding:4px 0}.creator-button-style:last-child{border-bottom:0}.creator-effect-row{border-bottom:1px solid var(--line);padding:12px 0}.creator-effect-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.creator-effect-head strong{color:var(--ink)}.creator-effect-head button{padding:5px 8px;font-size:12px}.creator-effect-row label{margin:9px 0 0;font-size:12px;display:block}.creator-effect-row label.creator-effect-color{justify-content:space-between;align-items:center;display:flex}.creator-effect-color input[type=color]{margin:0}.creator-effect-row label select{width:100%;margin-top:4px;display:block}.creator-effect-row output{float:right;color:var(--ink);font-variant-numeric:tabular-nums}.creator-effect-row input[type=range]{width:100%;height:22px;accent-color:var(--accent);cursor:pointer;background:0 0;border:0;margin:2px 0 0;padding:0;display:block}.creator-effect-shared{border:1px solid var(--line);border-radius:8px;margin-top:9px;padding:8px}.creator-effect-shared p{margin:0 0 6px;font-size:12px}.creator-effect-shared button{padding:5px 8px;font-size:12px}.creator-control strong{color:#e8edff;min-width:76px}.creator-control select{flex:1;width:auto}.creator-control span{flex:1;font-size:12px}.creator-extra-head,.creator-extra-row{grid-template-columns:42px minmax(72px,1fr) minmax(54px,1fr) 34px;align-items:center;gap:5px;display:grid}.creator-extra-head{color:#aeb9e5;border-bottom:1px solid var(--line);padding:8px 0;font-size:11px}.creator-extra-row{width:100%}.creator-extra-row strong{min-width:0;font-size:12px}.creator-extra-row select{width:100%;min-width:0;padding:5px 2px}.creator-extra-row span{overflow-wrap:anywhere;min-width:0;font-size:11px}.creator-extra-row input[type=color]{width:34px;min-width:0;padding:0}.creator-extra-row label{grid-column:1/-1}.creator-effect-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.creator-effect-grid button{text-align:left;min-height:48px}.creator-middle{padding:12px}.creator-canvas-wrap{--creator-canvas-height-limit:600px;background:radial-gradient(circle at 50% 40%,#1d2150,#0d0f22 70%);border-radius:12px;place-items:center;min-height:420px;padding:50px 28px 25px;display:grid;position:relative;overflow:hidden}.creator-canvas-wrap canvas{object-fit:contain;touch-action:none;border-radius:26px;max-width:100%;height:auto;display:block;box-shadow:0 0 0 4px #333b81,0 15px 60px #0009}.creator-edit-prompt{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:10px 0 4px;font-size:12px;display:flex}.creator-edit-prompt label{align-items:center;gap:8px;margin:0;display:flex}.creator-edit-prompt select{width:auto;min-width:120px;padding:5px 8px}.creator-button-editor{animation:.16s ease-out creator-editor-in}@keyframes creator-editor-in{0%{opacity:.6;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.creator-editor-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.creator-editor-head span{color:var(--muted);font-size:12px}.creator-editor-head h2{letter-spacing:.02em;margin:4px 0 14px;font-size:18px}.creator-editor-head button{padding:1px 9px;font-size:25px;line-height:1.2}.creator-editor-scope{border:1px solid var(--line);border-radius:9px;margin:0 0 18px;padding:12px}.creator-editor-scope legend{color:#c6d8ff;padding:0 4px;font-size:12px}.creator-editor-scope label{color:var(--ink);align-items:center;margin:6px 0;display:flex}.creator .creator-editor-scope input[type=radio]{width:16px;height:16px;accent-color:var(--accent);border:0;flex:none;margin:0 8px 0 0;padding:0}.creator-button-editor>label{margin:14px 0}.creator-button-effects{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.creator-button-effects>p{font-size:12px}.creator-button-effects .creator-effect-grid button{min-height:42px;padding:7px 8px;font-size:12px}.creator-button-editor>h3,.creator-editor-text h3{border-top:1px solid var(--line);padding-top:14px}.creator-editor-text{margin-top:18px}.creator-grill-zoom{border:1px solid var(--line);background:#12142c;border-radius:10px;width:160px;max-width:100%;height:160px;margin:10px auto 16px;display:block}.creator-editor-text p{font-size:12px}.creator-editor-text strong{color:var(--ink)}.creator-editor-check{align-items:center;gap:8px;color:var(--ink)!important;display:flex!important}.creator .creator-editor-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}.creator-remove-extra{margin:2px 0 14px}.creator-editor-note{margin:12px 0 0;font-size:12px}.creator-canvas-wrap p{text-align:center;background:#090f2dd9;width:100%;margin:0;padding:5px 8px;font-size:12px;position:absolute;bottom:0;left:0}.creator-live{color:#56f2a2;letter-spacing:.08em;font:700 11px IBM Plex Mono,monospace;position:absolute;top:12px;left:14px}.creator-view-controls,.creator-fit-controls{flex-wrap:wrap;gap:8px;padding:13px 0 0;display:flex}.creator-view-controls>div{display:flex}.creator-view-controls button{font-size:12px}.creator-fit-controls{border-top:1px solid var(--line);align-items:center;margin-top:12px}.creator-fit-controls label{align-items:center;gap:6px;margin:0;display:flex}.creator-fit-controls select{width:auto}.creator-fit-controls p{width:100%;margin:0}.creator-legend{width:100%;color:var(--muted);flex-wrap:wrap;gap:7px 14px;font-size:12px;display:flex}.creator-legend span{align-items:center;gap:5px;display:inline-flex}.creator-legend i{border:2px solid;border-radius:3px;width:12px;height:12px;display:inline-block}.creator-warning{color:#ffc64a!important}.creator-right{padding:18px}.creator-right:has(.creator-button-editor){border-color:#6a65aa;box-shadow:0 12px 32px #0005}@media (width>=721px){.creator-left,.creator-middle{position:sticky;top:76px}.creator-left{max-height:calc(100dvh - 164px)}.creator-canvas-wrap{--creator-canvas-height-limit:min(600px,max(240px,calc(100dvh - 360px)))}}@media (width>=1151px){.creator-right{overscroll-behavior:contain;scrollbar-color:#54598b var(--panel);max-height:calc(100dvh - 164px);position:sticky;top:76px;overflow-y:auto}}.creator-inspector-block{border-top:1px solid var(--line);margin:20px -18px 0;padding:18px}.creator-indicator-block{border-top:0;border-bottom:1px solid var(--line);margin-top:0;margin-bottom:18px;padding-top:0}.creator-indicator-block label{justify-content:space-between;align-items:center;gap:10px;margin:7px 0;display:flex}.creator-indicator-block label input{flex:none;margin-top:0}.creator-inspector-block p{margin:6px 0;font-size:13px}.creator-inspector-block small{color:#6dffa8}.creator-inspector-block progress{accent-color:#49dff2;width:100%}.creator-error{color:#ffb2af!important}.creator-status{min-height:23px;margin:16px 0 0;color:#bcecff!important}.creator-mobile-actions{display:none}@media (width<=1150px){.creator-grid{grid-template-columns:240px 1fr}.creator-right{grid-column:1/-1}}@media (width<=720px){.creator{padding:12px 12px 95px}.creator-top{margin-bottom:10px}.creator-top strong{font-size:15px}.creator-crumb,.creator-actions{display:none}.creator-grid{flex-direction:column;display:flex}.creator-middle{order:0;width:100%}.creator-left{order:1;width:100%}.creator-right{order:2;width:100%}.creator-canvas-wrap{--creator-canvas-height-limit:470px;min-height:280px;padding:38px 20px 24px}.creator-view-controls{gap:6px}.creator-view-controls button{padding:6px 8px}.creator-left{overflow:hidden}.creator-tabs{gap:5px;padding:7px;display:flex;position:static;overflow:auto}.creator-tabs button{text-transform:capitalize;white-space:nowrap;font-size:12px}.creator-mobile-actions{z-index:20;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#090e25f2;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.creator-mobile-actions button{flex:1}}