body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-container{margin-bottom:30px}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.input-group input{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.generate-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:15px 30px;transition:transform .2s ease,box-shadow .2s ease}.generate-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.generate-button:disabled{background:#555;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-top:15px;padding:12px}.no-canvas-message{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:40px 20px;text-align:center}.mode-toggle{margin-bottom:20px}@keyframes slideInEditor{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body,html{-webkit-overflow-scrolling:auto;height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%}.pixel-art-container.editing-mode{border:none;bottom:0;left:0;margin:0;padding:0;position:fixed;right:0;top:0;transform:none!important;-webkit-transform:none!important}}@media (hover:none) and (pointer:coarse){.pixel-editable:hover{transform:none}.editing-mode{-webkit-overflow-scrolling:auto;overscroll-behavior-y:contain}.editing-mode .pixel,.palette-color-vertical{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0;position:relative;touch-action:manipulation}.editing-mode .pixel,.editing-mode .pixel:hover,.palette-color-vertical,.palette-color-vertical:hover{transform:none!important;-webkit-transform:none!important}.editing-mode .pixel-grid,.palette-colors-vertical{margin:0 auto;padding:0;position:relative}}@media screen and (max-width:480px){.editing-mode .pixel-grid{display:table;margin:0 auto;position:relative}.editing-mode .pixel-row{display:table-row}.editing-mode .pixel{border-collapse:initial;display:table-cell;height:32px;margin:0;padding:0;width:32px}}:root{--bg-0:#0f0f12;--bg-1:#17171c;--panel:#1f1f26;--border:#34343c;--accent:#ff2d7a;--ink:#fdf6d8;--accent-green:#0f6;--sidebar-w:220px}body,html{margin:0}*,:after,:before{box-sizing:border-box}#root,.App,body,html{background:#0f0f12;background:var(--bg-0);color:#fdf6d8;color:var(--ink);font-family:Press Start\ 2P,monospace!important;overflow-x:hidden;padding:0}.App{padding:0!important}.tab-button,.tool-button,button,input,select,textarea{font-family:inherit!important}:root{--tab-bg:#141417;--tab-bg-active:#1d1d22;--tab-border:#35363b;--tab-border-active:#ff2fa0;--tab-track:#27272c;--tab-text:#efe6d8;--tab-text-inactive:#b5aea5}.tab-bar{display:flex;gap:4px;margin-bottom:14px;margin-top:18px;padding:0 28px;position:relative;-webkit-user-select:none;user-select:none}.tab-bar:after{background:#27272c;background:var(--tab-track);bottom:-4px;content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0}.tab-btn{background:linear-gradient(#18181c,#121215);border:2px solid #35363b;border-bottom:2px solid #27272c;border:2px solid var(--tab-border);border-bottom-color:var(--tab-track);border-radius:6px 6px 0 0;box-shadow:0 2px 0 0 #000,inset 0 0 0 1px #000;color:#b5aea5;color:var(--tab-text-inactive);cursor:pointer;font:600 11px/1.1 Press Start\ 2P,VT323,Courier New,monospace;letter-spacing:2px;outline:none;padding:14px 34px 12px;position:relative;text-transform:uppercase;transform:translateY(4px);transition:color .15s,background .18s,border-color .18s,transform .18s}.tab-btn[data-active=true]{background:linear-gradient(#1e1e23,#19191d);border-color:#ff2fa0;border-color:var(--tab-border-active);border-bottom:2px solid #1d1d22;border-bottom:2px solid var(--tab-bg-active);box-shadow:0 0 0 2px #ff2fa0,0 2px 0 0 #000,inset 0 0 0 1px #000,0 0 12px -2px #ff2fa0;box-shadow:0 0 0 2px var(--tab-border-active),0 2px 0 0 #000,0 0 0 1px #000 inset,0 0 12px -2px var(--tab-border-active);color:#efe6d8;color:var(--tab-text);transform:translateY(0);z-index:5}.tab-btn:not([data-active=true]):hover{background:linear-gradient(#1b1b20,#141417);border-color:#4d4e54;color:#efe6d8;color:var(--tab-text)}.tab-btn:focus-visible{box-shadow:0 0 0 2px #ff2fa0,0 2px 0 0 #000,inset 0 0 0 1px #000,0 0 4px 0 #ff2fa0;box-shadow:0 0 0 2px var(--tab-border-active),0 2px 0 0 #000,0 0 0 1px #000 inset,0 0 4px 0 var(--tab-border-active)}.tab-label{position:relative;top:1px}@media (max-width:768px){.tab-bar{gap:6px;margin-bottom:10px;margin-top:12px;padding:0 16px}.tab-btn{font-size:10px;letter-spacing:1.5px;padding:12px 20px 10px}}.app-container{background:var(--bg-0);display:flex;flex-direction:column;height:100vh;width:100vw}.tab-content{background:var(--bg-0);box-sizing:border-box;flex:1 1;overflow:auto;padding:16px 16px calc(104px + env(safe-area-inset-bottom, 0px));padding:16px 16px calc(16px + var(--desktop-tools-bar-h, 0px) + env(safe-area-inset-bottom, 0px))}.editor-tab{display:flex;flex-direction:column;min-height:100dvh;position:relative}.editor-layout{align-items:stretch;box-sizing:border-box;display:flex;flex:1 0 auto;flex-direction:row;gap:24px;padding:0 32px 24px;width:100%}.editor-sidebar{display:flex;flex:0 0 220px;flex-direction:column;gap:20px;max-width:220px}.editor-main{align-items:center;background:var(--panel);border:4px solid var(--border);border-radius:6px;box-sizing:border-box;display:flex;flex:1 1 auto;justify-content:flex-start;min-height:clamp(420px,72dvh,86dvh);min-width:0;padding:12px;position:relative}:root{--desktop-tools-bar-h:88px;--mobile-btn-h:36px}.desktop-tools-bar{background:var(--bg-0);border-top:4px solid var(--border);bottom:0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;left:0;min-height:88px;min-height:var(--desktop-tools-bar-h);padding:1px 24px 14px;position:fixed;right:0;z-index:120}.mobile-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#121216e6,#121216a6);display:none;gap:8px;justify-content:flex-end;padding:6px 0;position:sticky;top:0;z-index:150}.mini-toggle{align-items:center;background:#16161b;border:2px solid var(--border);box-shadow:0 2px 0 #000,inset 0 0 0 1px #000;box-sizing:border-box;color:var(--ink);cursor:pointer;display:inline-flex;font:600 11px/1 Press Start\ 2P,monospace;height:36px;height:var(--mobile-btn-h);letter-spacing:1px;line-height:1;padding:8px 10px;text-transform:uppercase}.mini-toggle:hover{background:#1d1e23;border-color:#43444b}.mini-toggle:active{transform:translateY(2px)}.mini-toggle .icon{display:inline-block;font-size:16px;height:16px;line-height:1;margin-right:6px;width:16px}.mini-toggle .label{line-height:1}.mini-toggle:disabled{cursor:not-allowed;opacity:.45}.mini-toggle.mini-toggle-open{align-items:center;background:#16161b;border-color:var(--border);box-shadow:0 2px 0 #000,inset 0 0 0 1px #000;display:inline-flex;font-size:18px;justify-content:center;letter-spacing:0;line-height:1;padding:0;width:36px;width:var(--mobile-btn-h)}.mini-toggle.mini-toggle-open:hover{background:#1d1e23}.icon-btn{align-items:center;background:#222;border:1px solid #3a3a3a;border-radius:10px;color:#fff;display:inline-flex;height:36px;justify-content:center;width:36px}.icon-btn:disabled{color:#8a8a8a;cursor:not-allowed;opacity:.45}.tools-sheet{display:none}.tools-sheet.open{animation:toolsSheetIn .22s ease;display:block}@keyframes toolsSheetIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mini-preview{background:#111215;border:2px solid #2c2d32;box-shadow:inset 0 0 0 1px #000;display:inline-block;padding:8px}.mini-preview-label{font-size:10px;letter-spacing:.5px;margin-bottom:14px;opacity:.8;text-transform:uppercase}.mini-preview-canvas{background:#000;border:2px solid var(--border);display:block;image-rendering:pixelated;margin-top:0}@media (max-width:768px){.tab-content{padding:12px}.editor-layout{align-items:center;flex-direction:column;gap:10px;padding:0 12px 16px}.editor-sidebar{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;max-width:none;order:2;width:100%}.editor-main{min-height:calc(100dvh - 300px);order:1;overflow:visible;width:100%}.desktop-tools-bar{display:none!important}.mobile-controls{display:flex}.tools-sheet{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121216f2;border-top:3px solid #303137;bottom:0;box-shadow:0 -4px 12px -4px #0009;display:none;left:0;max-height:34dvh;overflow-y:auto;padding:14px 14px calc(14px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:160}.tools-sheet.open{display:block}.tools-sheet.open .tool-buttons{display:flex!important;gap:8px;justify-content:center}.editor-tab.tools-open .editor-layout{padding-bottom:calc(34dvh + env(safe-area-inset-bottom) + 12px)}.tool-button{min-width:84px}.tool-button .icon{display:none}.tool-button .label{display:block}.mini-preview{display:none!important}}@media (max-width:460px){.editor-main{min-height:280px}.mini-toggle{font-size:10px;padding:6px 8px}}.hidden{display:none!important}@media (min-width:769px){.editor-sidebar{align-items:center;padding-bottom:28px}.editor-sidebar .mini-preview{align-self:center;margin-inline:auto}.mini-preview-label{display:block;text-align:center;width:100%}.mini-preview-canvas{display:block;margin-inline:auto}}@media (min-width:769px) and (max-height:820px){.editor-sidebar .palette-colors{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.editor-sidebar .palette-colors>*{aspect-ratio:1/1;width:100%}}@media (min-width:1024px){.desktop-split{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 420px;height:100%;overflow:hidden}.desktop-split .editor-pane{display:flex;flex-direction:column;min-width:0;overflow:hidden}.desktop-split .library-pane{background:#0b0b0e;background:var(--bg-0,#0b0b0e);border-left:1px solid #333;border-left:1px solid var(--border,#333);box-sizing:border-box;min-width:0;overflow:auto;padding:12px}}.editor-main,.editor-sidebar{background:var(--panel);border:4px solid var(--border);border-radius:6px}.pixel-grid{border:4px solid var(--accent-green);box-shadow:0 0 0 3px #0b0b0d,0 0 20px #0f63}.color-palette-sidebar{border-color:var(--accent-green)}.color-palette{width:100%}.palette-colors{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.palette-color{background-clip:padding-box;border:3px solid #555;border-radius:8px;cursor:pointer;height:60px;position:relative;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;width:60px}.palette-color.active,.palette-color:hover{border-color:var(--accent-green)}.palette-color.active{border-width:4px;box-shadow:0 0 15px #0f66}.palette-color.active:after{color:#fff;content:"✓";display:grid;font-size:18px;inset:0;place-items:center;position:absolute;text-shadow:1px 1px 2px #000c}@media (min-width:769px){.color-palette{display:flex}.color-palette,.palette-colors{justify-content:center;width:auto}.palette-colors{--swatch-size:60px;grid-auto-rows:var(--swatch-size);grid-template-columns:repeat(2,var(--swatch-size));justify-items:center;row-gap:10px}}.tool-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.tool-button{align-items:center;background:#141419;border:4px solid var(--border);box-shadow:0 6px 0 #0b0b0d;color:var(--ink);display:inline-flex;flex-direction:column;gap:10px;justify-content:center;letter-spacing:1px;min-width:140px;padding:14px 16px;text-transform:uppercase}.tool-button.clear,.tool-button:hover{border-color:var(--accent)}.tool-button.clear{background:#2a0f1a}.tool-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));height:28px;image-rendering:pixelated;width:28px}.tool-label{font-size:10px;line-height:1}.tool-button .icon{display:block;height:18px;width:18px}.tool-button .icon svg{fill:var(--ink);height:100%;width:100%}.tool-button .label{font-size:10px;letter-spacing:1px}.tool-buttons .tool-button:disabled{border-color:#2a2b30;box-shadow:none;cursor:not-allowed;filter:grayscale(.4);opacity:.35}.tool-buttons .tool-button:disabled .label{color:#bbb;text-shadow:none}.tool-buttons .tool-button:disabled:active,.tool-buttons .tool-button:disabled:hover{transform:none}.icon-export{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27 viewBox=%270 0 28 28%27><rect width=%2728%27 height=%2728%27 fill=%27none%27/><rect x=%274%27 y=%2714%27 width=%2714%27 height=%2710%27 fill=%27%23282830%27 stroke=%27%23fdf6d8%27 stroke-width=%272%27/><path d=%27M10 6h4V3h6v6h-3V8h-5v3h-2z%27 fill=%27%23fdf6d8%27/></svg>")}.icon-rotate{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27 viewBox=%270 0 28 28%27><rect width=%2728%27 height=%2728%27 fill=%27none%27/><path d=%27M6 14a8 8 0 0 1 13-6l2-2v7h-7l2-2a5 5 0 1 0 3 9h3a8 8 0 0 1-16-6z%27 fill=%27%23fdf6d8%27/></svg>")}.icon-mirror{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27 viewBox=%270 0 28 28%27><rect width=%2728%27 height=%2728%27 fill=%27none%27/><rect x=%2713%27 y=%274%27 width=%272%27 height=%2720%27 fill=%27%23fdf6d8%27/><path d=%27M12 6 6 14l6 8V6zM16 6v16l6-8-6-8z%27 fill=%27%23fdf6d8%27/></svg>")}.pixel-grid-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;justify-content:center;margin:0;max-width:100%;padding:0;position:relative;width:100%}.pixel-grid{box-sizing:initial;height:calc(var(--grid-size)*var(--pixel-size) - 1px);position:relative;width:calc(var(--grid-size)*var(--pixel-size) - 1px)}.pixel-grid-container{--grid-line-color:#00a05047}@media (prefers-color-scheme:dark){.pixel-grid-container{--grid-line-color:#78ffb457}}.pixel-grid:after{background-image:linear-gradient(to right,var(--grid-line-color) 1px,#0000 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,#0000 1px);background-repeat:repeat;background-size:var(--pixel-size) var(--pixel-size);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease-in-out;z-index:1}@media (hover:hover) and (pointer:fine){.pixel-grid:hover:after{opacity:1}}.pixel-row{display:flex;line-height:0}.pixel{box-sizing:border-box;flex:0 0 var(--pixel-size);height:var(--pixel-size);position:relative;width:var(--pixel-size)}.pixel-row:first-child .pixel{border-top:1px solid #ffffff0f}.pixel-row .pixel:first-child{border-left:1px solid #ffffff0f}@media (max-width:768px){.pixel-grid-container{min-height:0}}.pixel-grid,.pixel-grid canvas,.pixel-grid-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pixel-grid canvas{-webkit-user-drag:none;touch-action:none}@media (hover:hover) and (pointer:fine){.pixel{position:relative;z-index:0}.pixel:hover{z-index:10}.pixel:hover:after{box-shadow:inset 0 0 0 2px #0000008c;content:"";inset:0;outline:2px solid var(--accent);outline-offset:0;pointer-events:none;position:absolute}.pixel-editable:hover{border-color:#ffffff26;transform:none}}@media (pointer:coarse){.pixel-grid-container{touch-action:none}}.auth-modal{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:99999}.auth-card{background:#1e1e22;background:var(--panel,#1e1e22);border-radius:8px;box-shadow:0 8px 32px #0009;color:#fff;color:var(--text,#fff);max-width:calc(100vw - 32px);min-width:280px;padding:16px}.auth-card input{background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;color:inherit;margin-top:8px;padding:8px;width:100%}.library-tab{padding:16px}.library-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sprite-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.selection-hint{color:#bdbdbd;color:var(--ink-muted,#bdbdbd);font-size:12px;margin:6px 0 12px}.library-item{min-width:0;position:relative}.library-item .delete-check{align-items:center;background:#222;border:1px solid #3a3a3a;border:1px solid var(--border,#3a3a3a);border-radius:6px;color:#fff;display:inline-flex;height:24px;justify-content:center;line-height:1;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .15s ease-in-out,background .15s;width:24px;z-index:2}.library-item .delete-check:hover{background:#2b2b2b}.library-item .delete-check.busy{opacity:.5;pointer-events:none}@media (hover:hover) and (pointer:fine){.library-item:hover .delete-check{opacity:1}}@media (hover:none) and (pointer:coarse){.library-item .delete-check{opacity:1}}.thumb-title{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.btn-danger{background:#351417;border-color:#7a2834;color:#f4d4d4}.btn-danger:hover:not(:disabled){background:#4a1c23;border-color:#a33745}.library .actions,.library-actions,.library-header .actions,.selection-actions{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;max-width:100%;overflow:hidden;padding-inline:8px;width:100%}.library-actions .spacer,.selection-actions .spacer{flex:1 1 auto;min-width:0}.library .actions>button,.library-actions>button,.selection-actions>button{flex:0 1 auto;max-width:100%;white-space:nowrap}.library .actions .cancel,.library-actions .cancel,.selection-actions .cancel{margin-left:auto}@media (min-width:1024px){.library .actions,.library-actions,.selection-actions{padding-inline:12px}}@media (max-width:768px){.library-actions,.selection-actions{flex-wrap:wrap;gap:10px;justify-content:flex-start;overflow:visible;padding-inline:4px}.library-actions .spacer,.selection-actions .spacer{display:block;flex:0 0 100%;height:0}.library-actions>button,.selection-actions>button{flex:0 0 auto!important;max-width:100%;white-space:nowrap;width:auto!important}.library-actions .cancel,.library-actions>button:last-child,.selection-actions .cancel,.selection-actions>button:last-child{flex:0 0 auto!important;margin-left:0!important;order:0!important;width:auto!important}}.library-tab .tool-button:disabled,.library-tab .tool-button[disabled]{border-color:#ffffff2e;box-shadow:none;color:#fff1e899;cursor:not-allowed;filter:grayscale(.4);opacity:.45;pointer-events:none}.library-tab .tool-button:disabled:active,.library-tab .tool-button:disabled:hover{box-shadow:none;transform:none}.library-loading{align-items:center;display:inline-flex;gap:8px;opacity:.9}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#00e436;height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton-grid{display:flex;flex-wrap:wrap;gap:16px}.skeleton-card{background:#141419;border:1px solid #2b2b2b;padding:8px;width:240px}.skeleton-thumb{aspect-ratio:1/1;border:1px solid #2b2b2b;width:100%}.skeleton-thumb,.skeleton-title{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,#1c1c22 25%,#23232a 37%,#1c1c22 63%);background-size:400% 100%}.skeleton-title{height:12px;margin-top:10px;width:60%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.modal-overlay{background:#0000008c;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1000}.modal-card{background:#17171d;background:var(--panel,#17171d);border:4px solid #2f3036;border:4px solid var(--border,#2f3036);border-radius:8px;box-shadow:0 10px 40px #0009;width:min(92vw,420px)}.modal-header{border-bottom:3px solid #2f3036;border-bottom:3px solid var(--border,#2f3036);padding:12px 14px}.modal-body{grid-gap:12px;display:grid;gap:12px;padding:14px}.modal-body label{font-size:12px;letter-spacing:.5px;opacity:.85;text-transform:uppercase}.modal-body input[type=text]{background:#101015;border:2px solid #2f3036;border:2px solid var(--border,#2f3036);border-radius:6px;color:#eee;color:var(--ink,#eee);padding:10px 12px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.modal-actions button{background:#16161b;border:2px solid #2f3036;border:2px solid var(--border,#2f3036);border-radius:6px;color:#eee;color:var(--ink,#eee);cursor:pointer;padding:8px 12px}.modal-actions button[disabled]{cursor:not-allowed;opacity:.6}.error-banner{background:#3b1620;border:2px solid #9b3a4a;border-radius:6px;color:#ffd9de;font-size:13px;margin-bottom:8px;padding:8px 10px}.field-error{color:#ffb9c2;font-size:12px;margin-bottom:8px;margin-top:4px}.auth-switch{display:flex;justify-content:flex-end;margin-top:6px}.linklike{background:#0000;border:0;color:#cdd7ff;cursor:pointer;padding:4px 0;text-decoration:underline}.linklike:disabled{cursor:default;opacity:.6;text-decoration:none}.portrait-lock{background:#000000bf;display:none;inset:0;padding:24px;place-items:center;position:fixed;z-index:1200}.portrait-lock-card{grid-gap:12px;background:#17171d;border:4px solid #2f3036;border-radius:10px;display:grid;gap:12px;padding:18px;text-align:center;width:min(92vw,520px)}.portrait-lock-title{font-size:20px;font-weight:700}.portrait-lock-text{opacity:.85}@media (orientation:landscape) and (max-height:500px){.portrait-lock{display:grid}}html.debug-layout .tab-content{background:#00e5ff0d;outline:2px solid #00e5ff}html.debug-layout .editor-tab{background:#8a2be20d;outline:2px dashed #8a2be2}html.debug-layout .editor-sidebar{background:#ff00ff0f;outline:2px solid #f0f;position:relative}html.debug-layout .editor-sidebar:after{background:#ff008059;bottom:0;color:#fff;content:"bottom-guard";display:block;font:10px/1 monospace;height:0;height:var(--bottom-guard,0);position:sticky;text-align:center}html.debug-layout .palette-colors{background:#00ff7f12;outline:2px solid #00ff7f}html.debug-layout .palette-color{outline:1px dashed #ffffff59}html.debug-layout .panel{outline:1px solid #fff3}@media (min-width:769px){.mobile-controls,.tools-sheet{display:none!important}.editor-tab{padding-bottom:0}.tool-buttons{display:flex!important}.editor-layout{align-items:flex-start}}@media (max-width:768px){.editor-layout{--mobile-grid-top-gap:2px;align-items:center;flex-direction:column;gap:12px;padding-top:var(--mobile-grid-top-gap);transition:padding-top .25s ease}.mobile-controls{background:var(--bg-0);display:flex;gap:8px;margin-bottom:6px;padding:max(4px,env(safe-area-inset-top)) 8px 6px;position:sticky;top:0;z-index:150}.mini-toggle{background:#141419;border:3px solid var(--border);color:var(--ink);font-size:10px;line-height:1;padding:8px 10px;text-transform:uppercase}.editor-tab.tools-open .mobile-controls{background:#0000;gap:0;margin-bottom:0;padding:4px 4px 0}.editor-tab.tools-open .mobile-controls .mini-toggle{font-size:12px;min-width:44px;padding:6px 0;width:44px}.editor-sidebar{max-height:34dvh;overflow:auto;overscroll-behavior:contain;padding:10px;width:100%}.palette-colors{gap:6px;grid-template-columns:repeat(6,1fr)}.palette-color{height:48px;width:100%}.editor-tab .tool-buttons,.tools-sheet{display:none!important}.tools-sheet{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17171cf2;border-top:4px solid var(--border);bottom:0;box-sizing:border-box;left:0;max-height:34dvh;overflow-y:auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:160}.tools-sheet.open{animation:toolsSheetIn .22s ease;display:block!important}@keyframes toolsSheetIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tools-sheet.open .tool-buttons{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center}.editor-tab.tools-open .editor-layout{--mobile-grid-top-gap:12px;gap:6px}.tool-buttons-mobile .icon{display:none!important}.tool-buttons-mobile .tool-button{gap:.25rem}}@media (max-width:430px){.palette-colors{gap:5px;grid-template-columns:repeat(6,1fr)}.palette-color{height:44px}}@media (max-width:390px){.palette-colors{gap:4px}.palette-color{height:40px}}@media (min-width:768px){.editor-layout{align-items:flex-start}.editor-layout>.panel{align-self:flex-start;box-sizing:border-box;height:auto}.editor-layout>.editor-sidebar,.editor-layout>.palette-panel{flex:0 0 auto}.editor-layout>.canvas-panel,.editor-layout>.editor-canvas,.editor-layout>.editor-main,.editor-layout>.grid-panel,.editor-layout>.panel:nth-child(2){flex:1 1;min-width:0}.editor-sidebar .palette-colors{box-sizing:border-box;padding:4px 12px}.editor-sidebar .palette-preview,.editor-sidebar .preview,.editor-sidebar .preview-box,.editor-sidebar>:first-child{margin-top:8px}}
/*# sourceMappingURL=main.e36a9005.css.map*/