:root{--bg: #000000;--bg-soft: #0b0b0b;--card: #121212;--surface: #0a0a0a;--surface-border: #1a1a1a;--accent: #fe2402;--text: #f5f5f5;--text-muted: #9a9a9a;--text-strong: #ffffff;--stroke: #232323;--shadow: #000000;--glass: #0b0b0b;--glass-strong: #0b0b0b;--dot-color: rgba(255, 255, 255, .12);--radius: 16px}@font-face{font-family:SalutPlus;src:url(/fonts/SalutPlus.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:SalutPlus;src:url(/fonts/SalutPlus.ttf) format("truetype");font-weight:600;font-style:normal;font-display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:0ms!important;scroll-behavior:auto!important}}button,.lut-card,.bottom-nav-item,.empty-state,.preview-frame,canvas{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}html,body{height:100%;width:100%;margin:0;position:fixed;overflow:hidden;touch-action:none;overscroll-behavior:none}#root{height:100dvh;width:100%;margin:0;touch-action:none}body{font-family:Space Grotesk,SF Pro Display,Segoe UI,sans-serif;background:radial-gradient(circle,var(--dot-color) 1px,transparent 1px),var(--bg);background-size:14px 14px;background-position:center center;color:var(--text);overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,transparent 16%,transparent 74%,rgba(0,0,0,.85) 100%)}body.tg{background:radial-gradient(circle,var(--dot-color) 1px,transparent 1px),var(--bg);background-size:14px 14px;background-position:center center}.app{height:100%;display:flex;flex-direction:column;min-height:0;padding:0;gap:0;position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-spacer{height:28px}.topbar-status{height:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--text);letter-spacing:.02em;opacity:0;transform:translateY(-4px);filter:blur(6px);transition:opacity .35s ease,transform .35s ease,filter .35s ease;margin-top:-1px}.topbar-status.active{opacity:1;transform:translateY(0);filter:blur(0)}.system-message{opacity:.95}.system-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:11px;font-weight:400;border-radius:999px;color:#000;background:#dbfe00;border:1px solid rgba(0,0,0,.12)}.system-badge.orange{background:var(--accent);color:#000}.topbar.center{justify-content:center}.brand{font-weight:600;letter-spacing:.02em}.topbar-actions{display:flex;gap:8px}.btn{border:1px solid var(--surface-border);background:var(--surface);color:var(--text);padding:8px 12px;border-radius:var(--radius);font-size:13px;cursor:pointer;box-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 8px 18px #fe240240}.btn:disabled{opacity:.5;cursor:not-allowed}.preview{flex:1 1 auto;min-height:0;width:100%;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;margin-top:0}.preview.offscreen{position:fixed;top:-10000px;left:-10000px;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.preview.hidden{visibility:hidden;pointer-events:none}.empty-state{width:100%;height:100%;border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface);color:var(--text);display:grid;place-items:center;gap:6px;box-shadow:inset 0 1px #ffffff0a;z-index:1}.empty-plus-btn{border:0;background:transparent;padding:14px;cursor:pointer;border-radius:999px}.empty-plus{font-size:48px;font-weight:500;color:var(--accent)}.preview-frame{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:none;z-index:1}.preview-badges{position:absolute;left:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.preview-badge{padding:6px 10px;font-size:11px;letter-spacing:.02em;color:#fff;background:#14141499;border:1px solid rgba(255,255,255,.08);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.preview-frame canvas{width:100%;height:100%;display:block}.controls{flex:0 0 auto;display:flex;flex-direction:column;gap:12px}.controls>*{animation:none}.controls.settings{flex:1 1 auto}.controls>*{margin-top:0;margin-bottom:0}.edit-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:hidden;min-height:40px;align-items:center;margin:0;padding:0}.edit-strip::-webkit-scrollbar{display:none}.edit-strip .lut-card{width:auto;min-width:0;min-height:40px;padding:6px}.edit-strip .lut-name{font-size:9px}.share-strip{display:grid;grid-template-columns:1fr;gap:12px}.bottom-nav-wrap{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--surface-border);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);overflow:hidden;padding:8px calc(14px + env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-right));z-index:5}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.bottom-nav-item{border:0;background:transparent;color:var(--text-strong);padding:6px 4px;font-size:10px;cursor:pointer;text-shadow:none;font-weight:500;transition:color .2s ease;display:grid;justify-items:center;gap:4px}.bottom-nav-item.active{color:var(--text-strong);font-weight:600}.bottom-nav-icon{width:26px;height:26px;position:relative}.bottom-nav-layer-host{position:absolute;top:0;right:0;bottom:0;left:0}.bottom-nav-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:none}.bottom-nav-layer.active{opacity:1}.bottom-nav-label{font-size:10px}.app{position:relative}.app-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right));opacity:1;transition:opacity .35s ease}.app.loading .app-content{opacity:0}.app-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:9999}.app.loading .app-loading{opacity:1;pointer-events:auto}.app-loading-bar{width:min(60vw,240px);height:4px;background:#1a1a1a;border-radius:999px;overflow:hidden;position:relative}.app-loading-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#dbfe00;transform:scaleX(0);transform-origin:left center;animation:loading-sweep 1.1s ease-out forwards}@keyframes loading-sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.slider{background:var(--surface);padding:12px 14px;border-radius:var(--radius);border:1px solid var(--surface-border);box-shadow:none;transition:background .2s ease,border-color .2s ease;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:8px;position:relative;-webkit-user-select:none;user-select:none}.slider-meta{display:inline-flex;align-items:center;gap:8px}.slider-star{border:0;background:transparent;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;padding:0}.slider-star.center{position:absolute;left:50%;transform:translate(-50%)}.slider-star.active{color:var(--accent)}.slider-track{position:relative;height:32px;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.slider-range{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.slider-inner{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.slider-inner .tick{display:block;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px;background:#ffffff40}.slider-inner .tick.minor{height:6px}.slider-inner .tick.mid{height:7px;background:#ffffff52}.slider-inner .tick.major{height:12px;background:#ffffff8c}.slider-thumb{position:absolute;top:50%;left:0;height:26px;width:4px;background:var(--accent);border-radius:3px;transform:translate(-50%,-50%)}.lut-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:0;scrollbar-width:none;min-height:40px;margin:0 calc(-14px - env(safe-area-inset-left)) 0 calc(-14px - env(safe-area-inset-right));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}.lut-strip::-webkit-scrollbar{display:none}.lut-card{border:0;background:var(--surface);border-radius:var(--radius);border:1px solid var(--surface-border);padding:6px;text-align:left;color:var(--text);min-height:40px;min-width:88px;width:88px;display:flex;align-items:center;justify-content:center;box-shadow:none;flex:0 0 auto;transition:none}.lut-card.group-card{width:112px;min-width:112px}.lut-card.filter-card{width:56px;min-width:56px;height:40px;min-height:40px;padding:0}.lut-card.wide{width:100%;min-width:0}.home-strip{display:grid;gap:12px;min-height:40px}.share-strip{min-height:40px;align-items:center;width:100%}.settings-panel{display:grid;gap:12px}.settings-subscription{background:var(--surface);color:var(--text);border-radius:var(--radius);border:1px solid var(--surface-border);padding:16px;display:grid;gap:12px;text-align:center;font-family:SalutPlus,Space Grotesk,sans-serif;transition:background .2s ease,border-color .2s ease}.settings-subscription-title{font-size:32px;font-weight:400;letter-spacing:.02em;font-family:inherit;color:#dbfe00}.settings-subscription-subtitle{font-size:12px;color:var(--text-muted);font-family:Space Grotesk,sans-serif;margin:0}.settings-admin-input{border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:12px;font-size:13px;font-family:Space Grotesk,sans-serif}.settings-subscribe{border:0;border-radius:var(--radius);background:#dbfe00;color:#000;padding:16px 14px;font-size:13px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-weight:600;transition:background .2s ease,color .2s ease,transform .15s ease}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--surface-border);background:var(--surface);transition:background .2s ease,border-color .2s ease;min-height:48px}.settings-link{text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit}.settings-arrow{color:var(--text-strong);font-weight:600;width:46px;text-align:center;display:inline-flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-variant-emoji:text}.settings-arrow-large .settings-icon{width:24px;height:24px}.settings-arrow-large .lut-icon{width:22px;height:22px}.settings-icon{width:20px;height:20px;display:block;overflow:visible;filter:none}.settings-icon>*{width:100%;height:100%;display:block}.settings-icon svg{width:100%;height:100%;display:block;overflow:visible}.settings-label{font-size:12px;color:var(--text-strong);font-weight:600;font-family:Space Grotesk,sans-serif}.lut-card.active{background:#2b150f;box-shadow:inset 0 0 0 1px var(--accent)}.lut-name{font-size:10px;color:var(--text-strong);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lut-icon{width:18px;height:18px;display:block}.lut-icon-white{filter:brightness(0) invert(1)}.heart-icon{filter:brightness(0) saturate(100%) invert(66%) sepia(7%) saturate(8%) hue-rotate(315deg) brightness(93%) contrast(88%)}.heart-icon.active{filter:none}.file-input{display:none}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#000;color:#fff;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--stroke);font-size:12px}.export-sheet{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:10}.export-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.export-sheet-panel{position:relative;width:min(380px,90%);background:var(--surface);border-radius:var(--radius);padding:18px;display:grid;gap:10px;border:1px solid var(--stroke);box-shadow:none}.export-progress{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000;z-index:20}.export-progress-panel{width:min(320px,82%);background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid var(--stroke);display:grid;gap:10px;animation:none}@keyframes softUp{0%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes softFade{0%{opacity:.6}to{opacity:1}}.export-progress-title{font-size:12px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px}.export-progress-bar{height:6px;border-radius:var(--radius);background:#1a1a1a;overflow:hidden}.export-progress-fill{height:100%;background:var(--accent);width:0%}.export-progress-value{font-size:11px;color:var(--text-muted)}.export-title{font-size:13px;color:var(--text-muted)}@media (max-width: 540px){.topbar-actions{gap:6px}.btn{padding:7px 10px;font-size:12px}.lut-thumb{height:72px}}.settings-admin{background:var(--surface);border-radius:var(--radius);border:1px solid var(--surface-border);padding:12px;display:grid;gap:8px}.settings-admin-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.settings-admin-list{display:grid;gap:8px}.settings-admin-row{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--surface-border)}.settings-admin-row:last-child{border-bottom:0;padding-bottom:0}.settings-admin-name{font-size:13px;color:var(--text)}.settings-admin-meta{font-size:11px;color:var(--text-muted);display:flex;gap:12px}.settings-admin-empty{font-size:12px;color:var(--text-muted)}