@font-face{font-family:Chevyray;src:url(../fonts/chevyray/chevyray.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChevyrayOeuf;src:url(../fonts/chevyray/chevyrayOeuf.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Chevyray,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e8e0d0;background-color:#2b261d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#2b261d}a{font-weight:600;color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{border:none;padding:.5em .9em;font-size:.95em;font-weight:600;font-family:inherit;background-color:#e7edf8;color:#1f2937;cursor:pointer;transition:background .15s ease,border-color .15s ease}button:hover{background-color:#d9e4fb}textarea{font-family:inherit}:root{--font-family: "Chevyray", system-ui, -apple-system, sans-serif;--bg-app: #2B261D;--bg-gridline: rgba(0, 0, 0, .07);--bg-panel: #201C15;--bg-panel-inset: #1a1710;--bg-panel-header: rgba(0, 0, 0, .2);--bg-panel-hover: rgba(255, 255, 255, .04);--bg-canvas: #2B261D;--bg-canvas-wrapper: #201C15;--text-light: #ffffff;--text-base: #e8e0d0;--text-muted: rgba(232, 224, 208, .6);--text-subtle: rgba(232, 224, 208, .38);--text-dark: #0f0f0e;--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .05);--border-btn: rgba(255, 255, 255, .1);--border-btn-hover: rgba(255, 255, 255, .22);--btn-bg: #2e2820;--btn-bg-hover: rgba(255, 255, 255, .07);--btn-bg-active: #4a3f2e;--btn-border-active: #5a4f3a;--btn-text-active: #f5c842;--shadow-panel: 0 2px 12px rgba(0, 0, 0, .08);--spacing-xs: .2rem;--spacing-sm: .35rem;--spacing-md: .55rem;--spacing-lg: .7rem;--spacing-xl: .85rem;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--sidebar-width: 220px;--sidebar-collapsed-width: 56px;--inspector-min-width: 240px;--inspector-max-width: 340px}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.3) rgba(26,23,16,.6)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#d4af378c}*::-webkit-scrollbar-track{background:#1a171099;border-radius:3px}html,body,#root{min-height:100%}.app{min-height:100vh;height:100%;width:100%;background:var(--bg-app);background-image:linear-gradient(var(--bg-gridline) 1px,transparent 1px),linear-gradient(90deg,var(--bg-gridline) 1px,transparent 1px);background-size:32px 32px;padding:.4rem .55rem;font-family:var(--font-family);color:var(--text-base)}.app-shell{width:100%;margin:0;display:flex;flex-direction:column;gap:.5rem;min-height:100vh}.app-content{flex:1;display:flex;justify-content:center;align-items:stretch;width:100%}.auth-placeholder-wrapper{width:100%;display:flex;flex-direction:column;min-height:100%}.auth-placeholder{width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.landing-footer{width:100%}.landing-footer-inner{max-width:1280px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.landing-footer-brand{font-size:1.1rem;font-weight:700;letter-spacing:.12em;color:#e8e0d026;-webkit-user-select:none;user-select:none}.landing-footer-copy{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#e8e0d040}.landing-footer-note{font-size:.62rem;letter-spacing:.06em;color:#e8e0d02e;text-align:center;max-width:340px}.auth-placeholder-card{width:min(520px,100%);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;background:var(--bg-panel);border:1px solid rgba(212,175,55,.2);border-radius:12px;box-shadow:0 16px 40px #00000080;padding:clamp(1.6rem,3vw,2.2rem);text-align:center}.auth-placeholder-logo{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;border-radius:12px;border:1px solid rgba(212,175,55,.2);background:#1a1710;padding:6px;margin-bottom:.2rem}.public-slider{width:min(480px,100%);display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.public-slider.loading,.public-slider.error{border:1px dashed rgba(212,175,55,.2);background:#d4af370a;padding:.8rem 1rem;font-size:.72rem;letter-spacing:.06em;color:#d4af3780}.public-slider-frame{width:100%;aspect-ratio:16 / 9;border:1px solid rgba(212,175,55,.15);border-radius:6px;background:var(--bg-panel-inset);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.public-slider-frame img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.public-slider-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;font-size:.7rem;letter-spacing:.05em;color:var(--text-muted);text-align:center}.public-slider-placeholder button{background:#d4af371f;border:1px solid rgba(212,175,55,.4);color:#d4af37d9;padding:.3rem .7rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease}.public-slider-placeholder button:hover{background:#d4af3733;border-color:#d4af37a6}.public-slider-meta{display:flex;flex-direction:column;gap:.2rem;align-items:center}.public-slider-name{font-size:.78rem;font-weight:600;letter-spacing:.05em;color:#d4af37e6}.public-slider-owner{font-size:.65rem;letter-spacing:.05em;color:#d4af3773}.public-slider-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.public-slider-controls>button{background:#d4af3712;border:1px solid rgba(212,175,55,.25);color:#d4af37b3;padding:.2rem .55rem;border-radius:6px;cursor:pointer;font-size:.75rem;transition:background .16s ease,border-color .16s ease,color .16s ease}.public-slider-controls>button:hover{background:#d4af3724;border-color:#d4af3780;color:#f5c842}.public-slider-dots{display:flex;gap:.35rem;align-items:center}.public-slider-dots .dot{width:6px;height:6px;border-radius:999px;border:none;background:#d4af3733;cursor:pointer;padding:0;transition:background .16s ease}.public-slider-dots .dot.active{background:#d4af37cc;width:18px}.public-slider-dots .dot:hover{background:#d4af3780}.auth-placeholder-title{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;letter-spacing:.06em;color:#c49a20}.auth-placeholder-text{font-size:.78rem;letter-spacing:.05em;color:var(--text-muted);line-height:1.6;max-width:28ch}.auth-placeholder-actions{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:.6rem;width:100%}.auth-placeholder-cta{width:100%;padding:.75rem 1rem;background:#c49a20;border:1px solid #a8841a;border-radius:6px;color:#0d0b07;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .15s,border-color .15s}.auth-placeholder-cta:hover{background:#d4aa28;border-color:#c49a20}.auth-placeholder-cta.secondary{background:transparent;border-color:#c49a2080;color:#c49a20}.auth-placeholder-cta.secondary:hover{background:#c49a201a;border-color:#c49a20}@media(max-width:640px){.auth-placeholder-card{width:100%}}.top-navbar{display:flex;align-items:center;justify-content:space-between;background:#201c15;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:.3rem .6rem;box-shadow:0 2px 8px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;gap:.25rem}.top-navbar-brand{display:flex;align-items:center;gap:.55rem;min-width:0}.top-navbar-logo-img{height:24px;width:auto;object-fit:contain}.top-navbar-logo{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:#d4af37e6}.top-navbar-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.auth-button,.nav-user-pill,.sidebar-toggle-button{height:1.9rem;display:inline-flex;align-items:center;justify-content:center}.auth-button{background:#d4af3714;border:1px solid rgba(212,175,55,.25);color:#d4af37d9;padding:0 .65rem;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.sidebar-toggle-button{display:inline-flex;align-items:center;gap:.35rem;padding:0 .6rem;width:auto}.sidebar-toggle-button svg{width:1.1rem;height:1.1rem}.auth-button:hover{background:#d4af372e;border-color:#d4af378c;color:#f5c842}.auth-button.primary{background:#c49a20;border-color:#a8841a;color:#000}.auth-button.primary:hover{background:#d4aa28;border-color:#c49a20}.auth-button:disabled{opacity:.55;cursor:not-allowed}.nav-status{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.nav-user-pill{display:flex;align-items:center;background:#d4af371a;border:1px solid rgba(212,175,55,.35);border-radius:0;padding:0 .6rem}.nav-user-email{font-size:.65rem;letter-spacing:.06em;color:#d4af37d9}.nav-map-count{font-size:.6rem;letter-spacing:.04em;color:#d4af3773;border-left:1px solid rgba(212,175,55,.2);padding-left:.5rem;margin-left:.35rem}.nav-map-count-full{color:#e05c5c}.collections-modal-overlay{position:fixed;inset:0;background:#0f0f0e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2100;padding:2rem}.collections-modal{background:#201c15;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-md);width:min(920px,92vw);max-height:82vh;display:flex;flex-direction:column;box-shadow:0 18px 48px #0009;overflow:hidden}.collections-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid rgba(212,175,55,.15);background:#1a1710}.collections-modal-header h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#d4af37e6}.collections-modal-close{background:transparent;border:1px solid rgba(212,175,55,.25);color:#d4af37b3;width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .16s ease,background .16s ease;font-size:.75rem}.collections-modal-close:hover{border-color:#d4af378c;background:#d4af371f;color:#f5c842}.preview-modal-overlay{position:fixed;inset:0;background:#070b16d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.preview-modal{position:relative;width:min(1200px,96vw);max-height:90vh;background:#201c15;border:1px solid rgba(212,175,55,.25);box-shadow:0 20px 48px #0009;border-radius:var(--radius-md);padding:0;display:flex;flex-direction:column}.preview-modal-body{padding:0;overflow:hidden}.preview-modal-body img{display:block;width:100%;height:auto;image-rendering:pixelated}.preview-modal-close{position:absolute;top:.5rem;right:.5rem;width:1.7rem;height:1.7rem;display:inline-flex;align-items:center;justify-content:center;background:#1a1710;border:1px solid rgba(212,175,55,.35);color:#d4af37cc;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;transition:background .16s ease,border-color .16s ease}.preview-modal-close:hover{background:#d4af3726;border-color:#d4af3799;color:#f5c842}.collections-modal-body{padding:.65rem .9rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.collections-error{border:1px solid rgba(248,113,113,.4);background:#f871712e;color:#fecaca;padding:.75rem;font-size:.74rem;letter-spacing:.05em;border-radius:var(--radius-sm)}.collections-empty{border:1px dashed rgba(212,175,55,.2);background:#d4af370a;color:#d4af3780;padding:.7rem;text-align:center;font-size:.72rem;letter-spacing:.06em}.collections-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.55rem;align-items:start}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-block{background:linear-gradient(90deg,#d4af370f 25%,#d4af3721,#d4af370f 75%);background-size:800px 100%;animation:skeleton-shimmer 1.6s infinite linear;border-radius:2px}.collection-skeleton{border:1px solid rgba(212,175,55,.1);background:#1a1710;border-radius:var(--radius-sm);overflow:hidden}.collection-skeleton-thumb{width:100%;padding-top:52%;position:relative}.collection-skeleton-thumb .skeleton-block{position:absolute;inset:0;border-radius:0}.collection-skeleton-details{padding:.5rem .6rem;display:flex;flex-direction:column;gap:.3rem}.collection-skeleton-line{height:.55rem}.collection-skeleton-line.short{width:45%}.collection-skeleton-line.mid{width:70%}.collection-skeleton-line.long{width:88%}.collection-skeleton-actions{display:flex;gap:.35rem;margin-top:.35rem}.collection-skeleton-btn{height:1.4rem;flex:1}.collections-load-more{display:flex;justify-content:center;margin-top:.6rem}.collections-load-more>button{background:#d4af3712;border:1px solid rgba(212,175,55,.3);color:#d4af37cc;padding:.35rem 1.2rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease}.collections-load-more>button:hover:not(:disabled){background:#d4af3724;border-color:#d4af378c}.collections-load-more>button:disabled{opacity:.6;cursor:not-allowed}.collection-card{border:1px solid rgba(212,175,55,.15);background:#1a1710;border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 16px #0006;min-width:0;align-self:start}.collection-thumb{position:relative;width:100%;padding-top:52%;background:var(--bg-panel-inset);border-bottom:1px solid rgba(212,175,55,.12)}.collection-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.collection-thumb-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;letter-spacing:.06em;color:var(--text-muted)}.collection-details{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .6rem}.collection-name{font-size:.75rem;font-weight:600;letter-spacing:.04em;color:#d4af37e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-owner{font-size:.64rem;letter-spacing:.04em;color:#d4af3773;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-owner span{text-transform:none;color:#d4af37b3}.collection-updated{font-size:.62rem;letter-spacing:.03em;color:#d4af3759}.collection-actions{display:flex;align-items:stretch;gap:.35rem;margin-top:.3rem}.collection-open-editor{background:#d4af371a;border:1px solid rgba(212,175,55,.35);color:#d4af37d9;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.collection-open-editor:hover:not(:disabled){background:#d4af372e;border-color:#d4af3799;color:#f5c842}.collection-open-editor:disabled{opacity:.5;cursor:not-allowed}.collection-link{margin-top:0;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:#d4af37b3;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(212,175,55,.3);padding:.25rem .45rem;border-radius:var(--radius-sm);text-align:center;transition:background .16s ease,border-color .16s ease,color .16s ease;flex:1;min-width:0}@media(max-width:960px){.collections-modal-overlay{padding:1rem}.collections-modal{width:min(720px,95vw);max-height:85vh}.collections-modal-header{padding:.5rem .8rem}.collections-modal-body{padding:.55rem .7rem}.collections-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.collection-thumb{padding-top:56%}}@media(max-width:640px){.collection-actions{flex-direction:column;align-items:stretch;gap:.3rem;width:100%}.collection-open-editor,.collection-link{width:100%;margin-top:0}.collections-modal-overlay{padding:.6rem}.collections-modal{width:96vw;max-height:88vh}.collections-modal-header{padding:.45rem .7rem}.collections-modal-body{padding:.5rem .6rem}.collections-list{grid-template-columns:1fr;gap:.45rem}.collection-thumb{padding-top:56%}.collection-details{padding:.45rem .55rem}}.collection-link:hover{border-color:#d4af3799;background:#d4af371a;color:#f5c842}.auth-modal-overlay{position:fixed;inset:0;background:#0a0907b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.auth-modal{position:relative;width:min(440px,100%);background:#1e1a12;border:1px solid rgba(212,175,55,.22);border-radius:10px;box-shadow:0 24px 64px #000000b3;display:flex;flex-direction:column;gap:0;padding:2rem 2rem 1.75rem}.auth-modal-close{position:absolute;top:.85rem;right:.85rem;background:transparent;border:1px solid rgba(212,175,55,.2);border-radius:5px;color:#d4af3773;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.8rem;line-height:1;transition:background .15s,border-color .15s,color .15s}.auth-modal-close:hover{background:#d4af371a;border-color:#d4af3773;color:#f5c842}.auth-modal-brand{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1.5rem}.auth-modal-logo{width:52px;height:52px;object-fit:contain;opacity:.9}.auth-modal-brand-name{font-size:1.1rem;font-weight:700;color:#f5c842;letter-spacing:.06em}.auth-modal-brand-sub{font-size:.72rem;color:#d4af3766;letter-spacing:.12em;text-transform:uppercase}.auth-modal-title{font-size:1.25rem;font-weight:700;color:#d4af37f2;margin:0 0 1.25rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field span{font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#d4af3780}.auth-field input{background:#151210;border:1px solid rgba(212,175,55,.2);border-radius:5px;color:#d4af37f2;font-size:.95rem;font-family:Chevyray,system-ui,sans-serif;outline:none;padding:.6rem .75rem;transition:border-color .15s;width:100%;box-sizing:border-box}.auth-field input::placeholder{color:#d4af3733;font-family:Chevyray,system-ui,sans-serif}.auth-field input:focus{border-color:#d4af3780}.auth-rules-check{display:flex;align-items:flex-start;gap:.55rem;cursor:pointer}.auth-rules-check input[type=checkbox]{appearance:none;width:16px;height:16px;min-width:16px;border:1px solid rgba(212,175,55,.35);border-radius:3px;background:#151210;cursor:pointer;margin-top:2px;position:relative;transition:border-color .15s,background .15s}.auth-rules-check input[type=checkbox]:checked{background:#d4af3740;border-color:#d4af3799}.auth-rules-check input[type=checkbox]:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#f5c842;line-height:16px;text-align:center;width:100%}.auth-rules-check span{font-size:.8rem;color:#d4af378c;line-height:1.5}.auth-rules-link{color:#d4af37d9;font-weight:600;text-decoration:underline;text-underline-offset:2px}.auth-error{font-size:.78rem;color:#f87171;margin:0;padding:.4rem .6rem;background:#f8717114;border-radius:4px;border-left:2px solid rgba(248,113,113,.4)}.auth-submit{background:#d4af372e;border:1px solid rgba(212,175,55,.4);border-radius:5px;color:#f5c842;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.06em;margin-top:.2rem;padding:.65rem;text-transform:uppercase;transition:background .15s,border-color .15s,opacity .15s;width:100%}.auth-submit:hover{background:#d4af3747;border-color:#d4af37a6}.auth-submit:disabled{opacity:.35;cursor:not-allowed}.auth-switch-hint{margin:.25rem 0 0;font-size:.78rem;color:#d4af3759;text-align:center}.auth-switch-btn{background:none;border:none;color:#d4af37b3;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.auth-switch-btn:hover{color:#f5c842;background:none;background-color:transparent}.faq-modal-overlay{position:fixed;inset:0;background:#0f0f0e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2100;padding:1.5rem}.faq-modal{width:min(520px,100%);max-height:min(560px,90vh);background:#201c15;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-md);box-shadow:0 20px 48px #0000008c;display:flex;flex-direction:column;gap:.35rem;padding:.6rem .8rem;overflow:hidden}.faq-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.faq-modal-header h2{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d4af37e6}.faq-modal-close{background:transparent;border:1px solid rgba(212,175,55,.25);color:#d4af3799;width:26px;height:26px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.faq-modal-close:hover{background:#d4af371f;border-color:#d4af3780;color:#f5c842}.faq-modal-body{display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;padding-right:.25rem}.faq-item{display:flex;flex-direction:column;gap:.18rem;padding:.35rem .5rem;border-radius:var(--radius-sm);background:#1a1710;border:1px solid rgba(212,175,55,.1)}.faq-item h3{font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;color:#d4af37d9}.faq-item p{font-size:.63rem;letter-spacing:.03em;line-height:1.45;color:#d4af3780}.faq-button-preview{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.4rem;padding:0 .4rem;gap:.25rem;background:#2b261d;border:1px solid rgba(212,175,55,.25);color:#d4af37bf;border-radius:var(--radius-sm);font-size:.63rem;letter-spacing:.04em;white-space:nowrap}.faq-button-preview svg{width:.85rem;height:.85rem}.faq-button-group{display:inline-flex;flex-wrap:wrap;gap:.25rem;align-items:center}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.panel{background:var(--bg-panel);border:1px solid var(--border-primary);box-shadow:var(--shadow-panel);padding:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:var(--spacing-md);scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.3) rgba(26,23,16,.6)}.panel::-webkit-scrollbar{width:6px;height:6px}.panel::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.btn{background:var(--btn-bg);border:1px solid var(--border-btn);color:var(--text-base);padding:.28rem .65rem;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease;border-radius:var(--radius-md);white-space:nowrap}.btn:hover{background:var(--btn-bg-hover);border-color:var(--border-btn-hover)}.btn.active{background:var(--btn-bg-active);border-color:var(--btn-border-active);color:var(--btn-text-active)}.btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-section{background:var(--bg-panel);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;margin-bottom:.18rem}.section-header{padding:.2rem .45rem;display:flex;align-items:center;justify-content:space-between;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#000;background:#c49a20;border:none;cursor:pointer}.section-header-main{display:flex;align-items:center;gap:.55rem;min-width:0}.section-icon{width:1.2rem;height:1.2rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon img{width:100%;height:100%;display:block;object-fit:contain;filter:none}.section-label{white-space:nowrap}.section-header:hover{background:#a57d10}.collapse-icon{display:inline-block;width:1.25rem;height:1.25rem;color:#0000008c;transition:transform .18s ease,color .18s ease;transform-origin:center}.collapse-icon path{stroke:currentColor}.collapse-icon.expanded{transform:rotate(90deg)}.section-body{padding:.25rem .35rem .3rem;display:flex;flex-direction:column;gap:.2rem}.empty-state{border:1px solid var(--border-secondary);background:var(--bg-panel-inset);padding:1.4rem;font-size:.78rem;letter-spacing:.06em;color:var(--text-muted);text-align:center;border-radius:var(--radius-md)}.tile-map-editor{width:100%;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:.6rem;padding-bottom:22px}.tile-map-editor.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr);gap:0}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(var(--inspector-min-width),24vw,var(--inspector-max-width));gap:.6rem;align-items:stretch;min-width:0;min-height:0}.editor-body.inspector-collapsed{grid-template-columns:minmax(0,1fr)}.editor-body.inspector-collapsed>.sidebar{display:none}.editor-body>.sidebar{min-width:0;max-height:calc(100vh - 1.5rem);overflow:hidden}.control-sidebar{position:relative;overflow-y:auto;max-height:calc(100vh - 1.5rem)}.control-sidebar.collapsed{width:0;padding:0;margin:0;border:0;overflow:hidden}.sidebar-collapse-toggle svg{width:1.1rem;height:1.1rem}.sidebar-nav{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.collapsed-controls{display:grid;grid-template-rows:repeat(4,2.25rem);gap:var(--spacing-xs)}.collapsed-control-button{background:var(--btn-bg);border:1px solid var(--border-btn);color:var(--text-base);padding:0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease;display:inline-flex;align-items:center;justify-content:center}.collapsed-control-button:hover{background:var(--btn-bg-hover);border-color:var(--border-btn-hover);color:#f5c842}.collapsed-control-button:disabled{opacity:.45;cursor:not-allowed}.collapsed-zoom-indicator{display:inline-flex;justify-content:center;align-items:center;padding:0;font-size:.72rem;letter-spacing:.08em;color:#e2e8f0eb;background:var(--bg-panel-inset);border:1px solid rgba(71,85,105,.6);border-radius:var(--radius-md)}.sidebar-nav-button{background:transparent;border:1px solid transparent;color:var(--text-base);display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;transition:background .16s ease,border-color .16s ease,color .16s ease}.sidebar-nav-button svg{width:1rem;height:1rem}.sidebar-nav-button.active{background:var(--btn-bg-active);border-color:var(--btn-border-active);color:var(--btn-text-active)}.sidebar-nav-button:hover{background:var(--btn-bg-hover);border-color:var(--border-btn-hover)}.control-sidebar.collapsed .sidebar-nav{flex-direction:column;align-items:center;gap:var(--spacing-xs)}.control-sidebar.collapsed .sidebar-nav-button{width:2.6rem;padding:.45rem;justify-content:center}.control-sidebar.collapsed .sidebar-nav-button span{display:none}.control-sidebar.collapsed .section-header{justify-content:center;padding:.6rem 0;background:transparent;border:none}.control-sidebar.collapsed .section-label{display:none}.control-sidebar.collapsed .section-header-main{justify-content:center}.control-sidebar.collapsed .collapse-icon,.control-sidebar.collapsed .section-body{display:none}.sidebar-collapse-toggle img{width:1.4rem;height:1.4rem;display:block;filter:none}.sidebar-intro{display:flex;flex-direction:column;gap:.35rem;padding-bottom:.9rem;border-bottom:1px solid var(--border-primary)}.sidebar-intro h1{margin:0;font-size:1.22rem;font-weight:600;color:var(--text-light);letter-spacing:.04em}.sidebar-subtitle{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.selection-buttons,.rotation-buttons,.map-action-buttons,.preview-buttons{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.map-action-buttons button{display:inline-flex;align-items:center;gap:.35rem}.map-size-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;align-items:stretch}.map-size-inputs button{width:100%;justify-self:stretch;grid-column:span 2}.map-size-inputs button,.selection-button,.rotation-button,.zoom-buttons button,.map-action-buttons button,.preview-buttons button,.tileset-tab-button,.sidebar-tab,.tileset-source-card{background:#d4af3712;border:1px solid rgba(212,175,55,.2);color:#d4af37b3;padding:.16rem .4rem;font-size:.62rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease;border-radius:var(--radius-md);white-space:nowrap}.map-size-inputs button:hover,.selection-button:hover,.rotation-button:hover,.zoom-buttons button:hover,.map-action-buttons button:hover,.preview-buttons button:hover,.tileset-tab-button:hover,.sidebar-tab:hover,.tileset-source-card:hover{background:#d4af3726;border-color:#d4af3773;color:#f5c842}.selection-button.active,.rotation-button.active,.tileset-tab-button.active,.sidebar-tab.active,.tileset-source-card.active{background:#d4af3733;border-color:#d4af37a6;color:#f5c842}.map-size-inputs button:disabled,.selection-button:disabled,.rotation-button:disabled,.zoom-buttons button:disabled,.map-action-buttons button:disabled,.preview-buttons button:disabled,.tileset-tab-button:disabled,.sidebar-tab:disabled,.tileset-source-card:disabled{opacity:.4;cursor:not-allowed}.map-size-inputs label{display:flex;flex-direction:column;gap:.2rem;font-size:.62rem;color:var(--text-muted);letter-spacing:.05em;width:100%}.map-size-inputs input{width:100%;padding:.12rem .35rem;font-size:.68rem;color:#d4af37e6;background:#1a1710;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-sm);height:1.45rem;display:inline-flex;align-items:center}.map-size-inputs input:focus{outline:none;border-color:#d4af37b3;box-shadow:0 0 0 2px #d4af371f}.map-size-inputs input[type=number]{-moz-appearance:textfield;appearance:textfield}.map-size-inputs input[type=number]::-webkit-inner-spin-button,.map-size-inputs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0;width:20px;height:100%;cursor:pointer;background-color:#d4af371f;border-left:1px solid rgba(212,175,55,.25);display:flex;flex-direction:column;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M0 5L5 0L10 5' fill='rgba(212,175,55,0.85)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M0 0L5 5L10 0' fill='rgba(212,175,55,0.85)'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center 30%,center 70%;background-size:8px 4px,8px 4px;opacity:1}.map-size-inputs input[type=number]::-webkit-inner-spin-button:hover,.map-size-inputs input[type=number]::-webkit-outer-spin-button:hover{background-color:#d4af3740;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M0 5L5 0L10 5' fill='%23f5c842'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M0 0L5 5L10 0' fill='%23f5c842'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center 30%,center 70%;background-size:8px 4px,8px 4px}.zoom-slider{--slider-progress: 0%;--slider-track-bg: rgba(255, 255, 255, .08);--slider-track-fill: rgba(212, 175, 55, .75);--slider-thumb-bg: #c49a20;--slider-thumb-border: #f5c842;--slider-thumb-shadow: 0 0 0 3px rgba(212, 175, 55, .18);width:100%;min-width:0;height:.75rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;transition:opacity .16s ease}.zoom-slider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--slider-track-fill) 0%,var(--slider-track-fill) var(--slider-progress),var(--slider-track-bg) var(--slider-progress),var(--slider-track-bg) 100%)}.zoom-slider::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:var(--slider-thumb-bg);border:2px solid var(--slider-thumb-border);border-radius:50%;box-shadow:var(--slider-thumb-shadow);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;margin-top:-5px}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #d4af3740}.zoom-slider::-moz-range-track{height:3px;border-radius:2px;background:var(--slider-track-bg)}.zoom-slider::-moz-range-progress{height:3px;border-radius:2px;background:var(--slider-track-fill)}.zoom-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;width:13px;height:13px;background:var(--slider-thumb-bg);border:2px solid var(--slider-thumb-border);border-radius:50%;box-shadow:none;cursor:pointer}.zoom-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm);align-items:center}.zoom-buttons button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.zoom-slider{grid-column:1 / span 2;height:auto;min-height:2.2rem}.zoom-buttons button:nth-child(1),.zoom-buttons button:nth-child(2),.zoom-buttons button:nth-child(3){padding:.2rem .5rem}.zoom-buttons button svg{width:1.1rem;height:1.1rem}.zoom-slider:focus-visible::-webkit-slider-thumb{transform:scale(1.08);box-shadow:var(--slider-thumb-shadow),0 0 0 4px #3b82f640}.zoom-slider:focus-visible::-moz-range-thumb{transform:none;box-shadow:none}.zoom-slider:disabled{cursor:not-allowed;opacity:.4}.zoom-slider:disabled::-webkit-slider-thumb,.zoom-slider:disabled::-moz-range-thumb{cursor:not-allowed;opacity:.7;box-shadow:0 0 0 1px #0000000a}.zoom-label{grid-column:3 / span 1;justify-self:end;font-size:.74rem;letter-spacing:.08em;color:var(--text-muted);min-width:60px;text-align:right}.zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--btn-bg-active);border:2px solid var(--btn-border-active);box-shadow:0 0 0 2px #0f172a99;cursor:pointer;transition:transform .16s ease}.zoom-slider:focus-visible::-webkit-slider-thumb,.zoom-slider:focus-visible::-moz-range-thumb{transform:scale(1.1)}.zoom-slider:disabled{opacity:.4;cursor:not-allowed}.zoom-slider:disabled::-webkit-slider-thumb,.zoom-slider:disabled::-moz-range-thumb{cursor:not-allowed}.play-mode-controls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.play-mode-label{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.play-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;max-height:170px;overflow-y:auto;padding-right:.2rem}.play-character-card{position:relative;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;padding:.35rem .3rem;background:var(--bg-panel);border:1px solid var(--border-btn);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.play-character-card:hover{border-color:var(--border-btn-hover);background:var(--bg-panel-hover)}.play-character-card.active{border-color:var(--btn-border-active);background:#c49a2026;box-shadow:inset 0 0 0 1px #c49a2059}.play-character-thumb{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;overflow:hidden}.play-character-thumb img{width:34px;height:34px;image-rendering:pixelated;object-fit:contain}.play-character-label{position:absolute;left:0;right:0;bottom:0;padding:.24rem .35rem;background:linear-gradient(180deg,#02061700,#020617e6 70%);color:var(--text-base);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-character-empty{font-size:.68rem;letter-spacing:.04em;color:#00000040;padding:.5rem .4rem;background:#0000000a;border:1px dashed rgba(0,0,0,.09);border-radius:var(--radius-sm);text-align:center}.play-character-preview{display:flex;justify-content:center;align-items:center;padding:.35rem;background:#0000000a;border:1px dashed rgba(0,0,0,.09);border-radius:var(--radius-sm)}.play-character-preview img{width:48px;height:48px;image-rendering:pixelated}.play-mode-buttons{display:flex;gap:var(--spacing-xs)}.play-mode-buttons button{flex:1;background:var(--btn-bg);border:1px solid var(--border-btn);color:var(--text-base);padding:.2rem .4rem;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.play-mode-buttons button:hover{background:var(--btn-bg-hover);border-color:var(--border-btn-hover)}.play-mode-buttons button:disabled{opacity:.4;cursor:not-allowed}.play-mode-hint{font-size:.64rem;color:#00000040;letter-spacing:.04em;line-height:1.4}.tile-type-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.18rem;align-items:stretch}.tile-type-button{background:var(--btn-bg);border:1px solid var(--border-btn);color:#d4af378c;padding:.12rem .3rem;font-size:.6rem;letter-spacing:.07em;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease;border-radius:var(--radius-sm);min-width:0;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase}.tile-type-button strong{font-size:inherit;font-weight:600;letter-spacing:inherit}.tile-type-button:hover{background:var(--btn-bg-hover);border-color:var(--border-btn-hover)}.tile-type-button.active{background:var(--btn-bg-active);border-color:var(--btn-border-active);color:var(--btn-text-active)}.tile-type-button:disabled{opacity:.45;cursor:not-allowed}.canvas-pane{background:var(--bg-canvas-wrapper);border-color:var(--border-primary);min-height:400px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.canvas-wrapper{width:100%;height:100%;border:1px solid var(--border-secondary);background:var(--bg-canvas);overflow:auto;border-radius:var(--radius-md);position:relative;flex:1;scroll-behavior:smooth;overscroll-behavior:contain}.canvas-wrapper.pan-ready{cursor:grab}.canvas-wrapper.pan-active{cursor:grabbing}.canvas-stage{position:relative}.canvas-wrapper canvas{image-rendering:pixelated;display:block;background:transparent;position:relative;z-index:1}.canvas-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:2;opacity:.7;background-image:linear-gradient(var(--bg-gridline) 1px,transparent 1px),linear-gradient(90deg,var(--bg-gridline) 1px,transparent 1px);background-repeat:repeat}.grid-hover-cell{position:absolute;top:0;left:0;border:1px solid rgba(148,163,184,.95);background:#94a3b833;border-radius:0;pointer-events:none;transform-origin:top left;transition:opacity .08s ease}.grid-selection-area{position:absolute;top:0;left:0;border:1px solid rgba(96,165,250,.9);background:#60a5fa40;border-radius:0;pointer-events:none;transform-origin:top left}.tile-type-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:3;image-rendering:optimizespeed}.tile-type-overlay-icon{position:absolute;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(15,23,42,.35));opacity:.9}.canvas-toolbar{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;padding:.2rem .35rem;background:#201c15;border-bottom:1px solid rgba(255,255,255,.06)}.canvas-toolbar-group{display:inline-flex;gap:.3rem;align-items:center}.canvas-toolbar-spacer{flex:1}.marker-button{min-width:2.2rem}.canvas-toolbar-button{background:var(--btn-bg);border:1px solid var(--border-btn);color:#d4af378c;padding:.16rem .35rem;font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease;border-radius:var(--radius-sm);min-width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center}.canvas-toolbar-button:hover{background:var(--btn-bg-hover);border-color:var(--border-btn-hover);color:#d4af37d9}.canvas-toolbar-button.active{background:var(--btn-bg-active);border-color:var(--btn-border-active);color:var(--btn-text-active)}.canvas-toolbar-button svg{width:1rem;height:1rem;pointer-events:none}.canvas-placeholder{width:100%;min-height:280px;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-panel-inset);border:1px solid var(--border-btn);font-size:.84rem;letter-spacing:.04em;color:var(--text-muted);text-align:center;padding:1.5rem;border-radius:var(--radius-md)}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;min-width:0}.sidebar-tabs{display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.sidebar-tab{text-align:center;flex-grow:1;width:100%;padding:.2rem .4rem;font-size:.63rem;letter-spacing:.08em}.sidebar-content{display:flex;flex-direction:column;gap:.6rem;flex:1;min-height:0;overflow-y:auto;padding-right:calc(var(--spacing-xs) + 4px)}.tileset-tab,.inspector-tab,.export-tab{display:flex;flex-direction:column;gap:.85rem}.tileset-tab{flex:1;min-height:0;display:grid;grid-template-rows:auto auto 1fr;gap:var(--spacing-md)}.tileset-label{font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.tileset-source{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--border-secondary);background:var(--bg-panel-inset);padding:.25rem;border-radius:var(--radius-md);max-height:180px}.tileset-source-body{display:flex;flex-direction:column;gap:.18rem;max-height:140px;overflow-y:auto}.tileset-source-grid{display:grid;grid-template-columns:repeat(4,40px);gap:.18rem;overflow-x:auto}.tileset-source-card{width:40px;height:40px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-start;position:relative;image-rendering:pixelated;padding:0;overflow:hidden;border-radius:2px;flex-shrink:0}.tileset-source-card span{width:100%;background:linear-gradient(180deg,#0000,#000000d1 55%);color:#ffffffe6;padding:.15rem .2rem;font-size:.48rem;letter-spacing:.03em;text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}.tile-palette{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--border-secondary);background:var(--bg-panel-inset);padding:.25rem;border-radius:var(--radius-md);overflow-y:auto;min-height:0}.tileset-tabs{display:flex;flex-direction:column;gap:.5rem}.tileset-tab-buttons{display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.3) rgba(26,23,16,.6)}.tileset-tab-panel,.tileset-section{border:1px solid var(--border-secondary);background:var(--bg-panel-inset);padding:.6rem;border-radius:var(--radius-md)}.tileset-section{display:flex;flex-direction:column;gap:.4rem}.tileset-section-title{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle)}.tileset-grid{display:grid;gap:.18rem;overflow-x:auto}.tileset-cell{width:40px;height:40px;padding-top:0;position:relative;border:1px solid rgba(212,175,55,.12);background-repeat:no-repeat;image-rendering:pixelated;transition:border-color .16s ease,box-shadow .16s ease;border-radius:2px;cursor:pointer;flex-shrink:0}.tileset-cell>*{position:absolute;top:0;left:0;width:100%;height:100%}.my-maps-panel{display:flex;flex-direction:column;gap:.25rem;border:1px solid rgba(212,175,55,.15);background:var(--bg-panel-inset);padding:.35rem;border-radius:var(--radius-md)}.my-maps-header{display:flex;align-items:center;justify-content:space-between;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#d4af3780}.my-maps-count{font-size:.62rem;color:#d4af3773}.my-maps-count-full{color:#e05c5c}.my-maps-loading{font-size:.62rem;color:#d4af3766}.my-maps-message{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .45rem;border-radius:var(--radius-sm);font-size:.64rem;letter-spacing:.04em}.my-maps-message.success{background:#d4af371a;border:1px solid rgba(212,175,55,.3);color:#d4af37d9}.my-maps-message.error{background:#f871711f;border:1px solid rgba(248,113,113,.3);color:#fca5a5}.my-maps-message button{background:transparent;border:none;color:inherit;cursor:pointer;font-size:.75rem;line-height:1;padding:0}.my-maps-actions{display:flex;gap:.2rem}.my-maps-actions button{flex:1;background:#d4af371a;border:1px solid rgba(212,175,55,.28);color:#d4af37cc;padding:.28rem .5rem;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.my-maps-actions button:hover:not(:disabled){background:#d4af3738;border-color:#d4af378c;color:#f5c842}.my-maps-actions button:disabled{opacity:.35;cursor:not-allowed}.my-maps-list{display:flex;flex-direction:column;gap:.18rem;max-height:190px;overflow-y:auto}.my-map-card{border:1px solid rgba(212,175,55,.12);background:#1a1710;border-radius:var(--radius-sm);display:flex;flex-direction:column}.my-map-card.active{border-color:#d4af378c;box-shadow:0 0 0 1px #d4af3726}.my-map-card:hover{border-color:#d4af374d;box-shadow:0 4px 12px #0000004d}.my-map-main{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.35rem .45rem;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer;transition:background .16s ease}.my-map-main:hover{background:#d4af370d}.my-map-name{font-size:.68rem;font-weight:600;letter-spacing:.05em;color:#d4af37e0}.my-map-meta{font-size:.58rem;color:#d4af376b;letter-spacing:.04em;display:block}.my-map-footer{display:flex;align-items:center;justify-content:space-between;padding:.28rem .45rem;gap:.4rem;border-top:1px solid rgba(212,175,55,.1)}.my-map-status{font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;padding:.14rem .35rem;border-radius:var(--radius-sm);border:1px solid rgba(212,175,55,.2);color:#d4af3799;background:#d4af3712}.my-map-status.pending{background:#facc151a;border-color:#facc154d;color:#facc15}.my-map-status.approved{background:#4ade801a;border-color:#4ade804d;color:#86efac}.my-map-status.rejected{background:#f871711a;border-color:#f871714d;color:#fca5a5}.my-map-actions{display:flex;gap:.25rem}.my-map-actions button{background:#d4af3714;border:1px solid rgba(212,175,55,.2);color:#d4af37b3;padding:.2rem .4rem;font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.my-map-actions button:hover:not(:disabled){border-color:#d4af3780;background:#d4af372e;color:#f5c842}.my-map-actions button:disabled{opacity:.35;cursor:not-allowed}.my-maps-empty{border:1px dashed rgba(212,175,55,.15);background:#d4af3708;padding:.65rem;font-size:.64rem;letter-spacing:.05em;color:#d4af3759;text-align:center}.tileset-cell:hover{border-color:var(--border-btn-hover)}.tileset-cell.active{border-color:var(--btn-text-active);box-shadow:0 0 0 2px #00000017}.tileset-empty,.hover-empty,.preview-empty{border:1px solid var(--border-secondary);background:var(--bg-panel-inset);padding:1.4rem;font-size:.78rem;letter-spacing:.06em;color:var(--text-muted);text-align:center;border-radius:var(--radius-md)}.hover-panel{display:flex;flex-direction:column;gap:.3rem}.hover-panel span{font-weight:600;letter-spacing:.1em;font-size:.62rem;text-transform:uppercase;color:#d4af3780}.hover-details{display:grid;gap:.18rem;font-size:.67rem;color:#d4af37cc;letter-spacing:.04em;word-break:break-word}.preview-panel,.export-panel{display:flex;flex-direction:column;gap:.3rem}.preview-panel>span,.export-panel>span{font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:#e8e0d08c}.export-subtabs{display:flex;gap:.25rem;padding:.25rem 0;border-bottom:1px solid rgba(212,175,55,.15);margin-bottom:.25rem}.export-subtab{background:transparent;border:none;color:#d4af3773;font-size:.62rem;padding:.25rem .55rem;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:all .16s;border-radius:var(--radius-sm)}.export-subtab:hover{background:#d4af3714;color:#d4af37bf}.export-subtab.active{background:#d4af3726;border:1px solid rgba(212,175,55,.35);color:#f5c842;font-weight:600}.map-name-panel{display:flex;flex-direction:column;gap:.3rem}.map-name-panel label{display:flex;flex-direction:column;gap:.2rem;font-size:.62rem;letter-spacing:.05em;color:#d4af3780}.map-name-panel label span{font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:#e8e0d08c}.map-name-panel input{background:#1a1710;border:1px solid rgba(212,175,55,.25);color:#d4af37e6;padding:.28rem .45rem;font-size:.68rem;letter-spacing:.04em;outline:none;border-radius:var(--radius-sm)}.map-name-panel input:focus{border-color:#d4af3799;box-shadow:0 0 0 2px #d4af371a}.preview-image{width:100%;border:1px solid rgba(212,175,55,.2);image-rendering:pixelated;border-radius:var(--radius-md)}.export-panel textarea{width:100%;min-height:180px;background:#1a1710;border:1px solid rgba(212,175,55,.2);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.65rem;color:#d4af37cc;padding:.45rem;letter-spacing:.03em;resize:vertical;border-radius:var(--radius-sm);outline:none}.export-panel textarea:focus{border-color:#d4af3780}.json-editor-controls{display:flex;gap:.3rem;margin-bottom:.3rem}.json-editor-controls button{background:#d4af371a;border:1px solid rgba(212,175,55,.28);color:#d4af37cc;padding:.28rem .55rem;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:background .16s,border-color .16s,color .16s}.json-editor-controls button:hover:not(:disabled){background:#d4af3738;border-color:#d4af378c;color:#f5c842}.json-editor-controls button:disabled{opacity:.35;cursor:not-allowed}.json-editor-error{color:#ef4444;font-size:.65rem;margin-bottom:.3rem;padding:.35rem .45rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm)}.json-editor-textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.65rem;min-height:140px}@media(max-width:1200px){:root{--sidebar-width: 250px;--inspector-min-width: 240px;--inspector-max-width: 360px}}@media(max-width:1024px){.app{--spacing-lg: clamp(1rem, 1.8vw, 1.2rem);--spacing-xl: clamp(1.2rem, 2.2vw, 1.6rem)}.tile-map-editor,.editor-body{grid-template-columns:1fr}.control-sidebar{order:2;max-height:none}.editor-body{order:1}.sidebar{order:3;max-height:none}.sidebar-content{max-height:none}.zoom-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.zoom-label{grid-column:1 / span 2;justify-self:center;text-align:center}}@media(max-width:720px){.app{--spacing-xl: var(--spacing-lg)}.panel{padding:var(--spacing-md)}.tileset-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-size-inputs,.tile-type-buttons{grid-template-columns:1fr}.top-navbar{flex-direction:column;align-items:stretch}.top-navbar-brand{width:100%;justify-content:space-between}.top-navbar-actions{width:100%;justify-content:space-between;gap:var(--spacing-xs)}.nav-user-pill{flex:1;justify-content:center}.top-navbar-actions button,.top-navbar-actions .auth-button,.top-navbar-actions .nav-status{flex:1;text-align:center}.top-navbar-actions .auth-button{min-width:0}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.65rem;z-index:2200;pointer-events:none}.toast{min-width:220px;max-width:320px;padding:.8rem 1.05rem;border-radius:3px;font-size:.76rem;letter-spacing:.04em;color:#fff;box-shadow:0 12px 28px #00000014;background:#047857;border:1px solid #34d399;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-transform:uppercase;font-weight:500}.toast-success{background:#047857;border-color:#34d399}.toast-error{background:#b91c1c;border-color:#f87171}.toast-info{background:#1d4ed8;border-color:#93c5fd}@media(max-width:640px){.toast-container{top:auto;bottom:1rem;right:50%;transform:translate(50%);width:calc(100vw - 2rem);max-width:420px;align-items:flex-end}.toast{width:100%;max-width:100%;border-radius:0}}.app-footer{margin-top:var(--spacing-lg);padding:.75rem 1rem;text-align:center;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#cbd5e1b8;border-top:1px solid rgba(71,85,122,.45);background:#0000000d}@media(max-width:640px){.public-slider{width:100%}.public-slider-frame{aspect-ratio:4 / 3}}.quick-toolbar{display:none}.tooltip{position:relative;display:inline-flex}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%);background:var(--bg-panel);color:var(--text-base);padding:.25rem .5rem;font-size:.65rem;letter-spacing:.08em;white-space:nowrap;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);box-shadow:0 8px 18px #02061759;opacity:0;pointer-events:none;transition:opacity .14s ease}.tooltip:hover:after{opacity:1}.canvas-toolbar-button:disabled{opacity:.45;cursor:not-allowed}.collapsed-zoom-inline{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.collapsed-zoom-inline .canvas-toolbar-button{width:2.25rem;height:2rem;padding:0;justify-content:center}.collapsed-zoom-inline .collapsed-zoom-indicator{cursor:default;font-size:.7rem;letter-spacing:.08em;font-weight:400;background:var(--bg-panel);border:1px solid rgba(0,0,0,.14);color:#e2e8f0eb;width:auto;min-width:0;padding:0 .7rem}.preview-buttons button{display:inline-flex;align-items:center;gap:.35rem;justify-content:center}.preview-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#020617e0;z-index:2400;padding:2.5rem}.preview-modal{position:relative;max-width:min(95vw,1200px);max-height:min(95vh,900px);background:var(--bg-panel);border:1px solid rgba(71,85,122,.65);border-radius:var(--radius-md);box-shadow:0 24px 48px #02061799;padding:1.5rem;display:flex;align-items:center;justify-content:center}.preview-modal img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.09);box-shadow:0 18px 36px #00000014}.preview-modal-close{position:absolute;top:.75rem;right:.75rem;width:2.2rem;height:2.2rem;background:var(--bg-panel);border:1px solid rgba(148,163,184,.6);border-radius:var(--radius-sm);color:#e2e8f0eb;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.preview-modal-close:hover{background:var(--bg-panel);border-color:#94c5ffb3;color:#e0f2fe}.legacy-tab{display:flex;flex-direction:column;height:100%;gap:var(--spacing-sm)}.legacy-maps-panel{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;overflow:hidden}.legacy-maps-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.08)}.legacy-maps-header>span:first-child{font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#d4af37e6}.legacy-maps-count{font-size:.7rem;letter-spacing:.05em;color:#d4af3773}.legacy-maps-list{display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto;padding-right:var(--spacing-xs);flex:1}.legacy-map-card{background:#1a1710;border:1px solid rgba(255,255,255,.07);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.legacy-map-card:hover{background:#201c15;border-color:#ffffff24;box-shadow:0 4px 12px #0006}.legacy-map-main{display:flex;flex-direction:column;gap:var(--spacing-sm)}.legacy-map-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.legacy-map-name{font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#d4af37e6;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-map-id{font-size:.7rem;letter-spacing:.05em;color:var(--text-muted);font-weight:500;flex-shrink:0}.legacy-map-details{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.72rem;color:var(--text-subtle)}.legacy-map-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.legacy-map-pvp{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.15rem .5rem;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;font-weight:500}.legacy-map-spawn{font-size:.7rem;color:var(--text-muted)}.legacy-map-graphics{display:flex;flex-direction:column;gap:var(--spacing-xs)}.legacy-map-graphics>span:first-child{font-size:.7rem;color:var(--text-muted)}.legacy-map-graphics-list{display:flex;flex-wrap:wrap;gap:.3rem}.legacy-map-graphics-item{background:#d4af3712;border:1px solid rgba(212,175,55,.2);padding:.2rem .5rem;font-size:.65rem;letter-spacing:.03em;color:#d4af37bf;border-radius:var(--radius-sm)}.legacy-map-graphics-more{background:#d4af3712;border:1px solid rgba(212,175,55,.2);padding:.2rem .5rem;font-size:.65rem;letter-spacing:.03em;color:#d4af378c;border-radius:var(--radius-sm)}.legacy-map-footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-xs);border-top:1px solid rgba(255,255,255,.07)}.legacy-map-load-button{background:#d4af3726;border:1px solid rgba(212,175,55,.4);color:#d4af37e6;padding:.5rem 1rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease;font-weight:500}.legacy-map-load-button:hover:not(:disabled){background:#d4af3747;border-color:#d4af37b3;color:#f5c842}.legacy-map-load-button:active:not(:disabled){background:#d4af3761;border-color:#d4af37e6;color:#f5c842}.legacy-map-load-button:disabled{opacity:.35;cursor:not-allowed}.legacy-maps-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);font-size:.75rem;letter-spacing:.05em;color:var(--text-muted);text-align:center}.editor-statusbar{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:stretch;height:22px;background:#0a0c14f7;border-top:1px solid rgba(212,175,55,.3);font-size:.69rem;font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.03em;overflow:hidden;-webkit-user-select:none;user-select:none}.statusbar-item{display:flex;align-items:center;gap:4px;padding:0 10px;border-right:1px solid rgba(212,175,55,.18);white-space:nowrap}.statusbar-label{color:#d4af3780}.statusbar-value{color:#d4af37f2;font-weight:500}.admin-page{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#181410;color:#d4af37e6}.admin-page-header{display:flex;align-items:center;gap:1.25rem;padding:.6rem 1rem;border-bottom:1px solid rgba(212,175,55,.15);flex-shrink:0;background:#1c1810}.admin-back-btn{background:transparent;border:1px solid rgba(212,175,55,.22);border-radius:5px;color:#d4af3799;cursor:pointer;font-size:.78rem;padding:.28rem .7rem;transition:color .15s,border-color .15s;white-space:nowrap}.admin-back-btn:hover{color:#f5c842;border-color:#d4af3780}.admin-page-title{margin:0;font-size:.95rem;font-weight:600;color:#f5c842;letter-spacing:.03em;flex:1}.admin-page-stats{display:flex;gap:.5rem;flex-shrink:0}.admin-stat{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:3px;letter-spacing:.05em;text-transform:uppercase}.admin-stat.pending{background:#d4af371f;color:#f5c842}.admin-stat.approved{background:#50c8781a;color:#50c878}.admin-stat.rejected{background:#e05c5c1a;color:#e05c5c}.admin-page-main{flex:1;display:flex;overflow:hidden}.admin-sidebar{width:260px;flex-shrink:0;border-right:1px solid rgba(212,175,55,.12);display:flex;flex-direction:column;background:#1a1610}.admin-sidebar-filters{display:flex;flex-direction:column;gap:0;border-bottom:1px solid rgba(212,175,55,.1);flex-shrink:0}.admin-filter-btn{background:transparent;border:none;border-left:2px solid transparent;color:#d4af3766;cursor:pointer;font-size:.78rem;font-weight:500;padding:.6rem .9rem;display:flex;align-items:center;gap:.4rem;text-align:left;transition:color .15s,background .15s,border-color .15s}.admin-filter-btn:hover{color:#d4af37bf;background:#d4af370d}.admin-filter-btn.active{color:#d4af37e6;background:#d4af3712;border-left-color:#d4af3799}.admin-filter-btn.active.admin-filter-pending{border-left-color:#f5c842;color:#f5c842}.admin-filter-btn.active.admin-filter-approved{border-left-color:#50c878;color:#50c878}.admin-filter-btn.active.admin-filter-rejected{border-left-color:#e05c5c;color:#e05c5c}.admin-filter-count{background:currentColor;color:#1a1610;border-radius:2px;font-size:.65rem;font-weight:700;padding:0 .35rem;line-height:1.5}.admin-sidebar-list{flex:1;overflow-y:auto;padding:.35rem 0}.admin-sidebar-msg{font-size:.8rem;color:#d4af3759;text-align:center;padding:2rem 1rem}.admin-sidebar-msg.error{color:#e05c5c}.admin-list-item{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;background:transparent;border:none;border-left:2px solid transparent;padding:.55rem .9rem;cursor:pointer;transition:background .12s,border-color .12s}.admin-list-item:hover{background:#d4af370d}.admin-list-item.active{background:#d4af3714;border-left-color:#f5c842}.admin-list-item-name{font-size:.82rem;font-weight:600;color:#d4af37e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list-item-meta{font-size:.72rem;color:#d4af3773;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list-item-date{font-size:.68rem;color:#d4af374d}.admin-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.admin-content-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#d4af3740}.admin-settings-page{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.admin-settings-page-title{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#d4af3766;margin-bottom:.25rem}.admin-detail{flex:1;display:flex;flex-direction:column;gap:0}.admin-detail-preview{flex-shrink:0;background:#0f0d0a;border-bottom:1px solid rgba(212,175,55,.1);display:flex;align-items:center;justify-content:center;min-height:260px;max-height:46vh;overflow:hidden}.admin-detail-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.admin-detail-no-preview{font-size:.8rem;color:#d4af3733}.admin-detail-info{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.admin-detail-map-name{margin:0;font-size:1.1rem;font-weight:700;color:#f5c842}.admin-detail-rows{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;align-items:baseline}.admin-detail-label{font-size:.72rem;color:#d4af3766;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.admin-detail-value{font-size:.82rem;color:#d4af37cc;word-break:break-all}.admin-detail-status{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:3px;letter-spacing:.07em;text-transform:uppercase;width:fit-content}.admin-badge-pending{background:#d4af371f;color:#f5c842}.admin-badge-approved{background:#50c87824;color:#50c878}.admin-badge-rejected{background:#e05c5c1f;color:#e05c5c}.admin-detail-reviewer-note{margin:0;font-size:.8rem;color:#d4af3773;font-style:italic;padding-left:.75rem;border-left:2px solid rgba(212,175,55,.18)}.admin-detail-actions{display:flex;flex-direction:column;gap:.6rem;padding-top:.25rem}.admin-detail-note-input{appearance:none;background:#00000059;border:1px solid rgba(212,175,55,.2);border-radius:3px;box-shadow:none;color:#d4af37d9;font-family:inherit;font-size:.82rem;line-height:1.45;outline:none;padding:.5rem .65rem;resize:vertical;width:100%;box-sizing:border-box;min-height:56px;transition:border-color .15s}.admin-detail-note-input:focus{border-color:#d4af3773}.admin-detail-note-input::placeholder{color:#d4af3738}.admin-detail-btns{display:flex;gap:.5rem}.admin-action-btn{border-radius:3px;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.04em;padding:.4rem 1.4rem;transition:background .15s,opacity .15s;min-width:90px}.admin-action-btn:disabled{opacity:.35;cursor:not-allowed}.admin-action-btn.approve{background:#50c87829;color:#50c878;border:1px solid rgba(80,200,120,.3)}.admin-action-btn.approve:hover:not(:disabled){background:#50c87847}.admin-action-btn.reject{background:#e05c5c1a;color:#e05c5c;border:1px solid rgba(224,92,92,.25)}.admin-action-btn.reject:hover:not(:disabled){background:#e05c5c38}.admin-nav-button{color:#f5c842;border-color:#f5c84259}.admin-modal-overlay{position:fixed;inset:0;background:#0f0f0e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2200;padding:2rem}.admin-modal{background:#201c15;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-md);width:min(700px,94vw);max-height:82vh;display:flex;flex-direction:column;box-shadow:0 18px 48px #000000b3;overflow:hidden}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid rgba(212,175,55,.15)}.admin-modal-header h2{margin:0;font-size:.95rem;color:#f5c842;letter-spacing:.02em}.admin-modal-close{background:transparent;border:none;color:#d4af3799;cursor:pointer;font-size:1rem;padding:.15rem .35rem;border-radius:4px;line-height:1}.admin-modal-close:hover{color:#f5c842;background:#d4af371a}.admin-modal-tabs{display:flex;gap:0;border-bottom:1px solid rgba(212,175,55,.12);padding:0 .9rem}.admin-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#d4af3780;cursor:pointer;font-size:.82rem;padding:.45rem .75rem;display:flex;align-items:center;gap:.4rem;transition:color .15s,border-color .15s}.admin-tab:hover{color:#d4af37d9}.admin-tab.active{color:#f5c842;border-bottom-color:#f5c842}.admin-tab-badge{background:#f5c842;color:#201c15;border-radius:999px;font-size:.68rem;font-weight:700;padding:0 .4rem;line-height:1.5}.admin-modal-body{flex:1;overflow-y:auto;padding:.75rem .9rem}.admin-loading,.admin-empty,.admin-error{font-size:.85rem;color:#d4af3780;padding:2rem;text-align:center}.admin-error{color:#e05c5c}.admin-submission-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.admin-submission-card{background:#d4af370a;border:1px solid rgba(212,175,55,.12);border-radius:6px;padding:.65rem .8rem;display:flex;flex-direction:column;gap:.5rem}.admin-submission-info{display:flex;flex-direction:column;gap:.2rem}.admin-submission-name{font-size:.9rem;color:#d4af37f2;font-weight:600}.admin-submission-meta{font-size:.75rem;color:#d4af3773}.admin-submission-meta code{font-size:.72rem;color:#d4af37a6}.admin-status-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;width:fit-content;letter-spacing:.03em}.admin-status-approved{background:#50c87826;color:#50c878;border:1px solid rgba(80,200,120,.3)}.admin-status-rejected{background:#e05c5c26;color:#e05c5c;border:1px solid rgba(224,92,92,.3)}.admin-reviewer-note{font-size:.75rem;color:#d4af3780;font-style:italic}.admin-submission-actions{display:flex;flex-direction:column;gap:.4rem}.admin-note-input{background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:4px;color:#d4af37d9;font-size:.8rem;padding:.3rem .5rem;width:100%;box-sizing:border-box}.admin-note-input::placeholder{color:#d4af374d}.admin-action-buttons{display:flex;gap:.5rem}.admin-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.35rem .85rem;transition:opacity .15s}.admin-btn:disabled{opacity:.4;cursor:not-allowed}.admin-btn-approve{background:#50c87833;color:#50c878;border:1px solid rgba(80,200,120,.4)}.admin-btn-approve:hover:not(:disabled){background:#50c87859}.admin-btn-reject{background:#e05c5c26;color:#e05c5c;border:1px solid rgba(224,92,92,.35)}.admin-btn-reject:hover:not(:disabled){background:#e05c5c4d}.admin-settings{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}.admin-settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#d4af370a;border:1px solid rgba(212,175,55,.12);border-radius:6px;padding:.75rem .9rem}.admin-settings-label{display:flex;flex-direction:column;gap:.15rem}.admin-settings-title{font-size:.88rem;font-weight:600;color:#d4af37e6}.admin-settings-desc{font-size:.72rem;color:#d4af3773}.admin-toggle{min-width:3rem;padding:.3rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.05em;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s}.admin-toggle-on{background:#50c87826;border-color:#50c87866;color:#50c878}.admin-toggle-on:hover:not(:disabled){background:#50c87840}.admin-toggle-off{background:#e05c5c1f;border-color:#e05c5c59;color:#e05c5c}.admin-toggle-off:hover:not(:disabled){background:#e05c5c38}.admin-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-modal-close,.collections-modal-close,.faq-modal-close,.admin-modal-close,.preview-modal-close{font-size:0;overflow:visible}.auth-modal-close:before,.collections-modal-close:before,.faq-modal-close:before,.admin-modal-close:before,.preview-modal-close:before{content:"";display:block;width:2px;height:2px;background:#d4af3780;box-shadow:-4px -4px #d4af3780,4px -4px #d4af3780,-2px -2px #d4af3780,2px -2px #d4af3780,-2px 2px #d4af3780,2px 2px #d4af3780,-4px 4px #d4af3780,4px 4px #d4af3780;transition:background .15s,box-shadow .15s}.auth-modal-close:hover:before,.collections-modal-close:hover:before,.faq-modal-close:hover:before,.admin-modal-close:hover:before,.preview-modal-close:hover:before{background:#f5c842;box-shadow:-4px -4px #f5c842,4px -4px #f5c842,-2px -2px #f5c842,2px -2px #f5c842,-2px 2px #f5c842,2px 2px #f5c842,-4px 4px #f5c842,4px 4px #f5c842}.statusbar-highlight{color:#f5c842;text-shadow:0 0 6px rgba(245,200,66,.4)}