@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--bg-dark:#0a0a0a;--bg-panel:#141414;--bg-canvas:#1c1c1c;--text-primary:#f0f0f0;--text-secondary:#999;--accent-gold:#cfaa71;--accent-neon:#a020f0;--color-success:#4ade80;--color-error:#f87171;--border-color:#ffffff1a;--border:#ffffff1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--z-dropdown:100;--z-modal:200;--z-toast:300;--z-overlay:1000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif}body.editor-active{overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);background:#14141499}.btn-primary{background:var(--text-primary);color:var(--bg-dark);border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--accent-gold);color:var(--bg-dark);box-shadow:0 4px 16px #cfaa7133}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;background:0 0;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff2e}input,textarea{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);background:#0000004d;width:100%;padding:10px;font-family:Inter,sans-serif}input:focus,textarea:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 2px #cfaa711a}select{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-2) 10px;cursor:pointer;background:#0000004d;font-family:Inter,sans-serif}select:focus{border-color:var(--accent-gold);outline:none}.float-btn{color:var(--text-primary);padding:var(--space-1) 7px;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-size:13px;line-height:1;transition:background .15s}.float-btn:hover{background:#ffffff1a}.ctx-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:7px 14px;font-size:12px;transition:background .15s;display:block}.ctx-menu-item:hover{background:#ffffff14}button:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary:focus-visible,.btn-secondary:focus-visible,button:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-gold);outline-offset:1px}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::selection{color:#fff;background:#cfaa714d}input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border:none;border-radius:2px;outline:none;height:4px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-gold);border:2px solid var(--bg-panel);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 1px 4px #0006}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--accent-gold);border:2px solid var(--bg-panel);cursor:pointer;border-radius:50%;width:14px;height:14px}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #cfaa714d}.skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#ffffff08;overflow:hidden}.skeleton-thumb{background:linear-gradient(90deg,#ffffff08 25%,#ffffff12 50%,#ffffff08 75%) 0 0/200% 100%;width:100%;padding-top:66%;animation:1.5s infinite skeleton-shimmer}.skeleton-line{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff17 50%,#ffffff0d 75%) 0 0/200% 100%;height:12px;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (hover:none) and (pointer:coarse){.btn-primary,.btn-secondary,.float-btn,.ctx-menu-item{min-width:44px;min-height:44px}.pb-chip{padding:8px 14px;font-size:13px}}.gallery-card{cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-xl);background-color:#00000080;transition:all .3s;overflow:hidden}.gallery-card:hover{border-color:var(--accent-gold);transform:translateY(-6px);box-shadow:0 16px 40px #cfaa7133}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes indeterminateProgress{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(-100%)}}@keyframes shimmerSweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}