:root{--color-background:#f5f2f2;--color-surface:#d8d4d3;--color-surface-alt:#fff;--color-text:#201d1d;--color-text-secondary:#201d1db3;--color-text-muted:#201d1d99;--color-text-hint:#201d1d4d;--color-secondary:#3d3d3d;--color-border:#201d1d26;--color-border-light:#201d1d1a;--color-overlay:#00000080}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}@font-face{font-family:Chicago FLF;font-style:normal;font-weight:400;src:url(/static/media/ChicagoFLF.155ecfce03714f348552.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:center;background:var(--color-secondary);display:flex;font-family:Host Grotesk,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.App.home-page{touch-action:none}.App.home-page,.navbar{left:0;position:fixed;top:0}.navbar{font-family:Host Grotesk,sans-serif;padding:20px 40px;right:0;z-index:15}.nav-links a{font-size:16px;font-weight:400;transition:opacity .2s ease}.nav-links a:hover{opacity:.7}.nav-home{transition:opacity .2s ease}.nav-home:hover{opacity:.7}.nav-right{align-items:center;display:flex;gap:24px}.nav-cta{background:var(--color-text);border-radius:6px;color:var(--color-surface);font-size:14px;font-weight:500;padding:8px 18px;text-decoration:none;transition:opacity .2s ease;white-space:nowrap}.nav-cta:hover{opacity:.85}.nav-app{font-size:16px;font-weight:400;transition:opacity .2s ease}.nav-app:hover{opacity:.7}.nav-logo{font-size:16px;text-decoration:none}.video-background{filter:invert(1);height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:0}.white-overlay{background:var(--color-surface);height:100%;left:0;opacity:.9;position:fixed;top:0;width:100%;z-index:1}.scroll-container{flex-direction:column;height:300px;max-width:90vw;overflow:hidden;position:relative;width:600px;z-index:2}.paragraph-snap,.scroll-container{align-items:center;display:flex;justify-content:center}.paragraph-snap{height:100%;opacity:0;padding:40px;pointer-events:none;position:absolute;transition:opacity .5s ease-in-out;width:100%}.paragraph-snap.active{opacity:1;pointer-events:auto}.scroll-dots{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.paragraph-text{color:var(--color-text);font-family:Host Grotesk,sans-serif;font-size:24px;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0;text-align:center}@media (max-width:768px){.scroll-container{max-width:90%}.paragraph-text{font-size:20px}}@media (max-width:480px){.paragraph-text{font-size:18px}}.info-page{background:var(--color-background);height:auto!important;overflow-y:auto!important}.info-page .navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.info-content{background:var(--color-background);height:auto!important;overflow:visible!important;padding:140px 40px 60px}.info-container{margin:0 auto;max-width:800px}.info-container h1{font-size:32px;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.info-container h1,.info-container h2{color:var(--color-text);font-family:Host Grotesk,sans-serif}.info-container h2{font-size:24px;font-weight:500;letter-spacing:-.01em;margin-bottom:16px;margin-top:32px}.info-container p{color:var(--color-text-secondary);font-family:Host Grotesk,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.005em;line-height:1.6;margin-bottom:16px}@media (max-width:768px){.info-content{padding:100px 20px 40px}.info-container{padding:30px 20px}.info-container h1{font-size:28px}.info-container h2{font-size:22px}.info-container p{font-size:15px}}.web-music-player{animation:fadeIn .4s ease-out;background:var(--color-background);font-family:Host Grotesk,sans-serif;min-height:100vh;padding-bottom:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-header{animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.player-content{animation:fadeInUp .5s ease-out .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-player{animation:slideUp .4s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.player-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;left:0;padding:20px 40px;position:fixed;right:0;top:0;z-index:100}.back-button,.player-header{align-items:center;display:flex}.back-button{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:16px;font-weight:400;gap:8px;margin-left:-12px;padding:8px 12px;transition:opacity .2s ease}.back-button:hover{opacity:.7}.header-logo{color:var(--color-text);font-size:16px;font-weight:500}.player-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:400px 1fr;margin:0 auto;max-width:1400px;padding:100px 40px 40px}.album-info{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.album-artwork-container{aspect-ratio:1;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:24px;overflow:hidden;width:100%}.album-artwork{height:100%;object-fit:cover;width:100%}.album-title{color:var(--color-text);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}.album-artist{color:var(--color-text-secondary);font-size:20px;font-weight:400;letter-spacing:-.01em;margin-bottom:16px}.expiry-notice{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:14px;margin-top:16px;padding-top:16px}.tab-container{min-height:500px}.tab-bar{border-bottom:1px solid var(--color-border);display:flex;gap:4px;margin-bottom:32px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:16px;font-weight:400;margin-bottom:-1px;padding:12px 24px;transition:all .2s ease}.tab-button.active,.tab-button:hover{color:var(--color-text)}.tab-button.active{border-bottom-color:#000;font-weight:500}.tab-content{min-height:400px}.music-tab{width:100%}.track-list{display:flex;flex-direction:column;gap:8px}.track-item{align-items:center;background:var(--color-surface-alt);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.track-item:hover{background:var(--color-background);border-color:var(--color-border-light)}.track-item.active{background:var(--color-surface);border-color:var(--color-border)}.track-play-button{color:var(--color-text);flex-shrink:0;height:32px;justify-content:center;width:32px}.track-info,.track-play-button{align-items:center;display:flex}.track-info{flex:1 1;justify-content:space-between;min-width:0}.track-title{color:var(--color-text);font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{color:var(--color-text-secondary);flex-shrink:0;font-size:14px;margin-left:16px}.playing-indicator{align-items:flex-end;display:flex;gap:3px;height:16px}.playing-indicator .bar{animation:bounce 1.2s ease-in-out infinite;background:var(--color-text);border-radius:2px;width:3px}.playing-indicator .bar:first-child{animation-delay:0s}.playing-indicator .bar:nth-child(2){animation-delay:.2s}.playing-indicator .bar:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{height:8px}50%{height:16px}}.notes-tab{display:flex;flex-direction:column;gap:32px}.media-item{width:100%}.media-text{color:var(--color-text-secondary);font-size:16px;font-weight:400;line-height:1.6;white-space:pre-wrap}.media-image-container{width:100%}.media-image{border-radius:8px;box-shadow:0 2px 12px #0000001a;height:auto;width:100%}.media-caption{color:var(--color-text-secondary);font-size:14px;font-style:italic;margin-top:12px;text-align:center}.artist-tab{display:flex;flex-direction:column;gap:24px}.artist-photo-container{margin:0 auto;max-width:400px;width:100%}.artist-photo{border-radius:8px;box-shadow:0 2px 12px #0000001a;height:auto;width:100%}.artist-bio{color:var(--color-text-secondary);font-size:16px;font-weight:400;line-height:1.6}.artist-links{display:flex;flex-wrap:wrap;gap:16px}.artist-link{align-items:center;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:flex;font-size:16px;font-weight:400;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.artist-link:hover{background:var(--color-surface);border-color:var(--color-border)}.bottom-player{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#d8d4d3bf;border-top:1px solid var(--color-border-light);bottom:0;box-shadow:0 -4px 30px #0000001a;left:0;padding:16px 40px;position:fixed;right:0;z-index:100}.bottom-player-content{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:200px 1fr 200px;margin:0 auto;max-width:1400px}.bottom-player-info{overflow:hidden}.bottom-track-title{color:var(--color-text);font-size:16px;font-weight:500;margin-bottom:4px}.bottom-track-artist,.bottom-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-track-artist{color:var(--color-text-secondary);font-size:14px}.bottom-player-center{align-items:center;display:flex;flex-direction:column;gap:12px}.bottom-player-progress{align-items:center;display:flex;gap:12px;max-width:600px;width:100%}.time-display{color:var(--color-text-secondary);font-size:14px;min-width:40px;text-align:center}.progress-bar{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-text);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:14px}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-bar::-moz-range-thumb{background:var(--color-text);border:none;border-radius:50%;cursor:pointer;height:14px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:14px}.progress-bar::-moz-range-thumb:hover{transform:scale(1.2)}.bottom-player-controls{gap:20px}.bottom-player-controls,.control-button{align-items:center;display:flex;justify-content:center}.control-button{background:none;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;padding:8px;transition:all .2s ease}.control-button:hover:not(:disabled){background:var(--color-border-light)}.control-button:disabled{cursor:not-allowed;opacity:.3}.skip-button{background:var(--color-border-light);height:48px;width:48px}.skip-button:hover:not(:disabled){background:var(--color-border)}.play-pause-button{background:var(--color-text);color:var(--color-surface-alt);height:56px;width:56px}.play-pause-button:hover{background:var(--color-secondary)}.bottom-player-volume{gap:10px;justify-content:flex-end}.bottom-player-volume,.volume-button{align-items:center;color:var(--color-text-secondary);display:flex}.volume-button{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.volume-button:hover{background:var(--color-border-light);color:var(--color-text)}.volume-slider{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-text);border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:var(--color-text);border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:12px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}@media (max-width:1024px){.player-content{gap:40px;grid-template-columns:1fr}.album-info{margin:0 auto;max-width:400px;position:relative;top:0}.tab-container{margin:0 auto;max-width:600px}}@media (max-width:768px){.player-header{padding:16px 20px}.player-content{padding:80px 20px 40px}.album-info{max-width:100%}.bottom-player{padding:12px 20px}.bottom-player-content{gap:12px;grid-template-columns:1fr}.bottom-player-info{text-align:center}.bottom-player-center{width:100%}.bottom-player-progress{max-width:100%}.bottom-player-volume{justify-content:center}.skip-button{height:40px;width:40px}.play-pause-button{height:48px;width:48px}.tab-button{font-size:14px;padding:12px 16px}}@media (max-width:480px){.album-title{font-size:24px}.album-artist{font-size:18px}.track-title{font-size:14px}.track-duration{font-size:12px}.bottom-track-title{font-size:14px}.bottom-track-artist{font-size:12px}}.play-page{background:var(--color-background);font-family:Host Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.navbar{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:2rem 3rem}.nav-links a{color:var(--color-text);font-size:1rem;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:.6}.nav-logo{font-size:1rem;font-weight:500}.nav-home,.nav-logo{color:var(--color-text)}.nav-home{align-items:center;display:flex;height:20px;justify-content:center;line-height:0;transition:opacity .2s;width:20px}.nav-home svg{display:block}.nav-home:hover{opacity:.6}.nav-app{color:var(--color-text);font-size:1rem;text-decoration:none;transition:opacity .2s}.nav-app:hover{opacity:.6}.nav-links{display:flex;gap:30px}.play-content{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.play-container{max-width:400px;text-align:center;width:100%}.play-icon{margin-bottom:1.5rem;opacity:.8}.play-icon,.play-title{color:var(--color-text)}.play-title{font-size:2rem;font-weight:600;margin:0 0 .5rem}.play-subtitle{color:var(--color-text-secondary);font-size:1rem;margin:0 0 2rem}.play-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.play-input{background:var(--color-surface-alt);border:2px solid var(--color-surface);border-radius:12px;box-sizing:border-box;color:var(--color-text);font-family:Host Grotesk,monospace;font-size:32px;font-weight:500;letter-spacing:8px;padding:1.25rem 1rem;text-align:center;transition:all .2s;width:100%}.play-input:focus{background:var(--color-background);border-color:var(--color-text);outline:none}.play-input::placeholder{color:var(--color-text-hint);opacity:.6}.play-error{color:#dc3545;font-size:.875rem;margin:0;text-align:center}.play-button{background:var(--color-surface);border:none;border-radius:8px;color:var(--color-text);cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .2s}.play-button .button-fill{background:var(--color-text);height:100%;left:0;position:absolute;top:0;width:0;z-index:0}.play-button.auto-submitting .button-fill{transition:width .5s ease-out;width:100%}.play-button .button-text{position:relative;z-index:1}.play-button.auto-submitting .button-text{color:var(--color-surface-alt);transition:color .25s ease}.play-button:hover:not(:disabled){background:var(--color-surface);transform:translateY(-1px)}.play-button:disabled{cursor:not-allowed;opacity:.5}.play-help{color:var(--color-text-muted);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:640px){.navbar{padding:1.5rem}.play-content{padding:1rem}.play-title{font-size:1.5rem}.play-input{font-size:28px;letter-spacing:6px;padding:1rem .75rem}}.create-page{background:var(--color-background);font-family:Host Grotesk,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.create-page .navbar{background:#0000;border-bottom:none}.create-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.create-sidebar-left{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid var(--color-border-light);border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;gap:16px;left:24px;padding:20px;position:absolute;top:80px;transition:all .2s ease;width:200px;z-index:10}.create-sidebar-left.collapsed{gap:0;padding:0}.create-env-header{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--color-text);cursor:pointer;display:flex;font-family:Host Grotesk,sans-serif;font-size:13px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:background .15s ease;width:100%}.create-env-header:hover{background:#00000008}.create-sidebar-left.collapsed .create-env-header{padding:14px 18px}.create-env-chevron{transform:rotate(180deg);transition:transform .2s ease}.create-env-collapse-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .15s ease;width:24px}.create-env-collapse-btn:hover{background:#0000000d;color:var(--color-text-secondary)}.create-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid var(--color-border-light);border-radius:16px;bottom:24px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px 28px 28px;position:absolute;right:24px;top:80px;width:360px;z-index:10}.create-tabs{border-bottom:1px solid var(--color-border-light);display:flex;gap:0;margin-bottom:4px}.create-tab{background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;flex:1 1;font-family:Host Grotesk,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;position:relative;transition:all .2s ease}.create-tab:hover{color:var(--color-text-secondary)}.create-tab.active{color:var(--color-text)}.create-tab.active:after{background:var(--color-text);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.create-title{color:var(--color-text);font-size:24px;font-weight:600;letter-spacing:-.02em}.create-subtitle,.create-title{font-family:Host Grotesk,sans-serif;margin:0}.create-subtitle{color:var(--color-text-secondary);font-size:14px;font-weight:400;letter-spacing:-.005em;line-height:1.5}.create-uploaded{display:flex;flex-direction:column;gap:12px}.create-thumbnail{aspect-ratio:.63;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;width:100%}.create-thumbnail img{height:100%;object-fit:cover;width:100%}.create-thumbnail-default{border-style:dashed;opacity:.6}.create-thumbnail-wrapper{position:relative;width:100%}.create-thumbnail-overlay{align-items:center;background:#0009;border-radius:8px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.create-thumbnail-wrapper:hover .create-thumbnail-overlay{opacity:1}.create-thumbnail-overlay span{color:#fff;font-family:Host Grotesk,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.create-reset-button{background:#0000;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:13px;padding:10px 20px;transition:all .2s ease}.create-reset-button:hover{background:var(--color-surface);border-color:var(--color-text)}.create-sides{display:flex;gap:16px}.create-side{display:flex;flex:1 1;flex-direction:column;gap:8px}.create-side-label{color:var(--color-text-secondary);font-family:Host Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.create-side .create-thumbnail{aspect-ratio:.63}.create-side .create-uploaded{gap:8px}.create-side .create-reset-button{font-size:12px;padding:8px 12px}.create-section{display:flex;flex-direction:column;gap:8px}.create-section-inline{align-items:center;display:flex;gap:8px;justify-content:space-between}.create-section-inline .create-side-label{margin:0}.create-sleeve-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;padding:4px}.create-sleeve-toggle-track{background:var(--color-border);border-radius:10px;height:20px;position:relative;transition:background .2s ease;width:36px}.create-sleeve-toggle.active .create-sleeve-toggle-track{background:var(--color-text)}.create-sleeve-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:16px}.create-sleeve-toggle.active .create-sleeve-toggle-thumb{transform:translateX(16px)}.create-card-color-picker{display:flex;gap:8px}.create-card-color-option{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:Host Grotesk,sans-serif;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s ease}.create-card-color-option:hover{border-color:var(--color-text-muted)}.create-card-color-option.active{background:var(--color-surface);border-color:var(--color-text)}.create-card-color-swatch{border:1px solid var(--color-border);border-radius:4px;flex-shrink:0;height:20px;width:20px}.create-card-color-white{background:#fff}.create-card-color-black{background:#1a1a1a}.create-treatment-glossy{background:linear-gradient(135deg,#fff,#f0f0f0 50%,#fff);box-shadow:inset 0 0 4px #fffc}.create-treatment-matte{background:#f5f5f5}.create-treatment-glossy-black{background:linear-gradient(135deg,#2a2a2a,#1a1a1a 50%,#2a2a2a);box-shadow:inset 0 0 4px #ffffff26}.create-treatment-matte-black{background:#252525}.create-treatment-spot-uv{background:linear-gradient(135deg,#fff,#e0e0e0 50%,#fff);overflow:hidden;position:relative}.create-treatment-spot-uv:after{background:linear-gradient(135deg,#4a90d9,#357abd);border-radius:2px;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.create-treatment-picker{display:flex;gap:8px}.create-treatment-option{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Host Grotesk,sans-serif;font-size:11px;gap:6px;padding:10px 8px;transition:all .2s ease}.create-treatment-option:hover{border-color:var(--color-text-muted)}.create-treatment-option.active{background:var(--color-surface);border-color:var(--color-text)}.create-treatment-description{font-size:12px;line-height:1.4;margin:4px 0 0}.create-spot-uv-button,.create-treatment-description{color:var(--color-text-muted);font-family:Host Grotesk,sans-serif}.create-spot-uv-button{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:8px;cursor:not-allowed;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:8px;opacity:.5;padding:12px;width:100%}.create-spot-uv-icon{font-size:16px;font-weight:300}.create-select{-webkit-appearance:none;appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:13px;outline:none;padding:10px 12px;width:100%}.create-select:hover{border-color:var(--color-text-muted)}.create-select:focus{border-color:var(--color-text)}.create-pricing{display:flex;flex-direction:column;gap:12px}.create-quantity-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.create-quantity-label{color:var(--color-text-secondary);font-family:Host Grotesk,sans-serif;font-size:13px}.create-quantity-presets{display:flex;gap:4px}.create-quantity-preset{background:#0000;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:12px;padding:6px 10px;transition:all .15s ease}.create-quantity-preset:hover{border-color:var(--color-text-muted)}.create-quantity-preset.active{background:var(--color-text);border-color:var(--color-text);color:var(--color-background)}.create-quantity-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);flex:1 1;font-family:Host Grotesk,sans-serif;font-size:12px;min-width:60px;outline:none;padding:6px 10px;transition:border-color .2s ease}.create-quantity-input:focus{border-color:var(--color-text)}.create-quantity-input.invalid{border-color:#e53935;color:#e53935}.create-minimum-notice{color:#e53935;font-family:Host Grotesk,sans-serif;font-size:13px;margin:12px 0 0;text-align:center}.create-price-breakdown{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:8px;padding-top:12px}.create-price-row{align-items:center;display:flex;font-family:Host Grotesk,sans-serif;font-size:13px;justify-content:space-between}.create-price-discount,.create-price-row{color:var(--color-text-secondary)}.create-early-adopter{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding:12px}.create-early-adopter-label{font-size:13px;font-weight:500}.create-early-adopter-label,.create-early-adopter-value{color:var(--color-text);font-family:Host Grotesk,sans-serif}.create-early-adopter-value{font-size:15px;font-weight:600;margin-left:auto}.create-early-adopter-badge{background:var(--color-text);border-radius:4px;color:var(--color-background);font-family:Host Grotesk,sans-serif;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 6px}.create-total{align-items:center;border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);display:flex;font-family:Host Grotesk,sans-serif;font-size:13px;justify-content:space-between;margin-top:4px;padding-top:12px}.create-total-value{color:var(--color-text);font-size:18px;font-weight:600}.create-price-total{border-top:1px solid var(--color-border-light);color:var(--color-text);font-size:15px;font-weight:600;padding-top:8px}.create-pricing-note{color:var(--color-text-muted);font-family:Host Grotesk,sans-serif;font-size:11px;margin:0;text-align:center}.create-request-order-btn{background:var(--color-text);border:none;border-radius:8px;color:var(--color-background);cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:14px;font-weight:600;margin-top:16px;padding:14px 20px;transition:all .2s ease;width:100%}.create-request-order-btn:hover{opacity:.9;transform:translateY(-1px)}.create-info{border-top:1px solid var(--color-border-light);margin-top:auto;padding-top:20px}.create-info h3{color:var(--color-text-muted);font-family:Host Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.create-info ul{list-style:none;margin:0;padding:0}.create-info li{border-bottom:1px solid var(--color-border-light);color:var(--color-text-muted);font-family:Host Grotesk,sans-serif;font-size:13px;padding:6px 0}.create-info li:last-child{border-bottom:none}@media (max-width:768px){.create-sidebar-left{gap:12px;left:16px;padding:16px;top:70px;width:160px}.create-sidebar{bottom:16px;left:16px;max-height:50vh;padding:24px;right:16px;top:auto;width:auto}.create-title{font-size:20px}}@media (max-width:480px){.create-sidebar-left{bottom:auto;flex-direction:row;gap:16px;left:12px;padding:12px;right:12px;top:auto;top:60px;width:auto}.create-sidebar-left .create-section{flex:1 1;gap:6px}.create-sidebar{border-radius:12px;bottom:12px;left:12px;padding:20px;right:12px}}@media (prefers-color-scheme:dark){.w-tc-editor{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}}@media (prefers-color-scheme:light){.w-tc-editor{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}}.w-tc-editor[data-color-mode*=dark],[data-color-mode*=dark] .w-tc-editor,[data-color-mode*=dark] .w-tc-editor-var,body[data-color-mode*=dark]{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}.w-tc-editor[data-color-mode*=light],[data-color-mode*=light] .w-tc-editor,[data-color-mode*=light] .w-tc-editor-var,body[data-color-mode*=light]{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}.w-tc-editor{background-color:var(--color-canvas-subtle);color:var(--color-fg-default);font-family:inherit;font-size:12px}.w-tc-editor-preview,.w-tc-editor-text{min-height:16px}.w-tc-editor-preview pre{font-family:inherit;font-size:inherit;margin:0;padding:0;white-space:inherit}.w-tc-editor-preview pre code{font-family:inherit}.w-tc-editor code[class*=language-] .token.cdata,.w-tc-editor code[class*=language-] .token.comment,.w-tc-editor code[class*=language-] .token.doctype,.w-tc-editor code[class*=language-] .token.prolog,.w-tc-editor pre[class*=language-] .token.cdata,.w-tc-editor pre[class*=language-] .token.comment,.w-tc-editor pre[class*=language-] .token.doctype,.w-tc-editor pre[class*=language-] .token.prolog{color:var(--color-prettylights-syntax-comment)}.w-tc-editor code[class*=language-] .token.punctuation,.w-tc-editor pre[class*=language-] .token.punctuation{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.w-tc-editor code[class*=language-] .namespace,.w-tc-editor pre[class*=language-] .namespace{opacity:.7}.w-tc-editor code[class*=language-] .token.boolean,.w-tc-editor code[class*=language-] .token.constant,.w-tc-editor code[class*=language-] .token.deleted,.w-tc-editor code[class*=language-] .token.number,.w-tc-editor code[class*=language-] .token.symbol,.w-tc-editor pre[class*=language-] .token.boolean,.w-tc-editor pre[class*=language-] .token.constant,.w-tc-editor pre[class*=language-] .token.deleted,.w-tc-editor pre[class*=language-] .token.number,.w-tc-editor pre[class*=language-] .token.symbol{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .style .token.string,.w-tc-editor code[class*=language-] .token.builtin,.w-tc-editor code[class*=language-] .token.char,.w-tc-editor code[class*=language-] .token.entity,.w-tc-editor code[class*=language-] .token.inserted,.w-tc-editor code[class*=language-] .token.operator,.w-tc-editor code[class*=language-] .token.property,.w-tc-editor code[class*=language-] .token.selector,.w-tc-editor code[class*=language-] .token.string,.w-tc-editor code[class*=language-] .token.url,.w-tc-editor pre[class*=language-] .style .token.string,.w-tc-editor pre[class*=language-] .token.builtin,.w-tc-editor pre[class*=language-] .token.char,.w-tc-editor pre[class*=language-] .token.entity,.w-tc-editor pre[class*=language-] .token.inserted,.w-tc-editor pre[class*=language-] .token.operator,.w-tc-editor pre[class*=language-] .token.property,.w-tc-editor pre[class*=language-] .token.selector,.w-tc-editor pre[class*=language-] .token.string,.w-tc-editor pre[class*=language-] .token.url{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.atrule,.w-tc-editor code[class*=language-] .token.keyword,.w-tc-editor code[class*=language-] .token.property-access .token.method,.w-tc-editor pre[class*=language-] .token.atrule,.w-tc-editor pre[class*=language-] .token.keyword,.w-tc-editor pre[class*=language-] .token.property-access .token.method{color:var(--color-prettylights-syntax-keyword)}.w-tc-editor code[class*=language-] .token.function,.w-tc-editor pre[class*=language-] .token.function{color:var(--color-prettylights-syntax-string)}.w-tc-editor code[class*=language-] .token.important,.w-tc-editor code[class*=language-] .token.regex,.w-tc-editor code[class*=language-] .token.variable,.w-tc-editor pre[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.regex,.w-tc-editor pre[class*=language-] .token.variable{color:var(--color-prettylights-syntax-string-regexp)}.w-tc-editor code[class*=language-] .token.bold,.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.bold,.w-tc-editor pre[class*=language-] .token.important{color:var(--color-prettylights-syntax-markup-bold)}.w-tc-editor code[class*=language-] .token.tag,.w-tc-editor pre[class*=language-] .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.attr-name,.w-tc-editor code[class*=language-] .token.attr-value,.w-tc-editor pre[class*=language-] .token.attr-name,.w-tc-editor pre[class*=language-] .token.attr-value{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.class-name,.w-tc-editor code[class*=language-] .token.selector .class,.w-tc-editor pre[class*=language-] .token.class-name,.w-tc-editor pre[class*=language-] .token.selector .class{color:var(--color-prettylights-syntax-entity)}.custom-select{display:inline-block;flex:1 1;min-width:70px;position:relative}.custom-select-trigger{align-items:center;background:#333;border:1px solid #444;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:9px;gap:4px;justify-content:space-between;padding:3px 5px;text-align:left;transition:border-color .15s;width:100%}.custom-select-trigger:hover{border-color:#555}.custom-select.open .custom-select-trigger{border-color:#3b82f6}.custom-select-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{align-items:center;color:#888;display:flex;transition:transform .15s}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{background:#2a2a2a;border:1px solid #444;border-radius:3px;box-shadow:0 4px 12px #0006;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);z-index:1000}.custom-select-option{background:#0000;border:none;color:#ccc;cursor:pointer;display:block;font-family:inherit;font-size:9px;padding:4px 6px;text-align:left;transition:background .1s;width:100%}.custom-select-option:hover{background:#3b82f6;color:#fff}.custom-select-option.selected{background:#333;color:#fff}.custom-select-option.selected:hover{background:#3b82f6}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:#1a1a1a}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.experience-builder{background:#1a1a1a;color:#fff;display:flex;flex-direction:column;font-family:Host Grotesk,sans-serif;height:100vh;overflow:hidden;width:100vw}.eb-navbar{background:#222;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;padding:6px 12px}.eb-navbar,.eb-navbar-left{align-items:center;display:flex}.eb-navbar-left{gap:8px}.eb-navbar-right{align-items:center;display:flex;gap:6px}.eb-navbar-title{color:#fff;font-size:11px;font-weight:600}.eb-album-name{border-left:1px solid #444;color:#888;font-size:10px;padding-left:8px}.nav-btn{align-items:center;background:#0000;border:1px solid #444;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-family:Host Grotesk,sans-serif;font-size:10px;gap:4px;padding:5px 10px;text-decoration:none;transition:all .15s ease}.nav-btn:hover{background:#333;border-color:#555;color:#fff}.nav-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.nav-btn.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.eb-main{display:flex;flex:1 1;height:calc(100vh - 112px);overflow:hidden}.eb-panel{background:#222;border-right:1px solid #333;display:flex;flex-direction:column}.eb-layers-panel{flex-shrink:0;width:160px}.eb-properties-panel{border-left:1px solid #333;border-right:none;flex-shrink:0;overflow:hidden;width:200px}.eb-panel-header{border-bottom:1px solid #333;color:#888;font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.eb-panel-content{flex:1 1;overflow-y:auto;padding:8px}.eb-canvas{align-items:center;background:#1a1a1a;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px 20px 60px;position:relative}.keyframe-mode-banner{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#a855f740,#8b5cf633);border:1px solid #a855f780;border-radius:20px;color:#c084fc;display:flex;font-size:13px;font-weight:500;gap:8px;left:50%;padding:8px 16px;position:absolute;top:16px;transform:translateX(-50%);z-index:10}.keyframe-mode-banner svg{flex-shrink:0}.keyframe-mode-exit{background:#a855f733;border:1px solid #a855f766;border-radius:12px;color:#c084fc;cursor:pointer;font-size:11px;font-weight:500;margin-left:8px;padding:4px 12px;transition:all .15s ease}.keyframe-mode-exit:hover{background:#a855f74d;border-color:#a855f799;color:#fff}.eb-phone-frame{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000;border:none;border-radius:44px;box-shadow:0 25px 50px -12px #00000080;flex-shrink:0;outline:none;padding:12px;transform-origin:center center;will-change:transform}.eb-phone-wrapper{align-items:center;display:flex;gap:12px}.preview-controls{display:flex;flex-direction:column;gap:8px;left:12px;position:absolute;top:12px;z-index:10}.device-selector{align-items:center;display:flex;gap:8px}.device-scale-info{background:#2a2a2a;border-radius:4px;color:#888;font-size:11px;padding:4px 8px}.preview-zoom-controls{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:6px;display:flex;gap:4px;padding:2px 4px}.zoom-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:background .15s;width:24px}.zoom-btn:hover:not(:disabled){background:#444}.zoom-btn:disabled{color:#555;cursor:not-allowed}.zoom-value{color:#ccc;font-size:11px;min-width:40px;text-align:center}.eb-phone-screen{-ms-overflow-style:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background:#000;border:none;border-radius:32px;outline:none;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;scrollbar-width:none}.eb-phone-screen::-webkit-scrollbar{display:none}.canvas-scroll-indicator{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px;width:40px}.scroll-track{background:#333;border-radius:2px;height:120px;position:relative;width:4px}.scroll-thumb{background:#666;border-radius:2px;min-height:20px;position:absolute;width:100%}.scroll-position{color:#666;font-size:10px;min-width:40px;text-align:center}.eb-canvas-inner{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;position:relative}.snap-guide-vertical{bottom:0;top:0;width:1px}.snap-guide-horizontal,.snap-guide-vertical{background:#f0f;pointer-events:none;position:absolute;z-index:1000}.snap-guide-horizontal{height:1px;left:0;right:0}.marquee-container{overflow:hidden;width:100%}.marquee-content{animation:marquee 10s linear infinite;display:inline-block;white-space:nowrap}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.eb-canvas-placeholder,.eb-error,.eb-loading{color:#666;font-size:14px;text-align:center}.eb-error{color:#ef4444}.eb-canvas-placeholder p{margin:8px 0}.eb-canvas-placeholder p:first-child{color:#888;font-size:12px}.canvas-element{box-sizing:border-box}.canvas-element.dragging{-webkit-user-select:none!important;user-select:none!important}.canvas-element:hover{outline:1px dashed #3b82f680;outline-offset:2px}.canvas-element.selected{outline:2px solid #3b82f6;outline-offset:2px}.canvas-element.selected:hover{outline:2px solid #3b82f6}.resize-handle{background:#3b82f6;border:1px solid #fff;border-radius:2px;position:absolute;z-index:10}.resize-handle-se{bottom:-5px;cursor:se-resize;height:10px;right:-5px;width:10px}.resize-handle-sw{bottom:-5px;cursor:sw-resize;height:10px;left:-5px;width:10px}.resize-handle-ne{cursor:ne-resize;height:10px;right:-5px;top:-5px;width:10px}.resize-handle-nw{cursor:nw-resize;height:10px;left:-5px;top:-5px;width:10px}.resize-handle-e{cursor:e-resize;right:-4px}.resize-handle-e,.resize-handle-w{height:16px;top:50%;transform:translateY(-50%);width:8px}.resize-handle-w{cursor:w-resize;left:-4px}.resize-handle-s{bottom:-4px;cursor:s-resize}.resize-handle-n,.resize-handle-s{height:8px;left:50%;transform:translateX(-50%);width:16px}.resize-handle-n{cursor:n-resize;top:-4px}.resize-handle.scale-mode{background:#0000;border:2px dashed #a855f7;cursor:nwse-resize}.canvas-text-editor{word-wrap:break-word;border:none;display:block;font-family:inherit;line-height:inherit;margin:0;min-width:20px;outline:none;overflow:hidden;padding:0;resize:none;white-space:pre-wrap;width:100%}@media (max-width:900px){.eb-layers-panel{width:140px}.eb-properties-panel{width:180px}.eb-timeline{left:140px;right:180px}.keyframe-panel{left:140px;width:180px}}.panel-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:6px 8px}.panel-header .icon-btn{padding:4px}.panel-header h3{border:none;color:#666;font-size:9px;font-weight:600;letter-spacing:.5px;margin:0;padding:0;text-transform:uppercase}.layout-selector{border-bottom:1px solid #333;padding:8px}.layout-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.layout-label{color:#666;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.layout-tabs{display:flex;flex-wrap:wrap;gap:3px}.layout-tab{align-items:center;background:#333;border-radius:3px;color:#aaa;cursor:pointer;display:flex;font-size:10px;gap:3px;padding:4px 8px;transition:background .15s}.layout-tab:hover{background:#444}.layout-tab.active{background:#2563eb;color:#fff}.layout-delete-btn{background:none;border:none;color:#fff9;cursor:pointer;font-size:14px;line-height:1;margin-left:2px;padding:0}.layout-delete-btn:hover{color:#fff}.layout-trigger-badge{background:#22c55e26;border-radius:3px;color:#22c55e;font-size:10px;margin-left:4px;padding:1px 4px}.layout-trigger-badge.conflict{background:#f8717126;color:#f87171}.layout-tab.has-conflict{border:1px solid #f8717180}.layout-trigger-editor{border-top:1px solid #333;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:10px 0 4px}.trigger-row{align-items:center;display:flex;gap:8px}.trigger-row label{color:#888;flex-shrink:0;font-size:11px;width:55px}.trigger-row input,.trigger-row select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:12px;padding:5px 8px}.trigger-row input:focus,.trigger-row select:focus{border-color:#3b82f6;outline:none}.trigger-hint{color:#666;font-size:11px;font-style:italic}.trigger-warning{background:#f871711a;border-radius:4px;color:#f87171;font-size:11px;margin:4px 8px 0;padding:6px 8px}.icon-btn{align-items:center;background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px}.icon-btn:hover{background:#444}.add-menu{border-bottom:1px solid #333;display:flex;flex-direction:column;gap:4px;padding:8px}.add-menu button{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:6px 10px;text-align:left}.add-menu button:hover{background:#444}.layers-list{flex:1 1;overflow-y:auto;padding:6px}.layers-list .placeholder{color:#666;font-size:11px;margin:0;padding:12px 6px;text-align:center}.layer-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:11px;gap:6px;padding:6px 8px}.layer-item:hover{background:#333}.layer-item.selected{background:#2563eb}.layer-type{color:#888;text-transform:capitalize}.layer-item.selected .layer-type{color:#ffffffb3}.layer-id{color:#fff;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-animated{color:#a855f7;flex-shrink:0;font-size:10px}.layer-drag-handle{align-items:center;color:#555;cursor:grab;display:flex;flex-shrink:0}.layer-drag-handle:hover{color:#888}.layer-item.dragging{opacity:.5}.layer-item.drag-over{border-top:2px solid #3b82f6;margin-top:-2px}.properties-content{padding:8px}.keyframe-indicator{align-items:center;background:linear-gradient(135deg,#a855f726,#8b5cf61a);border:1px solid #a855f74d;border-radius:8px;color:#a855f7;display:flex;font-size:12px;font-weight:500;gap:8px;margin:0 8px 12px;padding:8px 12px}.keyframe-indicator svg{flex-shrink:0}.keyframe-indicator span{flex:1 1}.keyframe-indicator .keyframe-time{color:#888;flex:none;font-weight:400}.keyframe-indicator .icon-btn{color:#888;flex-shrink:0}.keyframe-indicator .icon-btn:hover{color:#fff}.eb-state-tabs{align-items:flex-end;background:#1a1a1a;display:flex;gap:2px;padding:6px 6px 0}.state-tab{background:#252525;border:1px solid #333;border-bottom:none;border-radius:4px 4px 0 0;color:#888;cursor:pointer;font-size:10px;font-weight:500;margin-bottom:-1px;padding:5px 10px;position:relative;transition:all .15s ease}.state-tab:hover{background:#2a2a2a;color:#ccc}.state-tab.active{background:#2a2a2a;border-color:#444;color:#fff;z-index:1}.state-tab.active:after{background:#2a2a2a;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.state-tab.add-state-tab{background:#0000;border-color:#0000;color:#666;font-size:10px;padding:5px 10px}.state-tab.add-state-tab:hover{background:#252525;border-color:#333;color:#fff}.state-tab.delete-state-tab{background:#0000;border-color:#0000;color:#666;font-size:12px;padding:5px 10px}.state-tab.delete-state-tab:hover{background:#252525;border-color:#333;color:#ff6b6b}.delete-state-btn{background:#0000;border:1px solid #444;border-radius:3px;color:#888;cursor:pointer;font-size:10px;margin-top:6px;padding:5px;transition:all .15s ease;width:100%}.delete-state-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.property-section{margin-bottom:12px}.property-section h4{color:#666;font-size:9px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;padding:0 6px;text-transform:uppercase}.property-section.collapsible h4{align-items:center;cursor:pointer;display:flex;gap:4px;-webkit-user-select:none;user-select:none}.property-section.collapsible h4:hover{color:#888}.collapse-arrow{font-size:8px;transition:transform .15s ease}.collapse-arrow.collapsed{transform:rotate(-90deg)}.property-row{align-items:center;display:flex;gap:2px;padding:2px 12px 2px 6px}.property-row label{color:#888;flex-shrink:0;font-size:9px;width:52px}.property-row input{background:#333;border:1px solid #444;border-radius:2px;color:#fff;flex:1 1;font-size:9px;padding:3px 5px}.property-row input:focus{border-color:#3b82f6;outline:none}.text-area-input{background:#333;border:1px solid #444;border-radius:2px;color:#fff;flex:1 1;font-family:inherit;font-size:9px;min-height:40px;padding:3px 5px;resize:vertical}.text-area-input:focus{border-color:#3b82f6;outline:none}.property-row select{background:#333;border:1px solid #444;border-radius:3px;color:#fff;flex:1 1;font-size:11px;padding:4px 6px}.property-row select:focus{border-color:#3b82f6;outline:none}.property-row input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#333;border:1px solid #444;border-radius:3px;cursor:pointer;flex-shrink:0;height:14px;position:relative;width:14px}.property-row input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.property-row input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.property-row input[type=checkbox]:hover{border-color:#555}.property-row input[type=checkbox]:checked:hover{background:#2563eb;border-color:#2563eb}.slider-with-value{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0}.slider-with-value input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;flex:1 1;height:2px;min-width:0;outline:none}.slider-with-value input[type=range]:focus{outline:none}.slider-with-value input[type=range]::-webkit-slider-runnable-track{background:#444;border-radius:1px;height:2px}.slider-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:8px;margin-top:-3px;width:8px}.slider-with-value input[type=range]::-moz-range-track{background:#444;border-radius:1px;height:2px}.slider-with-value input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:8px;width:8px}.slider-value{color:#888;font-size:11px;min-width:28px;text-align:right}.property-row input[type=color]{flex-shrink:0;height:28px;padding:2px;width:40px}.property-row.color-row{gap:4px}.property-row .hex-input{flex:0 0 70px;font-family:Monaco,Menlo,monospace;font-size:11px;width:70px}.color-picker-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.color-swatch{border:1px solid #444;border-radius:4px;cursor:pointer;height:28px;overflow:hidden;position:relative;width:32px}.color-swatch:before{background-image:linear-gradient(45deg,#333 25%,#0000 0),linear-gradient(-45deg,#333 25%,#0000 0),linear-gradient(45deg,#0000 75%,#333 0),linear-gradient(-45deg,#0000 75%,#333 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;content:"";inset:0;position:absolute;z-index:0}.color-swatch:after{background-color:inherit;content:"";inset:0;position:absolute;z-index:1}.no-color-x{align-items:center;color:#888;font-size:16px;inset:0;justify-content:center;z-index:2}.color-popover,.no-color-x{display:flex;position:absolute}.color-popover{background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 8px 24px #0006;flex-direction:column;gap:8px;margin-top:4px;padding:12px;right:0;top:100%;z-index:100}.color-popover .react-colorful{height:140px;width:180px}.color-popover .hex-input{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:12px;padding:6px 8px;width:100%}.color-popover .hex-input:focus{border-color:#3b82f6;outline:none}.clear-color-btn{background:#333;border:1px solid #444;border-radius:4px;color:#aaa;cursor:pointer;font-size:11px;padding:6px 8px;transition:background .15s,color .15s}.clear-color-btn:hover{background:#444;color:#fff}.property-row input[type=number]{-webkit-appearance:textfield;appearance:textfield;width:60px}.property-row input[type=number]::-webkit-inner-spin-button,.property-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.property-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:0 8px}.property-grid .property-row{gap:4px;padding:0}.property-grid .property-row label{min-width:20px;width:auto}.delete-btn{background:#dc2626;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;padding:5px;width:100%}.delete-btn:hover{background:#b91c1c}.delete-btn.secondary{background:#0000;border:1px solid #444;color:#888}.delete-btn.secondary:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.delete-section{display:flex;flex-direction:column;gap:6px}.delete-divider{background:#333;height:1px;margin:3px 0}.eb-panel-content .placeholder{color:#666;font-size:10px;margin:0;padding:10px 6px;text-align:center}.eb-source-view{background:#0d0d0d;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.eb-source-editor{background:#0d0d0d;border:none;color:#e0e0e0;flex:1 1;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;padding:20px;resize:none;tab-size:2;width:100%}.eb-source-editor:focus{outline:none}.eb-source-error{background:#7f1d1d;color:#fca5a5;flex-shrink:0;font-size:13px;padding:12px 20px}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 8px}.section-header-row h4{margin:0;padding:0}.section-header-actions{align-items:center;display:flex;gap:4px}.icon-btn.small{padding:3px}.icon-btn.tiny{background:#444;padding:2px}.icon-btn.danger{background:#7f1d1d}.icon-btn.danger:hover{background:#991b1b}.placeholder.small{font-size:9px;padding:6px}.animations-list,.conditions-list,.states-list{display:flex;flex-direction:column;gap:8px}.state-item{background:#2a2a2a;border:1px solid #0000;border-radius:6px;padding:10px}.state-item.selected{border-color:#10b981}.state-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.state-label{color:#888;font-size:12px;font-weight:500}.state-item.selected .state-label{color:#10b981}.state-conditions{display:flex;flex-direction:column;gap:6px}.condition-row{align-items:center;display:flex;font-size:12px;gap:6px}.condition-row input,.condition-row select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:11px;min-width:0;padding:4px 6px}.condition-row input:focus,.condition-row select:focus{border-color:#10b981;outline:none}.condition-row span{color:#666}.condition-badge{border-radius:3px;font-size:10px;font-weight:600;padding:2px 6px}.condition-badge.kf{background:#a855f733;color:#a855f7}.variable-preview-list{display:flex;flex-direction:column;gap:8px}.variable-preview-item{align-items:center;display:flex;gap:8px}.variable-preview-item label{color:#888;flex-shrink:0;font-size:12px;min-width:80px}.variable-preview-item input{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:12px;padding:6px 8px}.variable-preview-item input:focus{border-color:#3b82f6;outline:none}.action-item,.actions-list{display:flex;flex-direction:column;gap:8px}.action-item{background:#2a2a2a;border-radius:6px;padding:10px}.action-header{align-items:center;display:flex;justify-content:space-between}.action-number{color:#3b82f6;font-size:12px;font-weight:500}.action-row{align-items:center;display:flex;gap:8px}.action-row label{color:#888;flex-shrink:0;font-size:11px;width:50px}.action-row select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:12px;padding:6px 8px}.action-row select:focus{border-color:#3b82f6;outline:none}.action-row input{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:12px;padding:6px 8px}.action-row input:focus{border-color:#3b82f6;outline:none}.variable-select-wrapper{flex:1 1}.variable-select-wrapper select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:12px;padding:6px 8px;width:100%}.variable-select-wrapper select:focus{border-color:#3b82f6;outline:none}.animation-item{background:#2a2a2a;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:10px}.animation-header{align-items:center;display:flex;gap:8px}.animation-header select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:12px;padding:6px 8px}.animation-header select:focus{border-color:#3b82f6;outline:none}.animation-trigger{align-items:center;display:flex;gap:8px}.trigger-time-input{background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:12px;padding:4px 6px;width:60px}.trigger-time-input:focus{border-color:#3b82f6;outline:none}.checkbox-label{align-items:center;color:#888;cursor:pointer;display:flex;font-size:9px;gap:6px}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#333;border:1px solid #444;border-radius:2px;cursor:pointer;flex-shrink:0;height:12px;position:relative;width:12px}.checkbox-label input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 1.5px 1.5px 0;content:"";height:7px;left:3px;position:absolute;top:0;transform:rotate(45deg);width:4px}.checkbox-label input[type=checkbox]:hover{border-color:#555}.keyframes-section{border-top:1px solid #444;margin-top:4px;padding-top:8px}.keyframes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.keyframes-header span{color:#666;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.keyframes-list{display:flex;flex-direction:column;gap:4px}.keyframe-row{align-items:center;display:flex;gap:4px}.keyframe-row input[type=number]{background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:11px;padding:4px 6px;width:50px}.keyframe-row input[type=number]:focus{border-color:#3b82f6;outline:none}.keyframe-row select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:11px;padding:4px 6px}.keyframe-row select:focus{border-color:#3b82f6;outline:none}.text-keyframe-item,.text-keyframes-list{display:flex;flex-direction:column;gap:8px}.text-keyframe-item{background:#2a2a2a;border-radius:6px;padding:10px}.text-keyframe-header{align-items:center;display:flex;gap:6px}.text-keyframe-time{background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:12px;padding:4px 6px;width:60px}.text-keyframe-time:focus{border-color:#3b82f6;outline:none}.text-keyframe-label{color:#666;font-size:11px}.text-keyframe-track{background:#333;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:11px;padding:4px 6px}.text-keyframe-track:focus{border-color:#3b82f6;outline:none}.text-keyframe-text{background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-family:inherit;font-size:12px;min-height:40px;padding:6px 8px;resize:vertical}.text-keyframe-text:focus{border-color:#3b82f6;outline:none}.keyframe-panel{background:#1a1a1a;border:1px solid #333;border-bottom:none;border-radius:8px 8px 0 0;bottom:40px;display:flex;flex-direction:column;left:160px;max-height:300px;position:fixed;width:200px;z-index:101}.keyframe-panel-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:12px 16px}.keyframe-panel-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.keyframe-panel-content{flex:1 1;overflow-y:auto;padding:8px}.keyframe-list{display:flex;flex-direction:column;gap:4px}.keyframe-list-item{align-items:center;background:#2a2a2a;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .15s}.keyframe-list-item:hover{background:#333}.keyframe-list-item.selected{background:#a855f733;border:1px solid #a855f766}.keyframe-list-item .keyframe-icon{color:#a855f7;flex-shrink:0}.keyframe-list-item .keyframe-icon.interpolate{color:#3b82f6}.keyframe-list-item.interpolate{background:linear-gradient(90deg,#a855f726,#3b82f626)}.keyframe-list-item.interpolate.selected{background:linear-gradient(90deg,#a855f740,#3b82f640);border-color:#3b82f666}.keyframe-list-item .icon-btn.active{color:#3b82f6;opacity:1}.keyframe-list-item .easing-select{background:#333;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;font-size:11px;padding:2px 4px}.keyframe-list-item .easing-select:hover{border-color:#555;color:#fff}.keyframe-list-item .keyframe-number{color:#fff;font-size:13px;font-weight:500}.keyframe-list-item .keyframe-time{color:#888;flex:1 1;font-size:12px}.keyframe-list-item .keyframe-time-input{-webkit-appearance:textfield;appearance:textfield;background:#0000;border:1px solid #0000;border-radius:4px;color:#fff;font-family:monospace;font-size:12px;padding:2px 6px;text-align:right;transition:border-color .15s,background .15s;width:50px}.keyframe-list-item .icon-btn{margin-left:auto}.keyframe-list-item .keyframe-time-input::-webkit-inner-spin-button,.keyframe-list-item .keyframe-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.keyframe-list-item .keyframe-time-input:hover{background:#2a2a2a;border-color:#444}.keyframe-list-item .keyframe-time-input:focus{background:#333;border-color:#3b82f6;outline:none}.keyframe-list-item .icon-btn{opacity:0;transition:opacity .15s}.keyframe-list-item:hover .icon-btn{opacity:1}.timeline-btn.active{background:#3b82f6;border-color:#3b82f6}.timeline-btn.interpolate-btn{background:linear-gradient(135deg,#a855f74d,#3b82f64d);border-color:#a855f780;font-size:16px;padding:8px 10px}.timeline-btn.interpolate-btn:hover{background:linear-gradient(135deg,#a855f780,#3b82f680)}.eb-timeline{align-items:center;background:#222;border-top:1px solid #333;bottom:0;display:flex;gap:8px;height:40px;left:160px;padding:0 10px;position:fixed;right:200px;z-index:100}.timeline-controls{align-items:center;display:flex;gap:6px}.timeline-btn{align-items:center;background:#333;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background .15s}.timeline-btn:hover{background:#444}.timeline-btn.play-btn{background:#3b82f6;border-color:#3b82f6;padding:5px 8px}.timeline-btn.play-btn:hover{background:#2563eb}.timeline-time{color:#888;font-family:monospace;font-size:10px;min-width:120px}.timeline-scrubber-area{display:flex;flex:1 1;flex-direction:column;gap:2px}.timeline-keyframes-row{background:#252525;border-radius:4px;height:16px;position:relative}.timeline-scrubber{background:#333;border-radius:4px;height:8px;margin-left:50px;position:relative}.timeline-slider{cursor:pointer;height:24px;left:0;opacity:0;position:absolute;top:-8px;width:100%;z-index:10}.timeline-progress{background:#3b82f6;border-radius:4px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .05s linear}.timeline-keyframe-marker{background:#a855f7;border-radius:2px;cursor:pointer;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .1s,background .1s;width:8px;z-index:3}.timeline-keyframe-marker:hover{background:#c084fc;transform:translate(-50%,-50%) scale(1.2)}.timeline-keyframe-marker.selected{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b4d}.timeline-keyframe-marker.interpolate{background:linear-gradient(135deg,#a855f7,#3b82f6);border-radius:0;height:10px;transform:translate(-50%,-50%) rotate(45deg);width:10px}.timeline-keyframe-marker.interpolate:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}.timeline-keyframe-marker.interpolate.selected{background:linear-gradient(135deg,#f59e0b,#f97316)}.timeline-btn.keyframe-active{background:#a855f7;border-color:#a855f7}.timeline-btn.keyframe-active:hover{background:#9333ea}.timeline-track-select{align-items:center;display:flex;gap:6px}.timeline-track-select label{color:#888;font-size:11px}.timeline-track-select select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:11px;max-width:140px;padding:6px 8px}.timeline-duration{align-items:center;display:flex;gap:4px}.timeline-duration label{color:#888;font-size:11px}.timeline-duration .duration-input{background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:11px;padding:6px 8px;text-align:center;width:50px}.timeline-duration span{color:#888;font-size:11px}.timeline-element-row{align-items:center;background:#1a1a1a;border-radius:3px;cursor:pointer;display:flex;height:20px;margin-top:2px;transition:background .15s}.timeline-element-row:hover{background:#252525}.timeline-element-row.selected{background:#2a2a3a}.timeline-element-label{color:#888;flex-shrink:0;font-family:monospace;font-size:10px;overflow:hidden;padding:0 6px;text-overflow:ellipsis;width:50px}.timeline-element-row.selected .timeline-element-label{color:#a855f7}.timeline-element-keyframes{flex:1 1;height:100%;position:relative}.timeline-element-keyframes .timeline-keyframe-marker{background:#666;cursor:pointer;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .15s;width:8px}.timeline-element-keyframes .timeline-keyframe-marker:not(.interpolate){border-radius:1px}.timeline-element-keyframes .timeline-keyframe-marker.interpolate{border-radius:1px;transform:translate(-50%,-50%) rotate(45deg)}.timeline-element-keyframes .timeline-keyframe-marker:hover{background:#888;transform:translate(-50%,-50%) scale(1.2)}.timeline-element-keyframes .timeline-keyframe-marker.interpolate:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}.timeline-element-keyframes .timeline-keyframe-marker.selected{background:#a855f7}.timeline-btn.disabled{cursor:not-allowed;opacity:.3}
/*# sourceMappingURL=main.fc8f5b67.css.map*/