@charset "UTF-8";:root{--fx-density: 1;--fx-blur: 1;--fx-parallax: 1}.low-fps{--fx-density: .5;--fx-blur: .6;--fx-parallax: .7}.low-fps .heavy-bg{filter:none!important;opacity:.7!important}.low-fps .bg-blur{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.low-fps .particle,.low-fps canvas.fx{display:none!important}.reduced-motion *{animation:none!important;transition:none!important}.reduced-motion html,.reduced-motion body{scroll-behavior:auto!important}.reduced-motion .heavy-bg,.reduced-motion .particle,.reduced-motion canvas.fx{display:none!important}:focus-visible{outline:2px solid #8ab4ff;outline-offset:2px}:root{--bg-main: #0D1117;--panel-bg: #161B22;--panel-bg-alt: #21262d;--border-color: #30363d;--text-main: #e6edf3;--text-secondary: #7d8590;--accent: #3b82f6;--accent-secondary: #a855f7;--accent-gradient: linear-gradient(45deg, var(--accent), var(--accent-secondary));--accent-rgb: 59, 130, 246;--success: #4ade80;--error: #ef5350}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Google Sans Display,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);overflow:hidden}#root,#root>div{height:100dvh}h1,h2,h3,h4{font-weight:400;margin-bottom:1rem}h4{margin-bottom:0}ul{list-style:none}.icon{font-family:Material Symbols Outlined;font-weight:300;line-height:1;font-size:1.2em;display:inline-block;vertical-align:middle}.app-wrapper{display:flex;flex-direction:column;height:100%;background:radial-gradient(circle,#1a1f27,var(--bg-main) 80%)}.page-content{flex-grow:1;overflow:hidden;display:flex}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background-color:#161b22b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(48,54,61,.5);flex-shrink:0;position:relative;z-index:10200}.logo-group{display:flex;align-items:center;gap:1.5rem}.app-header .logo{font-size:1.5rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.app-header .logo .icon{font-size:1.8rem;color:var(--accent)}.app-header nav{display:flex;gap:.5rem;align-items:center}.app-header nav button{background:none;border:none;color:var(--text-secondary);font-size:1rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.app-header nav button.secondary{padding:.5rem;min-width:40px}.app-header nav button.secondary.active{border:1px solid var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.app-header nav button#btnAIFree.active{background:var(--accent-secondary);border-color:transparent;color:#fff}.app-header nav button:hover{background-color:var(--panel-bg-alt);color:var(--text-main)}.app-header nav button.active{color:#fff;background:var(--accent-gradient)}.app-header nav button.help-button{font-family:monospace;font-weight:600;font-size:12px;line-height:1;padding:6px 10px;border:1px solid var(--border-color);background-color:var(--panel-bg-alt);color:var(--text-main)}.app-header nav button.help-button:hover{border-color:var(--accent);color:var(--accent);background-color:var(--panel-bg-alt)}.home-page-container{width:100%;height:100%;display:flex;flex-direction:column}.home-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.home-header-brand{font-size:1.5rem;font-weight:700;color:var(--text-main)}.home-header-user{display:flex;align-items:center;gap:1rem}.home-header-user span{color:var(--text-secondary);font-size:.9rem}.home-header-user button{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-main);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.home-header-user button:hover{border-color:var(--accent);color:var(--accent)}.home-page{width:100%;flex-grow:1;padding:2rem;overflow-y:auto}.home-page h1{font-size:2.5rem;font-weight:700;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.project-card{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 20px #0000004d}.project-card .preview{height:160px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center}.project-card .preview .icon{font-size:5rem;color:#fffc}.project-card .info{padding:1rem}.project-card h3{margin-bottom:.5rem;font-size:1.2rem;font-weight:500}.project-card p{font-size:.9rem;color:var(--text-secondary)}.stage-editor-container{display:flex;width:100%;height:100%;--panel-width: 360px}.stage-editor-container.panel-right{flex-direction:row-reverse}.stage-editor-container.panel-right .control-panel{border-right:none;border-left:1px solid var(--border-color)}.panel-resizer{width:5px;background-color:transparent;cursor:col-resize;flex-shrink:0;position:relative;transition:background-color .2s;z-index:100}.panel-resizer:hover,body.resizing-panel .panel-resizer{background-color:var(--accent)}.stage-editor-container.panel-right .panel-resizer{order:1}.stage{flex-grow:1;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:1rem;min-width:0}.stage-viewport{position:relative;overflow:hidden;height:100%;max-width:100%;border-radius:12px;background-color:#000;box-shadow:0 0 30px #000000b3;container-type:inline-size;container-name:stage;background:linear-gradient(270deg,#0d1127,#161b22,#0d1127);background-size:200% 200%;animation:subtle-gradient 15s ease infinite;transform:scale(var(--stage-zoom, 1));transition:transform .2s ease-out,border-radius .2s ease-out,border .2s ease-out,box-shadow .2s ease-out,background-color .2s ease-out}@keyframes subtle-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.stage-viewport.frame-preset-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff14}.stage-viewport.frame-preset-neon{box-shadow:0 0 10px var(--accent-secondary),inset 0 0 15px var(--accent-secondary);border:2px solid var(--accent-secondary);background-color:transparent}.stage-viewport.frame-preset-simple{background-color:var(--panel-bg-alt)}.stage:fullscreen{padding:0;background:#000}.stage:fullscreen .stage-viewport{border-radius:0}.show-panel-btn{position:absolute;top:1rem;z-index:2000;width:44px;height:44px;border-radius:50%;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.show-panel-btn.pos-left{left:1rem}.show-panel-btn.pos-right{right:1rem}.progress-bar{position:absolute;top:0;left:0;height:4px;background:var(--accent-gradient);transition:width .1s linear;z-index:1000;box-shadow:0 0 10px var(--accent)}.stage-content{width:100%;height:100%;display:flex;position:relative;z-index:5;perspective:var(--stage-perspective, 1000px);transform-style:preserve-3d;justify-content:center;align-items:center}.app-header nav .fx-toggle{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.app-header nav .fx-toggle:hover{background-color:var(--panel-bg-alt);color:var(--text-main)}.app-header nav .fx-toggle.active{color:#fff;background:var(--accent-gradient);border-color:transparent}.app-header nav .nav-divider{width:1px;height:20px;background-color:var(--border-color);margin:0}.video-controls-group{display:flex;align-items:center;gap:.5rem;padding:0 .5rem;border-left:1px solid var(--border-color);margin-left:.5rem}.video-scrubber{display:flex;align-items:center;gap:.75rem;width:200px}.video-scrubber span{font-family:Google Sans Mono,monospace;font-size:.8rem;color:var(--text-secondary);min-width:35px;text-align:center}.video-scrubber .scrubber-bar{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;background:var(--panel-bg-alt);border-radius:5px;outline:none;padding:0;cursor:pointer}.video-scrubber .scrubber-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--text-main);cursor:pointer;border-radius:50%;border:2px solid var(--panel-bg-alt);transition:background .2s,transform .2s}.video-scrubber .scrubber-bar:active::-webkit-slider-thumb{background:#fff;transform:scale(1.1)}.engine-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--panel-bg-alt);border-radius:6px;font-size:.8rem;color:var(--text-secondary);font-family:Google Sans Mono,monospace;margin-right:.5rem;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#666;transition:background-color .3s}.engine-status-indicator.status-waiting .status-dot{background-color:#666}.engine-status-indicator.status-initializing .status-dot{background-color:#f59e0b;animation:status-pulse 1.5s infinite}.engine-status-indicator.status-running .status-dot{background-color:#388e3c}.engine-status-indicator.status-error .status-dot{background-color:var(--error)}@keyframes status-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.welcome-message{color:var(--text-secondary);font-size:.9rem;white-space:nowrap;margin:0 .5rem}.secret-page{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.secret-page .secret-icon{font-family:Material Symbols Outlined;font-size:5rem;color:var(--accent-secondary)}.secret-page h1{font-size:2.5rem;font-weight:700}.secret-page p{font-size:1.2rem;color:var(--text-secondary);max-width:500px}.home-header-left{display:flex;align-items:center;gap:2rem;height:100%}.home-header-nav{display:flex;gap:1rem;height:100%;align-items:center}.home-header-nav button{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:color .2s ease;padding:.5rem .25rem;position:relative;height:100%;display:flex;align-items:center}.home-header-nav button:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--accent);transform:scaleX(0);transform-origin:bottom;transition:transform .2s ease-out}.home-header-nav button:hover{color:var(--text-main)}.home-header-nav button:hover:after{transform:scaleX(1)}body.panel-dragging,body.panel-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-panel{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-panel *{pointer-events:none}.control-panel{width:var(--panel-width);flex-shrink:0;background-color:var(--panel-bg);height:100%;overflow-y:auto;border-right:1px solid var(--border-color);transition:padding .3s ease,opacity .3s ease;display:flex;flex-direction:column;position:relative}.project-locked .control-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1117d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;pointer-events:all;opacity:1;transition:opacity .3s ease-in-out}.project-locked .control-panel:after{font-family:Material Symbols Outlined;content:"lock";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:var(--text-secondary);z-index:5001;text-shadow:0 2px 10px rgba(0,0,0,.5);pointer-events:none;opacity:1;transition:opacity .3s ease-in-out}.panel-header{display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:10;background-color:#161b22b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;margin:0;border-bottom:1px solid rgba(48,54,61,.5);flex-shrink:0}.panel-header h1{margin-bottom:0;font-size:1.5rem;font-weight:700;margin-right:auto}.control-panel>.panel-section-wrapper{padding:0 1rem}.control-panel>.panel-sections-list{padding:0 1rem 1rem}.panel-header .button-group{display:flex;gap:.25rem;align-items:center}.panel-header .button-group>button{padding:.5rem;height:36px;justify-content:center;flex-shrink:0}.panel-header .button-group>button .icon:not(:last-child){margin:0}.panel-header .button-group>button.secondary .icon{margin:0}.panel-header .button-group button.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.card-editor{border-top:1px solid var(--border-color);padding-top:1rem}.editor-section{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.editor-section:last-child{border-bottom:none;margin-bottom:0}.editor-section h4{color:var(--text-main);margin-bottom:1rem;padding-bottom:.5rem;position:relative}.editor-section h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--accent-gradient)}.effect-group{border-top:1px solid var(--border-color);padding:1rem 0}.effect-group:first-child{border-top:none;padding-top:0}.effect-group:last-child{padding-bottom:0}.effect-group h4{margin-bottom:1rem}.timer-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.timer-controls button{flex-grow:1}.music-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.music-controls button{flex-grow:1}.music-playlist{margin-top:1rem;max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-main)}.empty-playlist{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic}.music-playlist-item{display:flex;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);transition:background-color .2s}.music-playlist-item:last-child{border-bottom:none}.music-playlist-item .title{flex-grow:1;margin:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em}.music-playlist-item button{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.music-playlist-item button:hover{background-color:#ffffff1a;color:var(--text-main)}.music-playlist-item.active{background-image:var(--accent-gradient);color:#fff}.music-playlist-item.active .title,.music-playlist-item.active button{color:#fff}.music-playlist-item.active button:hover{background-color:#0003}.playback-extra-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;margin-bottom:0;border-top:1px solid var(--border-color)}.playback-extra-controls .button-group{gap:0}.playback-extra-controls .button-group.segmented button{border-radius:0;border-right-width:0}.playback-extra-controls .button-group.segmented button:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.playback-extra-controls .button-group.segmented button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px;border-right-width:1px}.playback-extra-controls .button-group button{padding:.5rem;min-width:44px}.timer-controls-wrapper{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border-color)}.timer-controls-wrapper h4{margin-bottom:1rem;font-size:1rem;color:var(--text-secondary)}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:grab;padding:.75rem;width:100%;background:none;border:none;color:var(--text-main);text-align:left;border-radius:4px 4px 0 0;gap:.5rem}.accordion-header:active{cursor:grabbing}.accordion-header h3{margin:0;font-size:1.1rem;font-weight:500;flex-grow:1}.accordion-header .drag-handle{cursor:grab;color:var(--text-secondary)}.accordion-header[aria-expanded=true] .chevron{transform:rotate(90deg)}.accordion-content{overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;max-height:0;padding:0 .75rem}.accordion-content[aria-hidden=false]{max-height:4000px;padding:0 .75rem 1rem}.accordion-content .card-editor{border-top:none;padding-top:0}.accordion-content .editor-section{border-bottom:none;padding-bottom:0;margin-bottom:0}.panel-section-wrapper{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;position:relative;transition:border-color .2s,box-shadow .2s,background-color .2s}.panel-section-wrapper:hover{border-color:var(--text-secondary)}.panel-section-wrapper.dragging{background-color:var(--bg-main);border-color:var(--border-color);box-shadow:inset 0 2px 4px #0003}.panel-section-wrapper.dragging>*{opacity:0;transition:opacity .1s ease-out}.panel-section-wrapper.drop-target-top:before,.panel-section-wrapper.drop-target-bottom:after{content:"";position:absolute;left:0;right:0;height:4px;background:var(--accent);border-radius:2px;z-index:10;box-shadow:0 0 8px var(--accent),0 0 12px var(--accent-secondary)}.panel-section-wrapper.drop-target-top:before{top:-4px}.panel-section-wrapper.drop-target-bottom:after{bottom:-4px}.panel-help-text{font-size:.8rem;color:var(--text-secondary);background-color:var(--panel-bg-alt);padding:.5rem .75rem;border-radius:4px;margin-top:.75rem;display:flex;align-items:center;gap:.5rem;border-left:3px solid var(--accent-secondary)}.panel-help-text .icon{flex-shrink:0;font-size:1.1em;vertical-align:middle}.dj-set-list{display:flex;flex-direction:column;gap:.5rem}.dj-set-button{width:100%;justify-content:center;padding:.75rem 1rem;background-color:var(--panel-bg-alt);background-image:none;border:1px solid var(--border-color);color:var(--text-main);transition:all .2s ease}.dj-set-button:hover{border-color:var(--accent);color:var(--accent);transform:none;box-shadow:none}.dj-set-button.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.file-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;color:var(--text-secondary);text-align:right;padding-left:.5rem}.quality-tier-chip{display:inline-flex;flex-grow:1;justify-content:center;padding:.25rem .75rem;border-radius:1rem;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:500;transition:all .2s}.quality-tier-chip.active{color:#fff;border-color:transparent}.quality-tier-chip.active:first-of-type{background-color:#388e3c}.quality-tier-chip.active:nth-of-type(2){background-color:#f59e0b}.quality-tier-chip.active:last-of-type{background-color:#d32f2f}.add-layer-menu-container{position:relative;flex-grow:1}.add-layer-menu-container>button{width:100%}.add-layer-dropdown{position:absolute;top:105%;left:0;width:100%;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 5px 15px #0000004d;z-index:100;padding:.5rem;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.add-layer-dropdown ul{list-style:none}.add-layer-dropdown li{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.add-layer-dropdown li:hover{background-color:var(--accent);color:#fff}.add-layer-dropdown li .icon{color:var(--text-secondary)}.add-layer-dropdown li:hover .icon{color:#fff}.panel-tabs{display:flex;background-color:var(--panel-bg);padding:0 1rem;gap:.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-tabs button{flex:1;padding:.75rem .5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.panel-tabs button:hover{color:var(--text-main)}.panel-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.panel-content-area{overflow-y:auto;flex-grow:1}.panel-section-wrapper{margin:0}.panel-content-area>.panel-section-wrapper:first-child{border-top-left-radius:0;border-top-right-radius:0}.global-settings-details{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1rem}.global-settings-details summary{font-weight:500;color:var(--text-secondary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.global-settings-details summary::-webkit-details-marker{display:none}.global-settings-details summary:before{content:"▶";font-size:.8em;transition:transform .2s}.global-settings-details[open] summary:before{transform:rotate(90deg)}.global-settings-details>div{padding-top:1rem}.text-playlist-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:4px;background-color:var(--bg-main);border:1px solid var(--border-color);position:relative;transition:background-color .2s,opacity .2s,border-color .2s}.text-playlist-item .drag-handle{cursor:grab;color:var(--text-secondary);padding-top:.75rem}.text-playlist-item:active .drag-handle{cursor:grabbing}.text-playlist-item textarea{flex-grow:1;background:transparent;border:none;color:var(--text-main);resize:vertical;min-height:60px;font-size:.9rem;font-family:Google Sans Mono,monospace;padding:.5rem}.text-playlist-item textarea:focus{outline:none;background-color:rgba(var(--accent-rgb),.05)}.text-playlist-item .delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;margin-top:.25rem;flex-shrink:0}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;color:var(--text-main);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.3)}.form-group textarea{min-height:80px;resize:vertical}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--panel-bg-alt)}.form-group .row{display:flex;gap:1rem}.form-group .row>*{flex:1}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.range-control{display:flex;align-items:center;gap:1rem;width:100%}.range-control input[type=range]{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--panel-bg-alt);border-radius:6px;outline:none;padding:0}.range-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-main);cursor:pointer;border-radius:50%;border:2px solid var(--panel-bg-alt);transition:background .2s,transform .2s,box-shadow .2s}.range-control input[type=range]:active::-webkit-slider-thumb{background:#fff;transform:scale(1.1);box-shadow:0 0 8px var(--accent)}.range-control input[type=range]::-moz-range-track{width:100%;height:6px;background:var(--panel-bg-alt);border-radius:6px}.range-control input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--text-main);cursor:pointer;border-radius:50%;border:2px solid var(--panel-bg-alt)}.range-control input[type=range]:disabled{cursor:not-allowed}.range-control input[type=range]:disabled::-webkit-slider-thumb,.range-control input[type=range]:disabled::-moz-range-thumb{background:var(--text-secondary);cursor:not-allowed}.range-control span{width:4em;text-align:right;font-size:.9em;color:var(--text-secondary)}.color-input{width:100%;height:30px;border:1px solid var(--border-color);padding:2px;background:var(--bg-main);border-radius:4px;cursor:pointer}.color-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:6px;border:1px solid transparent;background:var(--accent-gradient);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0003}button:active{transform:translateY(0)}button:disabled{background:var(--panel-bg-alt);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}button.secondary{background-color:var(--panel-bg-alt);border-color:var(--border-color);color:var(--text-main);background-image:none}button.secondary:hover{border-color:var(--accent);color:var(--accent)}button.small{padding:.3rem .6rem;font-size:.8rem}.button-group{display:flex;gap:.5rem}.button-group button{flex:1}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-group label{display:flex;align-items:center;cursor:pointer;font-size:1rem;color:var(--text-main)}.radio-group input[type=radio]{margin-right:.75rem;width:auto;accent-color:var(--accent)}.form-row.toggle-control{cursor:pointer;-webkit-user-select:none;user-select:none}.form-row.toggle-control span{flex-grow:1}.form-row.toggle-control input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:22px;background:var(--panel-bg-alt);border-radius:11px;position:relative;transition:background-color .2s;border:1px solid var(--border-color);cursor:pointer;flex-shrink:0;margin:0}.form-row.toggle-control input[type=checkbox]:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:1px;left:1px;transition:transform .2s,background-color .2s}.form-row.toggle-control input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.form-row.toggle-control input[type=checkbox]:checked:after{transform:translate(18px)}.form-row.toggle-control input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.form-row.toggle-control input[type=checkbox]:disabled:after{background-color:var(--text-secondary)}.spinner{width:1.2em;height:1.2em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group.content-row{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem}.form-group.content-row>.toggle-control,.form-group.content-row>label{flex-shrink:0;width:50px;text-align:right;margin-top:.5rem;margin-bottom:0}.form-group.content-row>textarea{flex-grow:1;min-height:40px}.duration-control{display:flex;align-items:center;gap:.25rem}.duration-control input[type=number]{width:55px;padding:.4rem;text-align:center}.duration-control input::placeholder{font-size:.8em;color:var(--text-secondary)}.duration-control span{font-size:.8rem;color:var(--text-secondary)}.duration-controls-group{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.color-input-container{display:flex;align-items:center;gap:.75rem}.color-input-container .color-input{width:50px;height:36px;flex-shrink:0}.color-value{font-family:Google Sans Mono,monospace;color:var(--text-secondary);background-color:var(--bg-main);padding:.25rem .5rem;border-radius:4px;font-size:.9em}.color-preset-group{display:flex;gap:.5rem;margin-top:.75rem}.color-preset-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:transform .1s ease,border-color .2s ease;padding:0;min-width:0;background-image:none}.color-preset-btn:hover{transform:scale(1.1);border-color:var(--text-main)}.card-list-container{max-height:250px;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-main)}.card-list-container:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.card-list-item{display:flex;align-items:center;padding:.5rem .75rem;background-color:var(--panel-bg-alt);border-bottom:1px solid var(--border-color);border-left:3px solid transparent;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.card-list-item:last-child{border-bottom:none}.card-list-item:hover{background-color:#2a3038}.card-list-item.active{background-color:rgba(var(--accent-rgb),.1);border-left-color:var(--accent);color:var(--text-main)}.card-list-item.active .title,.card-list-item.active .layer-actions button{color:var(--text-main)}.card-list-item[draggable=true]{cursor:grab}.card-list-item[draggable=true]:active{cursor:grabbing}.card-list-item.dragging{opacity:.4;background:var(--bg-main);border-style:dashed}.card-list-item.drag-over-top{border-top:2px solid var(--accent)}.card-list-item.drag-over-bottom{border-bottom:2px solid var(--accent)}.card-list-item.locked{background-color:var(--panel-bg);background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(0,0,0,.1) 4px,rgba(0,0,0,.1) 8px)}.card-list-item.locked .drag-handle{cursor:not-allowed}.card-list-item.locked:hover{background-color:var(--panel-bg)}.card-list-item.locked.active{border-left-color:var(--text-secondary)}.card-list-item.locked .title{opacity:.7}.card-list-item .drag-handle{cursor:grab;color:var(--text-secondary);padding-right:.5rem}.card-list-item .title{flex-grow:1;margin:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-list-item.disabled .title{text-decoration:line-through;opacity:.6}.layer-actions{display:flex;align-items:center;gap:.2rem}.layer-actions button{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s;width:28px;height:28px}.layer-actions button:hover:not(:disabled){background-color:#ffffff1a;color:var(--text-main)}.layer-actions button.active{color:var(--accent)}.layer-actions button.delete-btn:hover:not(:disabled){color:var(--error)}.layer-actions button:disabled{cursor:not-allowed;opacity:.5}.layer-actions button .icon{font-size:1.1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;width:90%;max-width:500px;box-shadow:0 10px 30px #00000080;animation:modal-slide-in .3s cubic-bezier(.25,1,.5,1)}@keyframes modal-slide-in{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:1px solid var(--border-color)}.modal-header h3{display:none}.modal-header-tabs{display:flex;flex-grow:1;padding-left:1.5rem}.modal-header-tabs button{background:none;border:none;color:var(--text-secondary);padding:1rem 1.25rem;cursor:pointer;position:relative;font-size:.9rem;font-weight:500;transition:color .2s ease-out;display:flex;align-items:center;gap:.5rem}.modal-header-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--accent);transform:scaleX(0);transition:transform .2s ease-out}.modal-header-tabs button:hover,.modal-header-tabs button.active{color:var(--text-main)}.modal-header-tabs button.active:after{transform:scaleX(1)}.modal-header .close-btn{padding:0;width:32px;height:32px;min-width:0;border-radius:50%;margin-right:.75rem;flex-shrink:0}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);text-align:right;display:flex;justify-content:flex-end;gap:.75rem}.modal-footer button{min-width:100px}.modal-footer .delete-confirm-btn{background:var(--error);border-color:var(--error);color:#fff}.modal-footer .delete-confirm-btn:hover{background:#c62828;border-color:#c62828}.draggable-modal{position:fixed;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #00000080;z-index:10000;display:flex;flex-direction:column;min-width:320px;min-height:200px;resize:both;overflow:hidden}.draggable-modal.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.draggable-modal .modal-header{cursor:move;flex-shrink:0}.draggable-modal .modal-body{flex-grow:1;overflow-y:auto;padding-top:1rem}.modal-help-text{font-size:.8rem;color:var(--text-secondary);text-align:center;margin-top:-.5rem}.no-select{-webkit-user-select:none;user-select:none}.help-modal-content h4{font-size:1.1rem;font-weight:500;margin-top:1.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.help-modal-content h4:first-child{margin-top:0}.help-modal-content p,.help-modal-content li{font-size:.95rem;line-height:1.6;color:var(--text-main);margin-bottom:.5rem}.help-modal-content ul,.help-modal-content ol{list-style-position:inside;padding-left:.5rem;margin-bottom:1rem}.help-modal-content ul{list-style:disc}.help-modal-content ol{list-style:decimal}.help-modal-content code{background-color:var(--panel-bg-alt);border-radius:4px;padding:.2em .4em;font-family:Google Sans Mono,monospace;font-size:.85em;color:var(--accent-secondary)}.help-modal-content li{margin-bottom:.75rem}.help-modal-shortcuts ul{list-style:none;padding-left:0}.help-modal-shortcuts li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem;font-size:1rem}.help-modal-shortcuts kbd{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:.2em .6em;font-family:Google Sans Mono,monospace;font-size:.9em;color:var(--text-main);box-shadow:inset 0 -2px 0 var(--border-color);margin:0 .1em}.json-editor-modal .modal-body{padding:0;display:flex;flex-direction:column}.modal-toolbar{display:flex;gap:.5rem;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0;background-color:var(--panel-bg-alt)}.modal-toolbar button{padding:.4rem .8rem;font-size:.9rem}.modal-toolbar .template-selector{flex-shrink:0;max-width:180px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:.4rem .5rem;color:var(--text-main);font-size:.9rem}.modal-toolbar .template-selector:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.3)}.modal-message{margin:0;padding:.5rem 1rem;font-size:.85rem;font-family:Google Sans Mono,monospace;background-color:rgba(var(--accent-rgb),.1);color:var(--text-main);flex-shrink:0;white-space:pre-wrap}.modal-message.error{background-color:#ef535026;color:#ffb4c2}.json-editor-wrapper{position:relative;flex-grow:1;font-family:Google Sans Mono,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5;background-color:#1e1e1e;overflow:hidden}.json-editor-textarea,.json-editor-highlighter-container pre{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:1rem!important;border:0;outline:none;box-sizing:border-box;font:inherit!important;line-height:inherit!important;white-space:pre;word-wrap:normal}.json-editor-textarea{z-index:1;background:transparent;color:transparent;caret-color:var(--text-main);resize:none;overflow:auto}.json-editor-highlighter-container{z-index:0;pointer-events:none;overflow:hidden}.json-editor-highlighter-container pre{height:100%;width:100%;overflow:hidden!important;background:none!important}.confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .15s ease-out}.confirm-modal{background-color:var(--panel-bg-alt);padding:1.5rem;border-radius:6px;border:1px solid var(--border-color);box-shadow:0 5px 15px #0006;max-width:400px;width:90%;text-align:center}.confirm-modal p{margin:0 0 1.5rem;line-height:1.5}.confirm-modal .button-group{display:flex;justify-content:center;gap:1rem}.social-login-separator{display:flex;align-items:center;text-align:center;color:var(--text-secondary);font-size:.8rem;margin:1.5rem 0}.social-login-separator:before,.social-login-separator:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.social-login-separator:not(:empty):before{margin-right:.5em}.social-login-separator:not(:empty):after{margin-left:.5em}.social-login-options{display:flex;flex-direction:column;gap:.75rem}.social-login-btn{width:100%;justify-content:center;position:relative;padding-left:3rem;text-align:center}.social-login-btn:before{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.social-login-btn.google:before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' xmlns:xlink='http://www.w3.org/1999/xlink' style='enable-background:new 0 0 48 48;'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E")}/**
 * @license
 * SPDX-License-Identifier: Apache-2.0
*/.animated-text{font-size:8cqw;line-height:1.3;text-align:center;white-space:pre-wrap;position:relative;min-width:0;font-weight:700;color:inherit;text-shadow:0 0 5px rgba(255,255,255,.2),0 0 20px rgba(var(--accent-rgb),.5);width:100%;max-width:100%;display:block;overflow-wrap:break-word;word-break:break-word}.animated-text.line-clamp-1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;width:100%}.animated-text.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.animated-text.scrolling{display:block;width:100%;overflow:hidden;white-space:nowrap;text-align:left}.animated-text.scrolling .scrolling-content{display:inline-block;animation:marquee-scroll linear infinite;will-change:transform;padding-left:100%}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-200%)}}.animated-text.kinetic-font{min-height:2.6em;display:flex;flex-direction:column;justify-content:center}.motion-wrapper{will-change:transform;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.position-wrapper{position:absolute;transform-style:preserve-3d;display:flex;justify-content:center;align-items:flex-start;transition:outline .2s ease-out,box-shadow .2s ease-out;border-radius:8px;transform-origin:50% 50%}.position-wrapper.draggable:hover{cursor:move;outline:2px dashed rgba(var(--accent-rgb),.5);outline-offset:4px}.position-wrapper.dragging-layer{cursor:grabbing!important;outline:2px solid rgba(var(--accent-rgb),.8);outline-offset:4px;box-shadow:0 0 20px rgba(var(--accent-rgb),.3);z-index:1000}.avatar-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.avatar-media{object-fit:contain;height:var(--avatar-size, 30%);filter:exposure(var(--avatar-exposure, 1)) contrast(var(--avatar-contrast, 1)) saturate(var(--avatar-saturation, 1));will-change:transform;transform-origin:center center}.soft-pulse-aura-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.soft-pulse-aura{position:absolute;top:50%;left:50%;border-radius:50%;background:radial-gradient(circle,var(--aura-color) 0%,transparent 70%);animation:soft-pulse-anim var(--aura-speed) infinite ease-in-out;opacity:.6;width:var(--aura-size);height:var(--aura-size);transform:translate(-50%,-50%)}@keyframes soft-pulse-anim{0%,to{transform:translate(-50%,-50%) scale(.95);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.8}}.interactive-layer-box{position:relative;z-index:5;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;overflow:hidden;transform-style:preserve-3d;container-type:inline-size;container-name:interactive-box}.interactive-layer-box.is-clickable{cursor:pointer}.interactive-layer-box.preset-simple{background-color:var(--panel-bg-alt)}.interactive-layer-box.preset-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.interactive-layer-box.preset-neon{background-color:transparent;border:2px solid var(--accent-secondary);box-shadow:0 0 10px var(--accent-secondary),0 0 20px var(--accent-secondary),inset 0 0 10px var(--accent-secondary)}.interactive-layer-box.preset-duotone{background:linear-gradient(135deg,#22d3ee2e,#a855f72e);border:1px solid rgba(255,255,255,.1)}.interactive-layer-box.preset-paper{background:#ffffffeb;color:#111;box-shadow:0 6px 24px #0000001f}.interactive-layer-box.is-quiz-card{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.timer-badge{position:absolute;top:1rem;right:1rem;background-color:#0d1117cc;color:#fff;padding:.5rem 1rem;border-radius:1.5rem;font-family:Google Sans Mono,monospace;font-size:1.5rem;font-weight:700;z-index:1000;letter-spacing:.05em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color)}.particle-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;opacity:.8;animation:particle-fade-in .5s ease-out;will-change:transform,opacity}@keyframes particle-fade-in{0%{opacity:0}to{opacity:.8}}.laser-beam{position:absolute;left:0;right:0;top:var(--laser-y);height:var(--laser-thickness);background-color:var(--laser-color);box-shadow:0 0 10px var(--laser-color),0 0 20px var(--laser-color);transform-origin:center;animation-duration:.1s;animation-timing-function:linear;animation-iteration-count:1}@keyframes camera-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(1px,-1px) rotate(.02deg)}50%{transform:translate(-1px,1px) rotate(-.02deg)}75%{transform:translate(1px,1px) rotate(.01deg)}}.wave-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-around;align-items:flex-end}.wave-bar{width:2%;background:linear-gradient(to top,var(--accent),var(--accent-secondary));animation:wave-anim var(--speed) linear infinite alternate;height:1px}@keyframes wave-anim{0%{transform:scaleY(1)}to{transform:scaleY(100) translateY(calc(var(--wave-amplitude) * -1))}}.shockwave-container,.radial-aura-container,.pulse-gate-aura-container,.ripple-tank-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.shockwave,.radial-aura,.pulse-gate-aura-pulse,.ripple-tank-wave{position:absolute;border-radius:50%;border-style:solid;animation-fill-mode:forwards}.shockwave{animation-name:shockwave-anim}.radial-aura{animation-name:radial-aura-anim}.pulse-gate-aura-pulse{animation-name:pulse-gate-anim}.ripple-tank-wave{animation-name:ripple-tank-anim}@keyframes shockwave-anim{0%{transform:scale(0);opacity:1}to{transform:scale(var(--target-scale, 1.5));opacity:0}}@keyframes radial-aura-anim{0%{transform:scale(.1);opacity:1}80%{opacity:1}to{transform:scale(var(--effect-scale, 1));opacity:0}}@keyframes pulse-gate-anim{0%{width:var(--start-radius);height:var(--start-radius);opacity:.8}to{width:var(--end-radius);height:var(--end-radius);opacity:0}}@keyframes ripple-tank-anim{0%{transform:scale(0);opacity:1}to{transform:scale(var(--target-scale, 1));opacity:0}}.pulse-gate-aura-base{position:absolute;border-radius:50%;transition:width .1s linear,height .1s linear,filter .1s linear}.spectrum-arc-container{position:absolute;bottom:0;left:0;right:0;height:50%}.spectrum-laser{position:absolute;bottom:0;left:50%;transform-origin:bottom center;transition:height .05s linear,opacity .05s linear}.button-card,.slider-card,.toggle-card,.link-card{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);background:#1e1e1e99;color:#fff;font-size:1rem;cursor:pointer}.button-card{border-radius:8px;padding:.75rem 1.25rem}.slider-card,.toggle-card{border-radius:20px;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem}.toggle-switch{width:40px;height:22px;background:#555;border-radius:11px;position:relative;transition:background-color .2s}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}input:checked+.toggle-switch{background:var(--accent)}.toggle-card input{display:none}.animated-text .question{display:block}.animated-text .answer{display:block;margin-top:1em;opacity:.9;font-size:.9em;font-weight:400;color:#c9d1d9}.animated-text .answer-label{font-weight:700;color:var(--accent-secondary)}.cta-button{background:var(--accent-gradient);color:#fff;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:6cqw;font-weight:700;cursor:pointer;text-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .2s ease-out,box-shadow .2s ease-out;animation:cta-fade-in .5s ease-out}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}@keyframes cta-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.kinetic-typography-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;overflow:hidden;gap:var(--gap, 2vh);color:var(--text-color, #ffffff);font-size:var(--font-size-vh, 5vh)}.kinetic-text-container{flex-shrink:0;width:100%;display:flex;justify-content:center;align-items:center}.kinetic-text{font-family:Google Sans Mono,monospace;font-weight:700;text-align:center;white-space:pre-wrap;overflow:hidden;text-shadow:0 0 10px rgba(255,255,255,.3);width:100%;min-width:0;transition:all .2s ease;overflow-wrap:break-word;position:relative;line-height:1.2}.kinetic-text.style-led-green{font-weight:700;color:#39ff14;background:#0003;padding:.5em;border-radius:4px;text-shadow:0 0 5px rgba(57,255,20,.8),0 0 10px rgba(57,255,20,.6),0 0 15px rgba(57,255,20,.4)}.kinetic-text.style-neon-blue{font-weight:700;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #228DFF,0 0 30px #228DFF,0 0 40px #228DFF,0 0 55px #228DFF,0 0 75px #228DFF}.kinetic-text.style-hologram{font-weight:700;color:#00e5ff;animation:hologram-flicker 3s infinite linear,hologram-glitch .15s infinite;text-shadow:0 0 1px rgba(0,229,255,.8),0 0 5px rgba(0,229,255,.7),0 0 10px rgba(0,229,255,.6),2px 0 2px rgba(255,0,0,.5),-2px 0 2px rgba(0,0,255,.5)}@keyframes hologram-flicker{0%,18%,22%,25%,53%,57%,to{opacity:.99;text-shadow:0 0 1px rgba(0,229,255,.8),0 0 5px rgba(0,229,255,.7),0 0 10px rgba(0,229,255,.6),2px 0 2px rgba(255,0,0,.5),-2px 0 2px rgba(0,0,255,.5)}20%,24%,55%{opacity:.8;text-shadow:0 0 1px rgba(0,229,255,.8),0 0 5px rgba(0,229,255,.7),0 0 10px rgba(0,229,255,.6),-2px 0 2px rgba(255,0,0,.5),2px 0 2px rgba(0,0,255,.5)}}@keyframes hologram-glitch{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-1px,2px)}75%{transform:translate(1px,-2px)}to{transform:translate(-2px,1px)}}.kinetic-text.line-clamp-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.kinetic-text.line-clamp-double{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;word-break:keep-all}.kinetic-text.scrolling{overflow:hidden;text-overflow:clip;text-align:left;display:block}.kinetic-text.scrolling .scrolling-content{display:inline-block;animation:marquee-scroll-rtl linear infinite;will-change:transform;padding-left:100%}@keyframes marquee-scroll-rtl{0%{transform:translate(0)}to{transform:translate(-200%)}}.kinetic-typography-image-stack{width:100%;max-width:60vw;display:flex;flex-direction:column;align-items:center;overflow-y:hidden}.kinetic-image-wrapper{width:100%;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000004d;will-change:transform,opacity}.kinetic-image-wrapper img,.kinetic-image-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.kinetic-image-fade-enter{opacity:0;transform:scale(.95)}.kinetic-image-fade-enter-active{opacity:1;transform:scale(1);transition:opacity .5s ease-out,transform .5s ease-out}.kinetic-image-fade-exit{opacity:1;transform:scale(1)}.kinetic-image-fade-exit-active{opacity:0;transform:scale(.95);transition:opacity .5s ease-in,transform .5s ease-in}.text-playlist-editor{display:flex;flex-direction:column;gap:.75rem}.text-playlist-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:4px;background-color:var(--bg-main);border:1px solid var(--border-color);border-left:3px solid transparent;position:relative;transition:background-color .2s,opacity .2s,border-color .2s}.text-playlist-item.dragging{opacity:.5;background-color:var(--panel-bg)}.text-playlist-item.active-playback{background-color:rgba(var(--accent-rgb),.1);border-left-color:var(--accent)}.text-playlist-item.active-playback .drag-handle{color:var(--accent)}.playlist-item-main{flex-grow:1;display:flex;gap:.5rem;align-items:flex-start}.playlist-item-main textarea{flex-grow:1;background:transparent;border:none;color:var(--text-main);resize:vertical;min-height:60px;font-size:.9rem;font-family:Google Sans Mono,monospace;padding:.5rem}.playlist-item-main textarea:focus{outline:none;background-color:rgba(var(--accent-rgb),.05)}.playlist-item-image-controls{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.add-image-btn{width:100%;height:100%;border-style:dashed}.image-preview-container{position:relative;width:100%;height:100%}.image-preview-container img,.image-preview-container video{width:100%;height:100%;object-fit:cover;border-radius:4px}.remove-image-btn{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-preview-container:hover .remove-image-btn{opacity:1}.remove-image-btn .icon{font-size:1rem}.text-playlist-item .delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;margin-top:1.25rem;flex-shrink:0}.text-playlist-item .delete-btn:hover{color:var(--error);background-color:#ef53501a}.transition-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.layer-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-style:preserve-3d;transition:opacity var(--transition-duration, .5s) ease-in-out,transform var(--transition-duration, .5s) ease-in-out,clip-path var(--transition-duration, .5s) ease-in-out,filter var(--transition-duration, .5s) ease-in-out}.transition-fade-enter{opacity:0}.transition-fade-enter-active,.transition-fade-exit{opacity:1}.transition-fade-exit-active{opacity:0}.transition-slide-enter{transform:translate(50%);opacity:0}.transition-slide-enter-active,.transition-slide-exit{transform:translate(0);opacity:1}.transition-slide-exit-active{transform:translate(-50%);opacity:0}.transition-cube-enter,.transition-cube-exit{backface-visibility:hidden}.transition-cube-enter{transform:perspective(var(--stage-perspective, 1000px)) rotateY(-90deg);transform-origin:0% 50%;opacity:0}.transition-cube-enter-active{transform:perspective(var(--stage-perspective, 1000px)) rotateY(0);opacity:1}.transition-cube-exit{transform:perspective(var(--stage-perspective, 1000px)) rotateY(0);transform-origin:100% 50%;opacity:1}.transition-cube-exit-active{transform:perspective(var(--stage-perspective, 1000px)) rotateY(90deg);opacity:0}.transition-glitch-enter{opacity:0;filter:hue-rotate(90deg) contrast(200%)}.transition-glitch-enter-active,.transition-glitch-exit{opacity:1;filter:hue-rotate(0deg) contrast(100%)}.transition-glitch-exit-active{opacity:0;filter:hue-rotate(-90deg) contrast(200%)}.transition-iris-enter{clip-path:circle(0% at 50% 50%)}.transition-iris-enter-active,.transition-iris-exit{clip-path:circle(150% at 50% 50%)}.transition-iris-exit-active{clip-path:circle(0% at 50% 50%)}.transition-watercolor-enter{opacity:0;filter:blur(20px)}.transition-watercolor-enter-active,.transition-watercolor-exit{opacity:1;filter:blur(0px)}.transition-watercolor-exit-active{opacity:0;filter:blur(20px)}.intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#0d1117e6;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:opacity 1s ease-in-out;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-overlay.entering,.intro-overlay.visible{opacity:1}.intro-overlay.leaving{opacity:0}.intro-overlay h1{font-size:12cqw;font-weight:700;color:#fff;margin:0;text-shadow:0 0 10px rgba(255,255,255,.3),0 0 30px var(--accent);opacity:0;transform:scale(.9);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1)}.intro-overlay.entering h1,.intro-overlay.visible h1{opacity:1;transform:scale(1)}.intro-overlay.leaving h1{opacity:0;transform:scale(1.1);transition-duration:.5s}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;pointer-events:none}.toast-notification{pointer-events:all;width:auto;max-width:350px;padding:.75rem 1.25rem;border-radius:6px;color:#fff;display:flex;align-items:center;gap:1rem;box-shadow:0 5px 15px #0000004d;animation:none}.toast-notification.toast-info{background-color:var(--panel-bg-alt);border:1px solid var(--border-color)}.toast-notification.toast-success{background-color:#388e3c}.toast-notification.toast-error{background-color:var(--error)}.toast-notification p{margin:0;font-size:.95rem;flex-grow:1}.toast-close{background:none;border:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer;opacity:.7;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,opacity .2s}.toast-close:hover{opacity:1;background-color:#0003}.toast-close .icon{font-size:1.1em}.toast-item-enter{opacity:0;transform:translate(100%)}.toast-item-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.toast-item-exit{opacity:1;transform:translate(0)}.toast-item-exit-active{opacity:0;transform:translate(100%);transition:opacity .3s,transform .3s}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:10001;display:flex;justify-content:center;padding-top:15vh;animation:modal-fade-in .2s ease-out}.command-palette-modal{width:100%;max-width:600px;background-color:var(--panel-bg);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000080;overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.command-palette-search{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.command-palette-search .icon{font-size:1.5rem;color:var(--text-secondary);margin-right:.75rem}.command-palette-search input{width:100%;background:none;border:none;outline:none;color:var(--text-main);font-size:1.1rem}.command-palette-search input::placeholder{color:var(--text-secondary)}.command-palette-list{list-style:none;margin:0;padding:.5rem;overflow-y:auto;flex-grow:1}.command-palette-list li{display:flex;align-items:center;padding:.75rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .15s ease-out}.command-palette-list li.active,.command-palette-list li:hover{background-color:var(--panel-bg-alt)}.command-palette-list li.active{background:var(--accent);color:#fff}.command-palette-list li.active .icon{color:#fff}.command-palette-list li .icon{font-size:1.2rem;color:var(--text-secondary);margin-right:1rem}.command-palette-list li.no-results{justify-content:center;color:var(--text-secondary);cursor:default}.command-palette-list li.no-results:hover{background-color:transparent}.add-widget-container{position:relative}.add-widget-dropdown{position:absolute;top:110%;right:0;width:220px;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 5px 15px #0000004d;z-index:10100;padding:.5rem;animation:modal-fade-in .15s ease-out}.add-widget-dropdown ul{list-style:none;margin:0;padding:0}.add-widget-dropdown li{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.add-widget-dropdown li:hover{background-color:var(--accent);color:#fff}.add-widget-dropdown li .icon{color:var(--text-secondary)}.add-widget-dropdown li:hover .icon{color:#fff}.window-manager-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000}.widget-window{position:fixed;background-color:#161b22cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;min-width:250px;min-height:150px;resize:both;overflow:hidden;pointer-events:all;animation:modal-slide-in .3s cubic-bezier(.25,1,.5,1)}.widget-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#0003;border-bottom:1px solid var(--border-color);cursor:move}.widget-title{font-weight:500;font-size:.9rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.widget-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.widget-close-btn:hover{background-color:var(--error);color:#fff}.widget-close-btn .icon{font-size:1rem}.widget-content{flex-grow:1;overflow:auto;padding:.5rem}.widget-window.frameless{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;resize:both;overflow:visible}.widget-window.frameless .widget-header{display:none}.widget-window.frameless .widget-content{cursor:move;padding:0;overflow:hidden}.widget-window.locked{resize:none!important}.widget-window.locked .widget-header,.widget-window.locked.frameless .widget-content{cursor:default}.widget-notepad{width:100%;height:100%;background:transparent;border:none;outline:none;resize:none;color:var(--text-main);font-family:Google Sans Mono,monospace;font-size:.9rem}.widget-spectrum-canvas{width:100%;height:100%;display:block}.json-editor-widget-container{display:flex;flex-direction:column;height:100%;width:100%}.json-editor-widget-container .modal-body{flex-grow:1;display:flex;flex-direction:column;padding:0}.ai-assistant-widget-container{display:flex;flex-direction:column;height:100%;width:100%}.ai-assistant-widget-container .modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column}.ai-modal-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 1.5rem;flex-shrink:0}.ai-modal-tabs button{background:none;border:none;color:var(--text-secondary);padding:.75rem 0;margin-right:1.5rem;cursor:pointer;position:relative;font-size:1rem}.ai-modal-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent);transform:scaleX(0);transition:transform .2s ease-out}.ai-modal-tabs button.active{color:var(--text-main)}.ai-modal-tabs button.active:after{transform:scaleX(1)}.ai-modal-tab-content{display:flex;flex-direction:column;gap:1.25rem}.sleep-theme-widget-content{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.multi-client-widget-content{padding:.75rem;display:flex;flex-direction:column;gap:1rem}.multi-client-widget-content .status-section,.multi-client-widget-content .client-list-section{border-top:1px solid var(--border-color);padding-top:1rem}.multi-client-widget-content h4{margin-bottom:.75rem;font-size:1rem;color:var(--text-secondary)}.multi-client-widget-content .status-indicator{padding:.25rem .5rem;border-radius:4px;background-color:var(--panel-bg-alt);margin-bottom:.75rem;text-align:center}.multi-client-widget-content .status-indicator.connected{background-color:#388e3c;color:#fff}.multi-client-widget-content .client-list-section ul{list-style:none;max-height:150px;overflow-y:auto;padding:0}.multi-client-widget-content .client-list-section li{display:flex;justify-content:space-between;padding:.25rem .5rem;border-radius:4px}.multi-client-widget-content .client-list-section li:hover{background-color:var(--panel-bg-alt)}.multi-client-widget-content .client-list-section li.is-self{background-color:rgba(var(--accent-rgb),.2)}.multi-client-widget-content .client-id{font-family:Google Sans Mono,monospace;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.multi-client-widget-content .client-role{font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.multi-client-widget-content p{font-size:.9rem;color:var(--text-secondary);margin:0}.multi-client-widget-content p strong{color:var(--text-main);font-weight:500}.snapshot-manager-content{display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem;background-color:var(--panel-bg)}.snapshot-create-form{display:flex;gap:.5rem;flex-shrink:0}.snapshot-create-form input{flex-grow:1;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;color:var(--text-main);font-size:1rem}.snapshot-create-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.3)}.snapshot-list-container{flex-grow:1;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background-color:var(--panel-bg-alt)}.snapshot-list-header{display:flex;font-size:.8rem;font-weight:500;color:var(--text-secondary);background-color:#0003;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);flex-shrink:0;-webkit-user-select:none;user-select:none}.snapshot-list-body{overflow-y:auto;flex-grow:1}.snapshot-item{display:flex;align-items:center;border-bottom:1px solid var(--border-color);transition:background-color .2s;padding:.5rem .75rem;outline:none}.snapshot-item:last-child{border-bottom:none}.snapshot-item:hover,.snapshot-item:focus{background-color:#ffffff0d}.snapshot-item.selected{background-color:rgba(var(--accent-rgb),.15);border-left:3px solid var(--accent);padding-left:calc(.75rem - 3px)}.snapshot-item.pinned{background-color:rgba(var(--accent-rgb),.08)}.snapshot-cell{padding:.25rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.snapshot-time{flex:0 0 90px;font-family:Google Sans Mono,monospace;color:var(--text-secondary)}.snapshot-label{flex:1 1 220px}.snapshot-label input{width:100%;background:transparent;border:1px solid transparent;color:var(--text-main);font-size:inherit;padding:2px 4px;border-radius:2px}.snapshot-label input:hover{border-color:var(--border-color)}.snapshot-label input:focus{background:var(--bg-main);border-color:var(--accent);outline:none}.snapshot-summary{flex:1 1 200px;color:var(--text-secondary);font-size:.8rem}.snapshot-actions{flex:0 0 120px;display:flex;justify-content:flex-end;gap:.25rem}.snapshot-actions .icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.snapshot-actions .icon-btn:hover{background-color:#ffffff1a;color:var(--text-main)}.snapshot-actions .icon-btn.delete:hover{color:var(--error)}.snapshot-actions .icon-btn.active{color:var(--accent)}.snapshot-actions .icon-btn .icon{font-size:1.1rem}.snapshot-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);-webkit-user-select:none;user-select:none;padding:2rem;text-align:center}.snapshot-empty .icon{font-size:3rem;opacity:.5}.snapshot-empty p{margin-top:1rem;font-size:1rem}.control-card{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#1e1e1e99;color:#fff;padding:.75rem 1.25rem;font-size:1rem;cursor:pointer;box-shadow:0 4px 15px #0003}.button-card{background-image:var(--accent-gradient);border:1px solid transparent;transition:transform .1s,box-shadow .2s}.button-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000004d}.button-card.variant-secondary{background:#323232b3;border:1px solid var(--border-color)}.button-card.variant-secondary:hover{border-color:var(--accent)}.button-card.variant-neon{background-color:#0c1a2e;border:1px solid #67e8f9;color:#f0f9ff;text-shadow:0 0 2px #f0f9ff,0 0 5px #67e8f9,0 0 10px #0ea5e9;box-shadow:0 0 2px #67e8f980,inset 0 0 2px #67e8f980,0 0 10px #0ea5e9,0 0 20px #0ea5e9;animation:neon-pulse 2s infinite alternate}@keyframes neon-pulse{0%{box-shadow:0 0 2px #67e8f980,inset 0 0 2px #67e8f980,0 0 10px #0ea5e9,0 0 20px #0ea5e9;text-shadow:0 0 2px #f0f9ff,0 0 5px #67e8f9,0 0 10px #0ea5e9}to{box-shadow:0 0 4px #67e8f9b3,inset 0 0 4px #67e8f9b3,0 0 20px #0ea5e9,0 0 30px #0ea5e9;text-shadow:0 0 4px #f0f9ff,0 0 8px #67e8f9,0 0 15px #0ea5e9}}.slider-card,.toggle-card{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;min-width:250px}.slider-card input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;height:6px;background:#0000004d;border-radius:6px;outline:none}.slider-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--text-main);cursor:pointer;border-radius:50%;border:2px solid rgba(0,0,0,.3);transition:background .2s,transform .2s}.slider-card input[type=range]:active::-webkit-slider-thumb{background:#fff;transform:scale(1.1)}.toggle-card input[type=checkbox]{display:none}.toggle-switch{width:40px;height:22px;background:#0006;border-radius:11px;position:relative;transition:background-color .2s;border:1px solid var(--border-color)}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:1px;left:1px;transition:transform .2s}input:checked+.toggle-switch{background:var(--accent);border-color:transparent}input:checked+.toggle-switch:after{transform:translate(18px)}.link-card{background:none;border:none;color:var(--accent);text-decoration:none;font-size:1.2rem;padding:.5rem;transition:color .2s,text-shadow .2s}.link-card:hover{color:#60a5fa;text-shadow:0 0 8px #60a5fa}.play-controls-window-content{display:flex;gap:12px;align-items:center;padding:8px;background:var(--panel-bg);color:var(--text-main);flex-wrap:wrap;font-size:14px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000004d}.play-controls-window-content .control-group{display:flex;align-items:center;gap:8px}.play-controls-window-content .btn{padding:6px 10px;border:1px solid var(--border-color);background:var(--panel-bg-alt);color:var(--text-main);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;white-space:nowrap}.play-controls-window-content .btn .icon{font-size:1.1em}.play-controls-window-content .btn:hover{border-color:var(--accent);color:var(--accent)}.play-controls-window-content .btn.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.play-controls-window-content .transport-btn{padding:6px;min-width:32px;line-height:1}.play-controls-window-content .seek-input{width:60px;background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);padding:4px 6px;border-radius:4px;text-align:center}.play-controls-window-content .divider{width:1px;height:24px;background-color:var(--border-color)}.play-controls-window-content label{font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;margin-right:-4px}.play-controls-window-content .readout{font-family:Google Sans Mono,monospace;font-size:.9rem;background-color:var(--bg-main);padding:4px 8px;border-radius:4px;min-width:40px;text-align:center;border:1px solid var(--border-color)}.play-controls-window-content .time-group .btn{padding:2px 8px}.play-controls-window-content .profile-select{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-main);padding:5px 8px;border-radius:4px;font-size:.85rem}.play-controls-window-content .drs-slider{width:100px;margin:0 4px}.play-controls-window-content .quick-json-group{display:flex;gap:4px;flex-grow:1}.play-controls-window-content .quick-json-group input{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);padding:6px 8px;border-radius:4px;font-size:.85rem;flex-grow:1}.play-controls-window-content .quick-json-group input:focus{outline:none;border-color:var(--accent)}.play-controls-window-content .status-lamps{gap:6px}.play-controls-window-content .lamp{font-size:11px;font-family:Google Sans Mono,monospace;padding:3px 6px;border-radius:10px;background-color:var(--panel-bg-alt);color:var(--text-secondary);border:1px solid var(--border-color)}.play-controls-window-content .lamp.auto-safe{background-color:#f59e0b;color:#000;font-weight:700;border-color:transparent}.play-controls-window-content .lamp.active{background-color:#388e3c;color:#fff;border-color:transparent}.frequency-hud-content{width:100%;height:100%;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;color:#e6eefcf2;text-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none;border:1px solid rgba(48,54,61,.5);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;container-type:inline-size;container-name:freq-hud;transition:background-color .1s linear}.hud-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:0;min-width:0}.main-freq{flex-shrink:0}.main-freq .title{font-size:12px;font-weight:500;opacity:.8}.main-freq .frequency-display{font-family:Google Sans Display,sans-serif;font-weight:700;font-size:clamp(20px,8cqw,36px);line-height:1.1}.main-freq .unit{font-size:.5em;opacity:.7;margin-left:.2em}.hud-viz-container{flex-grow:1;display:flex;flex-direction:column;gap:.5rem;min-height:0;pointer-events:none}.hud-viz-item{flex:1}.hud-viz-canvas{width:100%;height:100%;display:block}.hud-color-response{display:flex;gap:.5rem;width:100%;height:100%;align-items:flex-end}.color-bar{flex:1;background-color:#e6edf3;transform-origin:bottom;transition:transform .05s linear}.color-bar.bass{background-color:#ef5350}.color-bar.mid{background-color:#42a5f5}.color-bar.high{background-color:#76ff03}.frequency-panel-container{display:flex;flex-direction:column;gap:1.5rem}.freq-panel-tabs{display:flex;border-bottom:1px solid var(--border-color)}.freq-panel-tabs button{background:none;border:none;color:var(--text-secondary);padding:.75rem 1rem;cursor:pointer;position:relative;font-size:.9rem;font-weight:500;transition:color .2s ease-out}.freq-panel-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent);transform:scaleX(0);transition:transform .2s ease-out}.freq-panel-tabs button:hover,.freq-panel-tabs button.active{color:var(--text-main)}.freq-panel-tabs button.active:after{transform:scaleX(1)}.freq-panel-tab-content{display:flex;flex-direction:column;gap:1.25rem}.freq-panel-tab-content h4{margin-bottom:1rem;font-size:1rem;color:var(--text-secondary)}.segmented-control{display:flex;width:100%;border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.segmented-control button{flex:1;padding:.5rem;background-color:var(--panel-bg-alt);border:none;color:var(--text-secondary);cursor:pointer;transition:background-color .2s,color .2s;font-size:.85rem}.segmented-control button:not(:last-child){border-right:1px solid var(--border-color)}.segmented-control button.active{background:var(--accent);color:#fff;font-weight:500}.segmented-control button:hover:not(.active){background-color:var(--bg-main)}.user-marker-list{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-color);border-radius:4px}.user-marker-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.user-marker-item .delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer}.user-marker-item .delete-btn:hover{color:var(--error)}.flash-overlay.fxFlash{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;opacity:0;pointer-events:none;z-index:9998;transition:opacity .1s ease-out}.flash-overlay.fxFlash.is-flashing{opacity:.8;transition-duration:.05s}.sfxTick,.sfxCorrect{display:none}.animated-text.kinetic-font,.quiz-option{font-family:Google Sans Mono,monospace}.interactive-layer-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:1rem}.quiz-media-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;border-radius:inherit;overflow:hidden}.quiz-media-element{width:100%;height:100%;object-position:center}.quiz-background-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.quiz-background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.slideshow-fade-enter{opacity:0}.slideshow-fade-enter-active{opacity:1;transition:opacity .5s ease-in-out}.slideshow-fade-exit{opacity:1}.slideshow-fade-exit-active{opacity:0;transition:opacity .5s ease-in-out}.slideshow-zoom-enter{opacity:0;transform:scale(1.1)}.slideshow-zoom-enter-active{opacity:1;transform:scale(1);transition:opacity .5s,transform .5s ease-out}.slideshow-zoom-exit{opacity:1;transform:scale(1)}.slideshow-zoom-exit-active{opacity:0;transform:scale(.9);transition:opacity .5s,transform .5s ease-in}.slideshow-slide-left-enter{transform:translate(100%)}.slideshow-slide-left-enter-active{transform:translate(0);transition:transform .5s ease-out}.slideshow-slide-left-exit{transform:translate(0)}.slideshow-slide-left-exit-active{transform:translate(-100%);transition:transform .5s ease-in}.slideshow-slide-right-enter{transform:translate(-100%)}.slideshow-slide-right-enter-active{transform:translate(0);transition:transform .5s ease-out}.slideshow-slide-right-exit{transform:translate(0)}.slideshow-slide-right-exit-active{transform:translate(100%);transition:transform .5s ease-in}.quiz-text-fade-enter{opacity:0;transform:translateY(10px)}.quiz-text-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.quiz-text-fade-exit{opacity:1;transform:translateY(0)}.quiz-text-fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in,transform .3s ease-in}.quiz-avatar-container{position:absolute;bottom:2%;right:2%;width:25vmin;height:28vmin;max-width:200px;max-height:224px;z-index:1500;pointer-events:none;transition:transform .3s ease-in-out}.quiz-avatar-container .avatar-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.quiz-avatar-container .avatar-svg .arm,.quiz-avatar-container .avatar-svg .face-part{display:none;transition:opacity .2s}.quiz-avatar-container.pose-idle .arm-idle{display:block}.quiz-avatar-container.pose-point .arm-point{display:block;animation:point-gesture .9s ease-in-out}.quiz-avatar-container.pose-celebrate .arm-celebrate{display:block;animation:celebrate-gesture .9s ease-in-out}.quiz-avatar-container.pose-oops .arm-oops{display:block;animation:oops-gesture .7s ease-out}.quiz-avatar-container.face-smile .face-smile,.quiz-avatar-container.face-wink .face-wink,.quiz-avatar-container.face-shock .face-shock,.quiz-avatar-container.face-think .face-think{display:block}@keyframes point-gesture{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-5deg)}}@keyframes celebrate-gesture{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1) rotate(5deg)}}@keyframes oops-gesture{0%,to{transform:translateY(0)}50%{transform:translateY(-10px) rotate(-3deg)}}.speech-bubble{position:absolute;bottom:95%;left:50%;transform:translate(-50%);background:#161b22d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.75rem 1.25rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.2);font-size:1.2rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:.75rem;opacity:0;transform-origin:bottom center;animation:bubble-fade-in .3s ease-out forwards}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#fff3;border-bottom:0}.speech-bubble .icon{font-size:1.2em}@keyframes bubble-fade-in{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.ataba-bar{position:absolute;left:5%;right:5%;width:90%;margin:0 auto;z-index:1400;background:#161b22bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:opacity .16s ease-out,transform .16s ease-out}.ataba-bar.pos-top{top:1rem;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.ataba-bar.pos-bottom{bottom:1rem;border-top-left-radius:8px;border-top-right-radius:8px}.ataba-bar.fade-out{opacity:0;transform:translateY(-10px)}.ataba-bar.pos-bottom.fade-out{transform:translateY(10px)}.ataba-slot{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-secondary)}.ataba-slot .text{color:var(--text-main);font-weight:500}.ataba-slot.cta .text{color:var(--accent)}.ataba-slot.cta.pulse{animation:cta-pulse 1s ease-in-out}@keyframes cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:9990}.confetti-piece{position:absolute;width:8px;height:16px;opacity:0;animation:confetti-fall 2.5s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(-20vh) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(720deg);opacity:0}}.quiz-controls-container{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;background:#161b22bf;padding:.75rem;border-radius:12px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;box-shadow:0 5px 15px #0000004d;animation:bubble-fade-in .3s ease-out}.quiz-control-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:80px;height:60px;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;cursor:pointer;transition:all .2s ease-out}.quiz-control-btn:hover:not(:disabled){background-color:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.quiz-control-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-main)}.quiz-control-btn .icon{font-size:1.5rem}.quiz-control-btn .label{font-size:.8rem;font-weight:500}.quiz-control-btn.correct:hover:not(:disabled){background-color:#388e3c;border-color:#388e3c}.quiz-control-btn.incorrect:hover:not(:disabled){background-color:var(--error);border-color:var(--error)}.live-quiz-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.5rem;margin-bottom:1rem}.quiz-panel-control-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;cursor:pointer;transition:all .2s ease-out;font-size:.9rem}.quiz-panel-control-btn:hover:not(:disabled){background-color:var(--accent);border-color:var(--accent);color:#fff}.quiz-panel-control-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-main)}.quiz-panel-control-btn .icon{font-size:1.2rem}.quiz-panel-control-btn.correct:hover:not(:disabled){background-color:#388e3c;border-color:#388e3c}.quiz-panel-control-btn.incorrect:hover:not(:disabled){background-color:var(--error);border-color:var(--error)}.quiz-media-preview{width:100%;aspect-ratio:16 / 9;background-color:var(--bg-main);border-radius:4px;overflow:hidden;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.quiz-media-preview img,.quiz-media-preview video{width:100%;height:100%;object-fit:contain}.quiz-media-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.25rem;list-style:none}.quiz-media-list-item{display:flex;align-items:center;gap:.75rem;background-color:var(--panel-bg-alt);padding:.5rem;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;transition:border-color .2s}.quiz-media-list-item:hover{border-color:var(--accent)}.quiz-media-list-item .thumbnail{width:80px;height:45px;flex-shrink:0;background-color:var(--bg-main);border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center}.quiz-media-list-item .thumbnail img,.quiz-media-list-item .thumbnail video{width:100%;height:100%;object-fit:cover}.quiz-media-list-item .info{flex-grow:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.quiz-media-list-item .card-title{font-size:.9rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-media-list-item .file-name{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Google Sans Mono,monospace}.quiz-media-list-item .delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;display:flex}.quiz-media-list-item .delete-btn:hover{color:var(--error);background-color:#ef53501a}.quiz-background-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.25rem}.quiz-background-list-item{display:flex;align-items:center;gap:.5rem;background-color:var(--panel-bg-alt);padding:.5rem;border-radius:4px;border:1px solid var(--border-color)}.quiz-background-list-item .thumbnail{width:64px;height:36px;flex-shrink:0;background-color:var(--bg-main);border-radius:2px;overflow:hidden}.quiz-background-list-item .thumbnail img{width:100%;height:100%;object-fit:cover}.quiz-background-list-item .info{flex-grow:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.quiz-background-list-item .file-name{font-size:.8rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Google Sans Mono,monospace}.upload-progress-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.5rem .75rem;background-color:var(--panel-bg-alt);border-radius:4px;margin-top:1rem}.upload-progress-indicator .spinner{width:1em;height:1em}.quiz-background-list-item.draggable{position:relative;cursor:grab;transition:background-color .2s,opacity .2s}.quiz-background-list-item.draggable .drag-handle{cursor:grab;color:var(--text-secondary);padding-right:.25rem;align-self:center}.quiz-background-list-item.draggable.dragging{opacity:.5;background:var(--bg-main)}.quiz-background-list-item.drop-target-top:before,.quiz-background-list-item.drop-target-bottom:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);box-shadow:0 0 5px var(--accent);z-index:1}.quiz-background-list-item.drop-target-top:before{top:-2px}.quiz-background-list-item.drop-target-bottom:after{bottom:-2px}.quiz-background-list-item .delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;flex-shrink:0;margin-left:auto}.quiz-background-list-item .delete-btn:hover{color:var(--error);background-color:#ef53501a}.quiz-options-container{margin-top:1.5rem;display:grid;gap:.5rem;width:100%;padding:0 1rem;position:relative;transition:transform .2s ease-out}.quiz-options-container.layout-list{grid-template-columns:1fr}.quiz-options-container.layout-grid{grid-template-columns:1fr 1fr;gap:.5rem 2rem}.quiz-option{display:flex;align-items:baseline;gap:.75rem;padding:.5rem 0;border:none;background:none;font-family:Google Sans Mono,monospace;font-weight:700;color:#fff;font-size:inherit;text-shadow:0 0 5px rgba(255,255,255,.2),0 0 20px rgba(var(--accent-rgb),.5);text-align:left;cursor:pointer;transition:opacity .25s ease,transform .25s ease,filter .25s ease,text-shadow .25s ease;will-change:opacity,transform,filter,text-shadow;width:100%}.quiz-option.interactive:hover{transform:scale(1.02)}.quiz-option.selected{color:var(--accent-secondary);text-shadow:0 0 8px var(--accent-secondary),0 0 20px var(--accent-secondary);transform:scale(1.02)}.quiz-option:disabled{cursor:default;opacity:.6}.quiz-option.selected:disabled{color:var(--accent-secondary)}.quiz-option .quiz-option-key{font-weight:700;flex-shrink:0}.quiz-option .quiz-option-text{flex-grow:1;min-width:0;word-break:break-word;line-height:1.4}[data-phase=answer] .quiz-option.incorrect{pointer-events:none;opacity:1;transform:none;filter:none;text-shadow:none}[data-phase=answer] .quiz-option.correct{animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(.96)}to{transform:scale(1)}}.quiz-options-fade-enter{opacity:0;transform:translateY(15px)}.quiz-options-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.quiz-options-fade-exit{opacity:1;transform:translateY(0)}.quiz-options-fade-exit-active{opacity:0;transform:translateY(15px);transition:opacity .3s ease-in,transform .3s ease-in}.quiz-option-transition-exit{opacity:1;transform:scale(1)}.quiz-option-transition-exit-active{opacity:0;transform:scale(.95);transition:opacity .3s ease-out,transform .3s ease-out}.ring-timer{position:absolute;left:50%;transform:translate(-50%);width:clamp(120px,22vw,200px);height:clamp(120px,22vw,200px);z-index:2000;pointer-events:none;display:flex;align-items:center;justify-content:center}.ring-timer svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible;filter:drop-shadow(0 0 5px rgba(255,255,255,.7))}.ring-timer-bg,.ring-timer-progress{fill:transparent}.ring-timer-bg{stroke:#fff3}.ring-timer-progress{stroke-linecap:round}.ring-timer-text{position:absolute;font-family:Google Sans Mono,monospace;font-size:clamp(2rem,10cqw,3rem);font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.5)}.progress-bar-timer{position:absolute;left:0;width:100%;z-index:2000;transform-origin:left;transition:transform .1s linear}.progress-bar-timer.pos-top{top:0}.progress-bar-timer.pos-bottom{bottom:0}.perimeter-race-timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none}.perimeter-race-timer .bar{position:absolute;transition:width .1s linear,height .1s linear}.perimeter-race-timer .top{top:0;left:0}.perimeter-race-timer .right{top:0;right:0}.perimeter-race-timer .bottom{bottom:0;right:0}.perimeter-race-timer .left{bottom:0;left:0}.flip-digit-timer{position:absolute;left:50%;z-index:2000;pointer-events:none;font-family:Google Sans Mono,monospace;font-weight:700}.flip-digit-timer-inner{position:relative;perspective:300px}.flip-digit-char{display:inline-block;animation:flip-in .5s cubic-bezier(.25,1,.5,1) forwards}@keyframes flip-in{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.conic-wedge-timer{position:absolute;left:50%;transform:translate(-50%);width:clamp(120px,22vw,200px);height:clamp(120px,22vw,200px);z-index:2000;pointer-events:none;border-radius:50%;transition:background .1s linear;filter:drop-shadow(0 0 5px rgba(255,255,255,.7))}.dot-tick-belt-timer{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;z-index:2000;pointer-events:none}.dot-tick-belt-timer .dot{width:16px;height:16px;border-radius:50%;background-color:#fff3;transition:all .2s}.dot-tick-belt-timer .dot.active{background-color:#fff;box-shadow:0 0 10px #fff;transform:scale(1.2)}.breathing-border-timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;border-radius:inherit;animation:breathing-pulse 2s infinite ease-in-out;transition:box-shadow .2s linear}@keyframes breathing-pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.stage-viewport.time-low-warning{animation:time-low-pulse 1s infinite ease-in-out}@keyframes time-low-pulse{50%{box-shadow:0 0 30px #000000b3,0 0 30px 10px #ef5350cc}}.manifest-badge{position:fixed;right:16px;bottom:16px;background:#0009;border:1px solid #2a3750;padding:10px 12px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;font-size:12px;line-height:1.4;color:var(--text-main);font-family:Google Sans Mono,monospace;max-width:300px}.manifest-badge-tip{opacity:.7;margin-top:4px;color:#ffd36e}.link-board-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-main);overflow:hidden}.link-board-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;gap:1.5rem;position:relative;z-index:10}.home-btn{background:none;border:1px solid transparent;color:var(--text-secondary);padding:.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-btn:hover{background-color:var(--panel-bg-alt);color:var(--text-main)}.page-tabs{display:flex;align-items:center;gap:.25rem;overflow-x:auto;flex-grow:1;padding:.25rem 0}.page-tabs{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--panel-bg)}.page-tabs::-webkit-scrollbar{height:6px}.page-tabs::-webkit-scrollbar-track{background:var(--panel-bg)}.page-tabs::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.page-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap;border:1px solid transparent}.page-tab:hover{background-color:var(--panel-bg-alt);color:var(--text-main)}.page-tab.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.page-tab .tab-name{padding:.25rem}.page-tab:not(.editing):hover .tab-delete-btn{opacity:1}.page-tab.trash-tab.active{background-color:var(--error);border-color:var(--error)}.page-tab.trash-tab .icon{font-size:1rem}.tab-delete-btn{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.tab-delete-btn:hover{background-color:#0003;color:#fff}.tab-delete-btn:disabled{cursor:not-allowed;opacity:.2!important;background-color:transparent!important}.page-tab.active .tab-delete-btn{opacity:.7}.add-page-btn{background:none;border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:50%;width:32px;height:32px;flex-shrink:0;cursor:pointer;transition:all .2s}.add-page-btn:hover{background-color:var(--panel-bg-alt);color:var(--text-main);border-color:var(--accent)}.header-actions{flex-shrink:0;display:flex;gap:.5rem;align-items:center}.link-board-content{flex-grow:1;position:relative;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;overflow:auto;-webkit-user-select:none;user-select:none}.link-card{position:absolute;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 30px #0000004d;min-width:200px;min-height:150px;transition:box-shadow .2s,border-color .2s,opacity .3s,background-color .2s;background-color:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none}.link-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 10px 30px #0000004d}.link-card.in-trash{opacity:.6;filter:grayscale(80%)}.link-card:hover{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 12px 40px #0006}.link-card.dragging{border-color:var(--accent);box-shadow:0 20px 50px #00000080;z-index:1000!important}.link-card-header{padding:.5rem .75rem;cursor:move;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.link-card-header:active{cursor:grabbing}.link-card-header h3{margin:0;font-size:1.1rem;font-weight:500;color:var(--text-main);padding:.25rem;border-radius:4px;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.link-card-header h3:hover{background-color:#ffffff1a}.inline-edit-input{width:100%;background:var(--bg-main);border:1px solid var(--accent);border-radius:4px;color:var(--text-main);font-size:inherit;font-weight:inherit;padding:.25rem;font-family:inherit;-webkit-user-select:text;user-select:text}.page-tab.editing .inline-edit-input{width:120px}.inline-edit-input:focus{outline:none}.link-card-body{flex-grow:1;padding:.75rem;overflow:auto}.card-items-list{display:flex;flex-direction:column;gap:.25rem;height:100%}.card-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem;border-radius:4px;font-size:1rem;line-height:1.4;word-break:break-word;cursor:pointer;overflow:hidden;transition:background-color .2s ease}.card-item:hover{background-color:rgba(var(--accent-rgb),.1)}.card-item:hover .item-actions{opacity:1}.item-display-content{display:flex;align-items:center;gap:.75rem;flex-grow:1;min-width:0}.item-type-memo .item-display-content{color:var(--text-secondary)}.item-text-content{display:flex;flex-direction:column;min-width:0}.item-text-content>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-type-link .item-text-content>span{color:var(--accent)}.item-type-memo .item-text-content>span{color:var(--text-secondary)}.item-desc{font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.item-actions{display:flex;flex-shrink:0;opacity:0;transition:opacity .2s ease}.item-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.item-action-btn .icon{font-size:1rem}.item-action-btn:hover{background-color:#ffffff1a;color:var(--text-main)}.item-action-btn.delete:hover{color:var(--error)}.card-item-editor{display:flex;flex-direction:column;gap:.25rem;padding:.25rem}.card-item-editor:focus-within{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.card-item-editor input,.card-item-editor textarea{width:100%;background:var(--bg-main);border:1px solid var(--accent);border-radius:4px;color:var(--text-main);font-size:.85rem;padding:.25rem .5rem;font-family:inherit;-webkit-user-select:text;user-select:text}.card-item-editor textarea{resize:vertical}.link-card-footer{border-top:1px solid rgba(255,255,255,.1);padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-shrink:0}.footer-add-buttons{display:flex;gap:.5rem}.link-card-footer button.secondary.small{background:transparent;border:1px solid var(--border-color)}.link-card-footer button.secondary.small:hover{background-color:var(--panel-bg-alt);border-color:var(--accent)}.resize-handle{position:absolute;right:0;bottom:0;width:12px;height:12px;cursor:nwse-resize;border-right:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3);border-bottom-right-radius:8px}.resize-handle:hover{border-color:var(--accent)}.help-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:1.2rem;text-align:center}.help-text .icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.item-favicon{width:20px;height:20px;border-radius:2px;object-fit:contain;flex-shrink:0;background-color:#ffffff1a}.card-header-actions{display:flex;gap:.25rem}.card-header-actions .icon-btn{opacity:0;pointer-events:none;transition:opacity .2s}.link-card:hover .card-header-actions .icon-btn,.card-header:hover .card-header-actions .icon-btn{opacity:.7;pointer-events:auto}.card-header-actions .icon-btn:hover{opacity:1}.card-color-picker{position:relative}.card-color-picker .item-action-btn{opacity:.7}.card-color-picker .item-action-btn:hover{opacity:1}.card-color-picker-popover{position:absolute;bottom:120%;left:0;background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;display:flex;gap:1rem;z-index:10;box-shadow:0 4px 12px #0000004d}.card-color-picker .color-input-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.card-color-picker .color-input-wrapper label{font-size:.8rem;color:var(--text-secondary)}.card-color-picker .color-input-wrapper input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;background-color:transparent;border:none;cursor:pointer;padding:0}.card-color-picker .color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.card-color-picker .color-input-wrapper input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:50%}.card-color-picker .color-input-wrapper input[type=color]::-moz-color-swatch{border:1px solid var(--border-color);border-radius:50%}.multi-select-toolbar{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:20;background-color:#21252be6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 5px 20px #0000004d;animation:bubble-fade-in .2s ease-out}.selection-count{font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.toolbar-actions{display:flex;gap:.5rem;align-items:center}.toolbar-actions button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--panel-bg-alt);color:var(--text-main);cursor:pointer;transition:all .2s}.toolbar-actions button:hover:not(:disabled){background-color:var(--bg-main);border-color:var(--accent);color:var(--accent)}.toolbar-actions button:disabled{opacity:.5;cursor:not-allowed}.toolbar-actions .delete-btn:hover:not(:disabled){background-color:#ef53501a;color:var(--error);border-color:var(--error)}.toolbar-actions .restore-btn:hover:not(:disabled){background-color:#4ade801a;color:var(--success);border-color:var(--success)}.image-compression-page{width:100%;height:100%;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;overflow-y:auto}.ic-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.ic-header h1{margin:0;font-size:1.8rem}.ic-main{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;flex-grow:1;min-height:0}.ic-images{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.ic-image-panel{display:flex;flex-direction:column;gap:1rem;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;min-height:300px}.ic-image-panel h2{margin:0;font-size:1.2rem;font-weight:500}.ic-image-panel .image-dropzone{border:2px dashed var(--border-color);border-radius:6px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);flex-grow:1}.ic-image-panel .image-dropzone:hover{border-color:var(--accent);background-color:rgba(var(--accent-rgb),.05)}.ic-image-panel .image-preview{width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:4px;background-color:var(--bg-main)}.ic-image-panel .image-info{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.ic-image-panel .image-info p{margin:0}.ic-image-panel .image-info b{color:var(--text-main);font-weight:500}.ic-image-panel .download-btn{width:100%}.spinner-container{flex-grow:1;display:flex;align-items:center;justify-content:center}.ic-settings-panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ic-settings-panel h2{margin:0;font-size:1.2rem;font-weight:500}.ic-settings{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1rem;align-items:center}.ic-settings .form-group{margin:0}.ic-settings .form-group.full-width{grid-column:1 / -1}.ic-settings .range-control span{width:auto;min-width:3.5em}.compress-btn{width:100%;margin-top:auto;padding:.8rem;font-size:1.1rem}@media (max-width: 900px){.ic-main,.ic-images{grid-template-columns:1fr}}.playlist-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);overflow:hidden}.playlist-top-bar{display:flex;align-items:center;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;color:var(--text-secondary);font-size:1.2rem}.playlist-top-bar a{color:var(--accent);text-decoration:none}.playlist-top-bar a:hover{text-decoration:underline}.playlist-grid-container{flex-grow:1;overflow-y:auto;padding:2rem}.playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 1200px){.playlist-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.playlist-grid{grid-template-columns:1fr}.playlist-grid-container{padding:1rem}}.playlist-card-wrapper{position:relative}.playlist-card{display:flex;flex-direction:column;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none;color:inherit;height:100%}.playlist-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 20px #0000004d}.playlist-card-thumbnail{width:100%;aspect-ratio:16 / 9;background-color:var(--bg-main);overflow:hidden}.playlist-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.playlist-card:hover .playlist-card-thumbnail img{transform:scale(1.05)}.playlist-card-info{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.playlist-card-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card-info p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.embed-toggle-btn{margin-top:1rem;align-self:flex-start}.embed-container.bg-blur{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:modal-fade-in .3s ease}.embed-player{position:relative;width:100%;max-width:960px;aspect-ratio:16/9}.embed-iframe{width:100%;height:100%;border:1px solid var(--border-color);border-radius:8px}.embed-close-btn{position:absolute;top:-40px;right:0;background:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-main);border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.embed-close-btn:hover{background-color:var(--error);color:#fff}.latest-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);overflow:hidden}.latest-page-top-bar{display:flex;align-items:center;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;color:var(--text-secondary);font-size:1.2rem}.latest-page-top-bar a{color:var(--accent);text-decoration:none}.latest-page-top-bar a:hover{text-decoration:underline}.latest-page-content{flex-grow:1;overflow-y:auto;padding:2rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.latest-page-content{grid-template-columns:1fr;padding:1.5rem}}.latest-video-section{display:flex;flex-direction:column;gap:1.5rem}.embed-wrapper{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 10px 30px #0000004d}.embed-wrapper.bg-blur{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.embed-wrapper.heavy-bg{background-color:#000}.embed-wrapper iframe{width:100%;height:100%;border:0}.subscribe-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 1.5rem;border-radius:50px;background-color:red;color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background-color .2s ease,transform .2s ease;align-self:center;border:none}.subscribe-button:hover{background-color:#c00;transform:scale(1.05)}.recommendations-section{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.recommendations-section h2{margin:0 0 1.5rem;font-size:1.4rem;font-weight:500;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.recommendations-grid{display:grid;grid-template-columns:1fr;gap:1rem}.recommendation-card{display:flex;gap:1rem;background-color:var(--panel-bg-alt);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:background-color .2s ease,transform .2s ease}.recommendation-card:hover{background-color:var(--bg-main);transform:translate(5px)}.recommendation-thumbnail{width:120px;height:68px;flex-shrink:0;overflow:hidden;background-color:#000}.recommendation-thumbnail.heavy-bg img{width:100%;height:100%;object-fit:cover}.recommendation-title{font-size:.95rem;color:var(--text-main);line-height:1.4;align-self:center;padding-right:1rem}.latest-page-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;font-size:1.2rem;color:var(--error)}.shorts-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);overflow:hidden}.shorts-top-bar{display:flex;align-items:center;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;color:var(--text-secondary);font-size:1.2rem}.shorts-top-bar a{color:var(--accent);text-decoration:none}.shorts-top-bar a:hover{text-decoration:underline}.shorts-filters{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.shorts-filters .button-group button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.shorts-grid-container{flex-grow:1;overflow-y:auto;padding:1.5rem}.shorts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1200px){.shorts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.shorts-grid{grid-template-columns:repeat(2,1fr)}.shorts-grid-container{padding:1rem}.shorts-filters{padding:.75rem 1rem}}.shorts-card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background-color:var(--panel-bg-alt);transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:0 4px 10px #0003}.shorts-card:hover{transform:scale(1.03);box-shadow:0 8px 20px #0006}.shorts-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.shorts-card:hover .shorts-thumbnail{transform:scale(1.05)}.shorts-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 30%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem}.shorts-info{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.shorts-title{font-size:.9rem;font-weight:500;line-height:1.3;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.shorts-hashtags{font-size:.8rem;color:var(--text-secondary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.thumb-maker-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);overflow:hidden}.thumb-maker-top-bar{display:flex;align-items:center;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;color:var(--text-secondary);font-size:1.2rem}.thumb-maker-top-bar a{color:var(--accent);text-decoration:none}.thumb-maker-top-bar a:hover{text-decoration:underline}.thumb-maker-main{flex-grow:1;display:flex;overflow:hidden}.thumb-maker-controls{width:320px;flex-shrink:0;background-color:var(--panel-bg);border-right:1px solid var(--border-color);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.thumb-maker-controls h2{margin:0;font-size:1.5rem;font-weight:500}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-group .form-group{margin:0}.control-group label{font-size:.9rem;color:var(--text-secondary)}.control-group input[type=text],.control-group select{width:100%;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;color:var(--text-main);font-size:1rem}.control-group input[type=color]{width:100%;height:40px;border:1px solid var(--border-color);padding:4px;background:var(--bg-main);border-radius:4px;cursor:pointer}.control-group .button-group button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.download-btn{margin-top:auto;padding:.8rem;font-size:1.1rem}.thumb-maker-preview{flex-grow:1;display:flex;align-items:center;justify-content:center;background-color:#000;padding:2rem;overflow:auto}.thumb-maker-preview canvas{max-width:100%;max-height:100%;object-fit:contain;border:1px solid var(--border-color);box-shadow:0 5px 25px #00000080}@media (max-width: 900px){.thumb-maker-main{flex-direction:column}.thumb-maker-controls{width:100%;border-right:none;border-bottom:1px solid var(--border-color);overflow-y:visible}.thumb-maker-preview{padding:1rem}}.presskit-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-main)}.presskit-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;color:var(--text-secondary);font-size:1.2rem}.presskit-header a{color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:.5rem}.presskit-header a:hover{text-decoration:underline}.presskit-content{flex-grow:1;overflow-y:auto;padding:2.5rem;max-width:960px;margin:0 auto;width:100%}.presskit-section{margin-bottom:3rem}.presskit-section h2{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);color:var(--accent)}.presskit-card{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem 2rem}.presskit-card.intro p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary)}.presskit-card p{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.presskit-card p+p{margin-top:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.metric-card{background-color:var(--panel-bg);padding:1.5rem;border-radius:8px;text-align:center;border:1px solid var(--border-color)}.metric-card .icon{font-size:2.5rem;color:var(--accent-secondary)}.metric-card .metric-value{font-size:2.2rem;font-weight:700;margin:.5rem 0;font-family:Google Sans Mono,monospace}.metric-card .metric-label{font-size:1rem;color:var(--text-secondary)}.update-notice{text-align:right;font-size:.8rem;color:var(--text-secondary);margin-top:1rem;font-style:italic}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.package-card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column}.package-card h3{font-size:1.4rem;font-weight:500;color:var(--accent);margin:0 0 1rem}.package-card .package-price{font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.package-card ul{list-style:none;padding:0;margin:0;flex-grow:1}.package-card li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1rem}.package-card li .icon{color:var(--success)}.download-section{text-align:center;margin-top:2rem}.presskit-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 2rem;border-radius:50px;background:var(--accent-gradient);color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer}.presskit-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}@media (max-width: 768px){.presskit-content{padding:1.5rem 1rem}.presskit-section h2{font-size:1.5rem}.metrics-grid,.packages-grid{grid-template-columns:1fr}}.blog-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-main)}.blog-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;color:var(--text-secondary);font-size:1.2rem}.blog-header a{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.blog-header a:not(.blog-home-link):hover{text-decoration:underline}.blog-header .blog-home-link{padding:.4rem .8rem;border-radius:6px;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-main);font-size:1rem;gap:.5rem;transition:all .2s ease;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}.blog-header .blog-home-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.blog-list-content,.blog-post-content,.blog-related-posts{flex-grow:1;overflow-y:auto;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.blog-post-content{max-width:720px;padding-bottom:1rem}.blog-related-posts{padding-top:1rem}.blog-filters{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.blog-search-bar{display:flex;align-items:center;gap:.75rem;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;flex-grow:1;max-width:400px}.blog-search-bar .icon{color:var(--text-secondary)}.blog-search-bar input{background:none;border:none;outline:none;color:var(--text-main);font-size:1rem;width:100%}.blog-sort-controls{display:flex;align-items:center;gap:.5rem}.blog-sort-controls select{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-main);padding:.6rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer}.blog-tag-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.tag-chip{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-secondary);padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;cursor:pointer;transition:all .2s}.tag-chip:hover,button.tag-chip.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}button.tag-chip{font-family:inherit}.blog-list{display:flex;flex-direction:column;gap:1.5rem}.blog-card{display:flex;flex-direction:row;gap:1.5rem;background-color:var(--panel-bg-alt);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s,border-color .2s}.blog-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 25px #0000004d}.blog-card-cover{width:240px;flex-shrink:0;aspect-ratio:16 / 10;background-color:var(--bg-main);position:relative}.blog-card-cover img{width:100%;height:100%;object-fit:cover}.blog-card-cover .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main)}.blog-card-cover .image-placeholder .icon{font-size:2.5rem;color:var(--text-secondary)}.blog-card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1;min-width:0}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.blog-card-tags .tag-chip{cursor:default}.blog-card h3{margin:0 0 .5rem;font-size:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;flex-grow:1;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.blog-card-meta .meta-group{display:flex;gap:1rem}.blog-card-meta span{display:flex;align-items:center;gap:.5rem}.blog-card-meta .icon{font-size:1rem}.blog-post-meta{display:flex;align-items:center;gap:1.5rem;color:var(--text-secondary);font-size:.9rem}.blog-post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.blog-share{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.blog-share a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.blog-share a:hover{color:var(--accent)}.blog-post-nav{display:flex;justify-content:space-between;gap:1rem}.blog-post-nav a{flex:1;padding:1rem;border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:inherit;transition:all .2s}.blog-post-nav a:hover{border-color:var(--accent);transform:translateY(-3px)}.blog-post-nav a div{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.blog-post-nav a span{font-weight:500}.blog-post-nav .nav-next{text-align:right}.blog-related-posts{border-top:1px solid var(--border-color);margin-top:2rem}.blog-related-posts h2{font-size:1.5rem;margin:2rem 0}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.related-post-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.related-post-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;margin-bottom:.75rem;transition:transform .2s}.related-post-card:hover img{transform:scale(1.05)}.related-post-card h3{font-size:1rem;font-weight:500;margin:0}.blog-message{padding:4rem;text-align:center;color:var(--text-secondary);font-size:1.2rem}.blog-message.error{color:var(--error)}.lite-youtube-embed{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px;margin:1.5rem auto;border-radius:8px;overflow:hidden}.lite-youtube-embed:before{content:"";display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRyaM2XVEGdBQwDHសំណCHNqyoOCgXgY1DPUkkzGo/sDEMMklYAiY6sM39D2fl0WkvjMJsOMszocHgal/AeM evaporates);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}.lite-youtube-embed:hover:before{background:none}.lite-youtube-embed .lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="red"></path><path d="M 45,24 27,14 27,34" fill="white"></path></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:none}.lite-youtube-embed:hover .lty-playbtn{filter:none}.lite-youtube-embed.lyt-activated{cursor:unset}.lite-youtube-embed.lyt-activated:before,.lite-youtube-embed.lyt-activated .lty-playbtn{opacity:0;pointer-events:none}.lite-youtube-embed iframe{width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width: 768px){.blog-card{flex-direction:column}.blog-card-cover{width:100%;aspect-ratio:16/9}.blog-post-header h1{font-size:2rem}.related-posts-grid{grid-template-columns:1fr}.blog-post-nav{flex-direction:column}}.blog-post-cover,.blog-post-body .blog-post-inline-image{cursor:zoom-in;transition:opacity .2s ease-out}.blog-post-cover:hover,.blog-post-body .blog-post-inline-image:hover{opacity:.9}.blog-post-inline-image{max-width:100%;height:auto;border-radius:8px;margin:1.5rem auto;display:block}.login-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main)}.login-page-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;color:var(--text-secondary);font-size:1.2rem}.login-page-header a{color:var(--accent);text-decoration:none}.login-content{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background-color:#121826;border:1px solid #1B2433;color:#eaf2ff;border-radius:12px;padding:24px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 30px #0000004d}.login-card h2{margin:0 0 .5rem;font-size:1.8rem}.login-subtext{color:var(--text-secondary);margin:0 0 1.5rem}.login-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.login-actions button{padding:.75rem;font-size:1rem;min-height:44px}.login-allow-list{font-size:12px;color:var(--text-secondary);word-break:break-all}.login-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-page-container{width:100%;height:100%;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.admin-header-nav{color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;gap:.75rem}.admin-header-nav .admin-nav-link{background:none;border:none;color:var(--accent);text-decoration:none;font-size:inherit;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;font-family:inherit}.admin-header-nav .admin-nav-link:hover{text-decoration:underline}.admin-header-actions{display:flex;align-items:center;gap:.5rem}.admin-header-actions .secondary{display:inline-flex;align-items:center;gap:.5rem}.admin-content{flex-grow:1;overflow-y:auto;padding:2rem}.admin-subpage-content{padding:2rem;color:var(--text-main);flex-grow:1;overflow-y:auto}.admin-subpage-content h1{font-size:2rem;margin-bottom:1rem}.blog-editor-page{display:flex;gap:1.5rem;height:100%;overflow:hidden;padding:1.5rem;background-color:var(--bg-main)}.blog-editor-form,.blog-editor-preview{flex:1;overflow-y:auto;border-radius:8px;min-width:0}.blog-editor-form{background-color:var(--panel-bg);border:1px solid var(--border-color);padding:1.5rem}.blog-editor-preview{background-color:#0d1117b3;border:1px solid var(--border-color);padding:16px;margin-top:12px}.blog-editor-preview.bg-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-editor-preview.heavy-bg{background-color:#0000004d}.blog-editor-form .form-actions{display:flex;gap:.75rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.blog-editor-form .form-group{margin-bottom:1.25rem}.blog-editor-form label{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;display:block}.blog-editor-form textarea[name=body]{min-height:300px;font-family:Google Sans Mono,monospace}.cover-upload-box{border:2px dashed var(--border-color);border-radius:6px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.cover-upload-box.dragging-over{border-color:var(--accent);background-color:rgba(var(--accent-rgb),.05)}.cover-preview{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;margin-top:1rem}.blog-editor-preview h1{font-size:2.2rem;margin-bottom:1rem}.blog-editor-preview .blog-post-meta{margin-bottom:1.5rem;color:var(--text-secondary);display:flex;align-items:center;gap:1rem}.blog-editor-preview .blog-post-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;margin-bottom:2rem;background-color:var(--panel-bg-alt)}.blog-editor-preview .blog-post-body{font-size:1rem;line-height:1.7;color:var(--text-main)}.blog-editor-preview .blog-post-body h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.blog-editor-preview .blog-post-body a{color:var(--accent)}.blog-editor-preview .blog-post-body pre{background-color:var(--bg-main);padding:1rem;border-radius:6px;overflow-x:auto}.blog-editor-preview .blog-post-body code{font-family:Google Sans Mono,monospace}.blog-editor-preview .blog-post-body p>code{background-color:var(--panel-bg-alt);padding:.2em .4em;border-radius:4px}.blog-editor-form .accordion-item{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px}.blog-editor-form .accordion-header{padding:.75rem;cursor:pointer}.blog-editor-form .accordion-header .drag-handle{display:none}.blog-editor-form .accordion-content{padding:0 .75rem 1rem}@media (max-width: 900px){.blog-editor-page{flex-direction:column;padding:1rem}.blog-editor-form,.blog-editor-preview{overflow-y:visible;padding:1rem}.blog-editor-preview{margin-top:0}}.blog-manage-page h1{font-size:2rem;margin-bottom:1.5rem}.post-list{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.post-list-header,.post-list-item{display:grid;grid-template-columns:3fr 2fr 1fr 1fr;align-items:center;gap:1rem;padding:.75rem 1.5rem}.post-list-header{background-color:var(--panel-bg-alt);font-weight:500;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--border-color)}.post-list-item{border-bottom:1px solid var(--border-color)}.post-list-item:last-child{border-bottom:none}.post-list-item .post-title{font-weight:500}.post-list-item .post-slug{font-family:Google Sans Mono,monospace;font-size:.85rem;color:var(--text-secondary)}.status-badge{padding:.25rem .6rem;border-radius:1rem;font-size:.75rem;font-weight:700;white-space:nowrap}.status-badge.published{background-color:#4ade8033;color:var(--success)}.status-badge.draft{background-color:#f59e0b33;color:#f59e0b}.post-actions{display:flex;justify-content:flex-end}.post-actions a{text-decoration:none}.post-list-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.playlist-manage-list{display:flex;flex-direction:column;gap:.75rem}.playlist-manage-item{display:flex;align-items:center;gap:1rem;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;cursor:grab;transition:background-color .2s,box-shadow .2s,opacity .2s;-webkit-user-select:none;user-select:none}.playlist-manage-item:active{cursor:grabbing;background-color:var(--panel-bg-alt)}.playlist-manage-item.dragging{opacity:.5;box-shadow:0 5px 15px #0003}.playlist-manage-item.drag-over{border-top:2px solid var(--accent)}.playlist-manage-item .drag-handle{color:var(--text-secondary)}.playlist-thumb{width:96px;height:54px;object-fit:cover;border-radius:4px;background-color:var(--bg-main);flex-shrink:0}.playlist-info{flex-grow:1;min-width:0}.playlist-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-id{font-family:Google Sans Mono,monospace;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-actions{display:flex;gap:.5rem;flex-shrink:0}.shorts-manage-list{display:flex;flex-direction:column;gap:.75rem}.shorts-manage-item{display:flex;align-items:center;gap:1rem;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;cursor:grab;transition:background-color .2s,box-shadow .2s,opacity .2s;-webkit-user-select:none;user-select:none}.shorts-manage-item:active{cursor:grabbing;background-color:var(--panel-bg-alt)}.shorts-manage-item.dragging{opacity:.5;box-shadow:0 5px 15px #0003}.shorts-manage-item.drag-over{border-top:2px solid var(--accent)}.shorts-manage-item .drag-handle{color:var(--text-secondary)}.shorts-thumb{width:54px;height:96px;object-fit:cover;border-radius:4px;background-color:var(--bg-main);flex-shrink:0}.shorts-info{flex-grow:1;min-width:0}.shorts-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shorts-id{font-family:Google Sans Mono,monospace;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shorts-actions{display:flex;gap:.5rem;flex-shrink:0}.empty-list-message{text-align:center;padding:2rem;color:var(--text-secondary)}.thumbnail-preview{width:100%;max-width:240px;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;margin-top:.75rem;border:1px solid var(--border-color)}.admin-latest-page{max-width:800px;margin:0 auto}.latest-manage-form .form-group{margin-bottom:1.25rem}.rec-manage-list{display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--border-color);border-radius:6px;padding:.75rem;background-color:var(--panel-bg-alt)}.rec-manage-item{display:flex;align-items:center;gap:1rem;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;padding:.75rem;cursor:grab;transition:background-color .2s,box-shadow .2s,opacity .2s}.rec-manage-item:active{cursor:grabbing}.rec-manage-item.dragging{opacity:.5}.rec-manage-item.drag-over{border-top:2px solid var(--accent)}.rec-thumb{width:120px;height:68px;object-fit:cover;border-radius:4px;background-color:var(--bg-main);flex-shrink:0}.rec-inputs{flex-grow:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.rec-inputs input{width:100%}.rec-manage-item .delete-btn{align-self:flex-start}.empty-list-message{text-align:center;padding:1.5rem;color:var(--text-secondary)}.deployment-modal-content{max-width:600px}.deployment-modal-content .modal-header h3{display:block}.deployment-checklist{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem}.checklist-item{background-color:var(--panel-bg-alt);padding:.75rem 1rem;border-radius:6px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem}.checklist-item span{font-weight:500;color:var(--text-main)}.checklist-item code{font-family:Google Sans Mono,monospace;font-size:.85em;color:var(--text-secondary);background-color:var(--bg-main);padding:.25rem .5rem;border-radius:4px}.deployment-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.deployment-complete-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem}.deployment-complete-checkbox input{width:18px;height:18px;accent-color:var(--accent)}.board-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main)}.board-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.board-header-left{display:flex;align-items:center;gap:.75rem}.board-header-actions{display:flex;gap:.5rem}.board-home-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--panel-bg-alt);color:var(--text-main);border-radius:6px;text-decoration:none;font-size:1rem;transition:all .2s}.board-home-link:hover{border-color:var(--accent);color:var(--accent)}.board-title{margin:0;font-size:1.5rem;font-weight:500;color:var(--text-secondary)}.board-content{flex-grow:1;overflow-y:auto;padding:2rem}.board-grid{display:flex;flex-direction:column;gap:.75rem}.board-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--panel-bg-alt);border-radius:6px;border:1px solid var(--border-color);border-left:3px solid transparent;transition:all .2s ease;text-decoration:none;color:inherit;position:relative}.board-list-item:hover{border-color:var(--accent);background-color:var(--panel-bg)}.board-list-item.pinned{border-left-color:var(--accent-secondary);background-color:#a855f70d}.pin-badge-list{color:var(--accent-secondary)}.pin-badge-list .icon{font-size:1.1rem}.board-list-item-cover{width:80px;height:45px;flex-shrink:0;border-radius:4px;overflow:hidden;background-color:var(--bg-main)}.board-list-item-cover img{width:100%;height:100%;object-fit:cover}.board-list-item-cover .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.board-list-item-cover .image-placeholder .icon{font-size:1.5rem}.board-list-item-info{flex-grow:1;min-width:0}.board-list-item-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-list-item-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--text-secondary);align-items:center}.board-list-item-meta .meta-author{font-weight:500;color:var(--text-main)}.board-list-item-meta .meta-group{display:flex;gap:1rem}.board-list-item-meta .meta-group span{display:flex;align-items:center;gap:.25rem}.board-list-item-meta .meta-group .icon{font-size:1rem}.board-list-item-tags{display:flex;gap:.5rem;flex-shrink:0}.board-list-item-tags .tag-chip{background-color:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem}.board-empty-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:2rem}.board-empty-message .icon{font-size:4rem;opacity:.5}.board-empty-message p{margin-top:1rem;font-size:1.2rem}.board-post-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-main)}.board-post-page .board-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.board-post-page .board-header .board-home-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--panel-bg-alt);color:var(--text-main);border-radius:6px;text-decoration:none;font-size:1rem;transition:all .2s}.board-post-page .board-header .board-home-link:hover{border-color:var(--accent);color:var(--accent)}.board-post-page .board-header span{color:var(--text-secondary);font-size:1.2rem}.blog-post-content{flex-grow:1;overflow-y:auto;padding:2rem;max-width:720px;margin:0 auto;width:100%}.blog-post-header{margin-bottom:2rem}.blog-post-header h1{font-size:2.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.blog-post-meta{display:flex;align-items:center;gap:1.5rem;color:var(--text-secondary);font-size:.9rem;flex-wrap:wrap}.blog-post-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;margin-bottom:2rem}.blog-post-body{font-size:1.1rem;line-height:1.8}.blog-post-body h2{font-size:1.8rem;margin:2.5rem 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.blog-post-body p{margin-bottom:1.25rem}.blog-post-body a{color:var(--accent);text-decoration:underline}.blog-post-body ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.25rem}.blog-post-body li{margin-bottom:.5rem}.blog-post-body pre{margin-bottom:1.25rem}.tag-chip{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);color:var(--text-secondary);padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;cursor:default}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.gallery-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main)}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.gallery-header-left{display:flex;align-items:center;gap:.75rem}.gallery-header-actions{display:flex;gap:.5rem}.gallery-home-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--panel-bg-alt);color:var(--text-main);border-radius:6px;text-decoration:none;font-size:1rem;transition:all .2s}.gallery-home-link:hover{border-color:var(--accent);color:var(--accent)}.gallery-title{margin:0;font-size:1.5rem;font-weight:500;color:var(--text-secondary)}.gallery-content{flex-grow:1;overflow-y:auto;padding:2rem}.gallery-list{display:flex;flex-direction:column;gap:1rem;max-width:960px;margin:0 auto}a.gallery-list-item{display:flex;flex-direction:row;align-items:center;gap:1.5rem;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}a.gallery-list-item:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 25px #0000004d}.gallery-list-item-cover{width:240px;height:135px;flex-shrink:0;background-color:var(--bg-main);cursor:inherit}.gallery-list-item-cover img{width:100%;height:100%;object-fit:cover;transition:transform .2s}a.gallery-list-item:hover .gallery-list-item-cover img{transform:scale(1.05)}.gallery-list-item-info{padding:1rem 1.5rem 1rem 0;flex-grow:1;min-width:0;cursor:inherit}.gallery-list-item-info h3{margin:0 0 .25rem;font-size:1.4rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-list-item-info p{margin:0;font-size:1rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-empty-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.gallery-empty-message .icon{font-size:4rem;opacity:.5}.gallery-empty-message p{margin-top:1rem;font-size:1.2rem}.gallery-post-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-main)}.board-manage-list{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.board-manage-header,.board-manage-item{display:grid;grid-template-columns:4fr 1fr 1fr;align-items:center;gap:1rem;padding:.75rem 1.5rem}.board-manage-header{background-color:var(--panel-bg-alt);font-weight:500;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--border-color)}.board-manage-item{border-bottom:1px solid var(--border-color)}.board-manage-item:last-child{border-bottom:none}.board-manage-item .board-info{display:flex;flex-direction:column;gap:.25rem}.board-manage-item .board-title-row{display:flex;align-items:center;gap:.5rem}.board-manage-item .pin-icon{font-size:1rem;color:var(--accent-secondary)}.board-manage-item .board-title{font-weight:500}.board-manage-item .board-meta{font-size:.8rem;color:var(--text-secondary);display:flex;gap:.5rem}.board-status .status-badge{padding:.25rem .6rem;border-radius:1rem;font-size:.75rem;font-weight:700;white-space:nowrap}.board-status .status-badge.published{background-color:#4ade8033;color:var(--success)}.board-actions{display:flex;justify-content:flex-end;gap:.5rem}.gallery-manage-list{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.gallery-manage-header,.gallery-manage-item{display:grid;grid-template-columns:100px 3fr 1fr;align-items:center;gap:1rem;padding:.75rem 1.5rem}.gallery-manage-header{background-color:var(--panel-bg-alt);font-weight:500;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--border-color)}.gallery-actions-header{text-align:right}.gallery-manage-item{border-bottom:1px solid var(--border-color)}.gallery-manage-item:last-child{border-bottom:none}.gallery-thumb{width:80px;height:80px;object-fit:cover;border-radius:4px;background-color:var(--bg-main);flex-shrink:0}.gallery-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.gallery-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-author{font-size:.8rem;color:var(--text-secondary)}.gallery-actions{display:flex;justify-content:flex-end;gap:.5rem}.prompt-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-main)}.prompt-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.prompt-header .header-left,.prompt-header .header-right{display:flex;align-items:center;gap:.75rem}.prompt-header button{background:none;border:none;color:var(--text-secondary);font-size:1rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.prompt-header button:hover{background-color:var(--panel-bg-alt);color:var(--text-main)}.prompt-header button.active{color:var(--accent);font-weight:500}.prompt-header .divider{color:var(--border-color)}.prompt-header .help-btn{border:1px solid var(--border-color);width:32px;height:32px;padding:0;font-weight:700}.prompt-main{display:flex;flex-grow:1;overflow:hidden;gap:8px;padding:8px;min-height:0}.prompt-main.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.prompt-main.resizing>*{pointer-events:none}.panel-container{display:flex;flex-direction:column;min-width:150px;height:100%;overflow:hidden;border:1px solid var(--border-color);border-radius:12px;background:var(--panel-bg)}.left-panel,.right-panel{flex-shrink:0}.center-container{flex:1 1 100%;min-width:240px}.resizer{width:6px;flex:0 0 6px;background:transparent;cursor:col-resize;transition:background-color .2s;z-index:10;position:relative;border-radius:3px;align-self:center;height:98%}.resizer:hover{background-color:var(--accent)}@media (max-width: 1280px){.prompt-main{flex-wrap:wrap;gap:8px}.panel-container.right-panel{order:3;flex:1 1 100%;width:100%!important;height:350px;min-height:200px}.prompt-main .resizer:last-of-type{display:none}}@media (max-width: 960px){.prompt-main{gap:8px}.panel-container{height:auto}.panel-container.center-container{order:1;flex:1 1 450px}.panel-container.left-panel{order:2;flex:1 1 300px;width:100%!important}.panel-container.right-panel{order:3;flex:1 1 350px;width:100%!important}.prompt-main .resizer{display:none}}.panel-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.panel-header h3{margin:0;font-size:1.1rem}.panel-actions{display:flex;gap:.25rem}.panel-actions button{background:none;border:none;color:var(--text-secondary);cursor:pointer}.panel-actions button:disabled{opacity:.4;cursor:not-allowed}.left-panel-content,.right-panel-content,.center-panel-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.case-list-tree{overflow-y:auto;padding:.5rem;flex-grow:1}.case-list-tree ul{list-style:none;padding-left:1rem}.case-list-tree li{padding:0;position:relative}.case-item{display:flex;align-items:center;padding:.5rem;border-radius:4px;cursor:pointer;transition:background-color .2s;gap:.25rem;position:relative}.case-item:hover,.case-item.active{background-color:var(--panel-bg-alt)}.case-item.active{color:var(--accent)}.expand-btn{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;display:flex;align-items:center}.expand-btn .icon{transition:transform .2s}.editor-content{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;flex-grow:1}.translation-area{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;min-height:1.2em}.image-uploader{border:2px dashed var(--border-color);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:all .2s;min-height:150px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.image-uploader:hover{border-color:var(--accent);background-color:rgba(var(--accent-rgb),.05)}.image-uploader img{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px}.delete-image-btn{position:absolute;top:.5rem;right:.5rem;background:#0009;border:1px solid var(--border-color);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.editor-content .form-group:nth-of-type(2){flex-grow:1;display:flex;flex-direction:column}.editor-content .form-group:nth-of-type(2) textarea{flex-grow:1}.editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;flex-shrink:0}.save-status{font-size:.8rem;color:var(--text-secondary);min-width:60px;text-align:left;font-family:Google Sans Mono,monospace}.editor-actions{display:flex;gap:.75rem;justify-content:flex-end}.editor-actions button{flex-grow:1}.result-content{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:1rem}.loading-state,.placeholder-state{color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.result-image-wrapper{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}.result-image-wrapper img{width:100%;height:auto;max-height:calc(100% - 60px);object-fit:contain;border-radius:4px;cursor:zoom-in}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.error-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--error);color:#fff;padding:1rem 1.5rem;border-radius:6px;z-index:10001;box-shadow:0 5px 15px #0000004d}.case-item .inline-edit-input{background:var(--bg-main);border:1px solid var(--accent);color:var(--text-main);padding:4px 32px 4px 6px;border-radius:4px;font-size:inherit;font-family:inherit;flex-grow:1;min-width:0;margin-left:-4px}.case-item .inline-edit-input:focus{outline:none}.case-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:32px}.case-item.dragging{opacity:.4;background:var(--bg-main)}.case-item.drop-target-above:before,.case-item.drop-target-below:after{content:"";position:absolute;left:1rem;right:0;height:3px;background-color:var(--accent-secondary);border-radius:2px;z-index:1;box-shadow:0 0 5px var(--accent-secondary)}.case-item.drop-target-above:before{top:-1px}.case-item.drop-target-below:after{bottom:-1px}.case-item.drop-target-inside{background-color:#a855f733!important;outline:2px solid var(--accent-secondary);outline-offset:-2px}.delete-item-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.case-item:hover .delete-item-btn,.case-item:focus-within .delete-item-btn,.case-item.active .delete-item-btn{opacity:1}.delete-item-btn:hover{background-color:#ef53501a;color:var(--error)}.left-panel .case-list-tree,.center-container .editor-content,.right-panel .result-content{min-height:0;overflow:auto;flex-grow:1}:root{--panel-bg: #0f1115;--panel-bg-alt: #151923;--bg-main: #0b0e14;--border-color: #2a3040;--text-main: #e8ecf2;--text-secondary: #9aa3b2;--accent: #5b8cff;--accent-rgb: 91,140,255;--timeline-h: 220px;--timeline-h-md: 180px;--timeline-h-collapsed: 56px}.impact-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;color:var(--text-main);background:var(--bg-main)}.impact-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap;gap:1rem}.impact-header .header-left{display:flex;align-items:center;gap:.75rem}.impact-header .divider{opacity:.4}.impact-header button{background:none;border:none;color:var(--text-secondary);font-size:.95rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:.15s ease}.impact-header button:hover{background:#1a2030;color:#fff}.impact-header button.active{color:var(--accent);font-weight:600}.impact-main-content{display:flex;flex-grow:1;overflow:hidden}.impact-left-panel{width:300px;flex-shrink:0;background-color:var(--panel-bg-alt);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.panel-section{padding:1rem;border-bottom:1px solid var(--border-color)}.panel-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#fff}.upload-area{border:2px dashed var(--border-color);border-radius:10px;padding:1rem;text-align:center;cursor:pointer;transition:.15s ease;background:#0f1422}.upload-area:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.upload-area .icon{font-size:1.6rem;display:block;margin-bottom:.35rem;color:var(--text-secondary)}.upload-area small{color:var(--text-secondary)}.source-list{margin-top:.8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.source-item{aspect-ratio:16 / 10;border-radius:6px;overflow:hidden;position:relative;background:#0b0e14;cursor:grab;outline:1px solid rgba(255,255,255,.06);transition:.15s ease}.source-item:active{cursor:grabbing}.source-item:hover{outline-color:var(--accent)}.source-item img,.source-item video{width:100%;height:100%;object-fit:cover;display:block}.source-item span{position:absolute;left:0;right:0;bottom:0;font-size:.7rem;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:.35rem .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-controls{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.canvas-controls label{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-size:.9rem}.canvas-controls .button-group{display:flex;gap:.5rem}.canvas-controls button{flex:1;padding:.55rem .6rem;background:#111727;border:1px solid var(--border-color);border-radius:8px;color:#dbe2ee;cursor:pointer;transition:.15s ease}.canvas-controls button:hover{background:#172038}.canvas-controls button.active{background:var(--accent);border-color:var(--accent);color:#fff}.captured-list{display:flex;flex-direction:column;gap:.6rem}.captured-item{display:flex;align-items:center;gap:.6rem;background:#0f1423;padding:.5rem;border-radius:6px;cursor:pointer;outline:1px solid rgba(255,255,255,.06)}.captured-item:hover{outline-color:var(--accent)}.captured-item img{width:78px;height:46px;object-fit:cover;border-radius:4px}.captured-item.empty{opacity:.7;justify-content:center}.impact-stage{flex:1;display:flex;align-items:center;justify-content:center;background:#000;position:relative;min-height:0}.stage-canvas{width:100%;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;background:#0b0e14;border:1px solid var(--border-color)}.stage-canvas img,.stage-canvas video{max-width:100%;max-height:100%;display:block}.stage-controls{display:none!important}.impact-timeline{height:var(--timeline-h);flex-shrink:0;background:var(--panel-bg-alt);border-top:1px solid var(--border-color);display:flex;flex-direction:column}.timeline-top-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border-color)}.time-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;color:var(--text-secondary)}.timeline-tracks{flex:1;padding:.6rem 1rem;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto}.layer-track{display:flex;align-items:stretch;height:34px}.layer-header{width:110px;flex-shrink:0;background:var(--panel-bg);padding:0 .6rem;display:flex;align-items:center;border-right:1px solid var(--border-color);border-radius:6px 0 0 6px;font-size:.9rem}.track-content{flex:1;background:#0e1421;position:relative;border-radius:0 6px 6px 0;overflow-x:auto}.track-item{position:absolute;top:4px;bottom:4px;background:var(--accent);color:#fff;font-size:.8rem;border-radius:6px;display:flex;align-items:center}@media (max-width: 1024px){.impact-main-content{flex-direction:column}.impact-left-panel{width:100%;max-height:30vh;border-right:none;border-bottom:1px solid var(--border-color)}.impact-stage{min-height:40vh}.impact-timeline{height:var(--timeline-h-md)}}@media (max-width: 720px){.impact-timeline{height:var(--timeline-h-collapsed)}.timeline-tracks{display:none}.timeline-top-bar{min-height:var(--timeline-h-collapsed);justify-content:center}}.impact-page.timeline-expanded .impact-timeline{height:60vh}.impact-page.timeline-expanded .timeline-tracks{display:flex}.impact-page.timeline-expanded .timeline-top-bar{justify-content:space-between}:root{--radius: 10px;--ring: 0 0 0 .5px var(--border-color), 0 0 0 3px rgba(var(--accent-rgb), .35);--beat: 80px;--density-scale: 1}.impact-page{color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:contain}.impact-header{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}*{scrollbar-width:thin;scrollbar-color:#33415e transparent}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{background:#33415e;border-radius:8px}*::-webkit-scrollbar-track{background:transparent}button,[role=button],.source-item,.captured-item{outline:none}:focus-visible{outline:2px solid rgba(var(--accent-rgb),1);outline-offset:2px}@media (prefers-reduced-motion: reduce){.impact-page *{animation:none!important;transition:none!important}}@media (forced-colors: active){.impact-header,.impact-left-panel,.impact-timeline,.stage-canvas{border:1px solid CanvasText}:focus-visible{outline:2px solid Highlight}}.upload-area.is-dragover{border-color:var(--accent);background:rgba(var(--accent-rgb),.12);box-shadow:inset 0 0 0 3px rgba(var(--accent-rgb),.15)}.impact-left-panel{container-type:inline-size}@container (min-width: 360px){.source-list{grid-template-columns:repeat(4,1fr)}}@container (min-width: 480px){.source-list{grid-template-columns:repeat(5,1fr)}}.source-item{transition:transform .15s ease,outline-color .15s ease}.source-item:hover{transform:translateY(-2px)}.stage-canvas.fit-contain img,.stage-canvas.fit-contain video{object-fit:contain}.stage-canvas.fit-cover img,.stage-canvas.fit-cover video{object-fit:cover}.stage-canvas.fit-fill img,.stage-canvas.fit-fill video{object-fit:fill}.stage-canvas.pixel-snap img,.stage-canvas.pixel-snap video{image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}.stage-canvas{border-radius:var(--radius);will-change:transform;contain:paint layout size;content-visibility:auto;contain-intrinsic-size:720px 405px}.impact-timeline.timeline--compact{height:156px}.impact-timeline.timeline--dense .layer-track{height:28px}.impact-timeline.timeline--dense .track-item{font-size:.75rem;padding:.2rem .4rem}.track-content{background-image:repeating-linear-gradient(to right,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent calc(var(--beat) * var(--zoom)));background-size:auto 100%;position:relative;overflow:hidden}.track-item.selected{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.9),inset 0 0 0 1px #ffffff38}.layer-track:has(.track-item.selected) .layer-header{color:var(--accent)}.track-item.drag-ghost{opacity:.55;outline:2px dashed rgba(var(--accent-rgb),.6);background:repeating-linear-gradient(45deg,rgba(var(--accent-rgb),.12) 0 6px,transparent 6px 12px);pointer-events:none}.impact-page.is-dragging{cursor:grabbing}.track-item.is-muted{background:#2a3147;color:#cfd7e6}.track-item.is-success{background:linear-gradient(180deg,#1f7a4b,#15653f)}.track-item.is-warning{background:linear-gradient(180deg,#7a5e1f,#5a4616)}.track-item.is-danger{background:linear-gradient(180deg,#7a1f2a,#651525)}.track-content .nowline{position:absolute;top:0;bottom:0;width:2px;background:rgba(var(--accent-rgb),.95);box-shadow:0 0 0 1px #00000080,0 0 14px rgba(var(--accent-rgb),.6);pointer-events:none;z-index:20}.track-content .range-band{position:absolute;top:0;bottom:0;left:var(--range-start, 0px);right:var(--range-end, 0px);background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),0) 80%);pointer-events:none}.captured-item{border-radius:8px;transition:transform .12s ease,outline-color .12s ease}.captured-item:hover{transform:translateY(-1px)}.captured-item img{aspect-ratio:16 / 9}@media (forced-colors: active){.track-item.selected{outline:2px solid Highlight;box-shadow:none}}@media (prefers-reduced-motion: reduce){.impact-page *{animation:none!important;transition:none!important}.track-item,.source-item,.captured-item{transition:none!important}}.stage-canvas{position:relative}.overlay-canvas,.laser-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.laser-overlay line{stroke:rgba(var(--accent-rgb),.85);stroke-width:4;filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.85))}.laser-beam{animation:beamPulse 1.4s ease-in-out infinite}@keyframes beamPulse{0%,to{opacity:.9}50%{opacity:.6}}.laser-start{fill:rgba(var(--accent-rgb),1);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.85))}.top-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.top-controls .button-group{display:flex;gap:.4rem}.top-controls .option-group{display:flex;align-items:center;gap:.5rem}.top-controls .key-swatch{width:18px;height:18px;border-radius:4px;border:1px solid var(--border-color)}.bottom-controls{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:.6rem 1rem;border-top:1px solid var(--border-color)}.bottom-controls .transport{display:flex;gap:.5rem;align-items:center}.bottom-controls .seek{display:flex;align-items:center}.bottom-controls .playopts{display:flex;align-items:center;gap:.5rem}.bottom-controls button.active{background:var(--accent);border-color:var(--accent);color:#fff}.impact-stage .stage-canvas{cursor:crosshair}.clip-content{padding:0 .5rem;width:100%;height:100%;cursor:grab;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item:active .clip-content{cursor:grabbing}.resize-handle{position:absolute;top:0;bottom:0;width:8px;z-index:1}.resize-handle.left{left:0;cursor:e-resize}.resize-handle.right{right:0;cursor:e-resize}.dts-container{--dts-bg: #0D1117;--dts-panel-bg: #161B22;--dts-border: #30363d;--dts-text: #e6edf3;--dts-text-secondary: #7d8590;--dts-accent: #3b82f6;--dts-accent-rgb: 59, 130, 246;width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--dts-bg);color:var(--dts-text);font-family:Google Sans Display,sans-serif}.dts-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:var(--dts-panel-bg);border-bottom:1px solid var(--dts-border);flex-shrink:0}.dts-header-left{display:flex;align-items:center;gap:1rem}.dts-title{font-size:1.2rem;font-weight:500}.dts-header .row{display:flex;gap:.5rem;align-items:center}.btn{padding:.5rem 1rem;border:1px solid var(--dts-border);background:var(--dts-panel-bg-alt, #21262d);color:var(--dts-text);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn:hover{border-color:var(--dts-accent);color:var(--dts-accent)}.btn.primary{background:var(--dts-accent);border-color:var(--dts-accent);color:#fff}.dts-main{display:flex;flex-grow:1;overflow:hidden;height:1px}#dts-controls{width:400px;flex-shrink:0;background-color:var(--dts-panel-bg);border-right:1px solid var(--dts-border);padding:1.5rem;overflow-y:auto}.dts-main>.panel:last-child{flex-grow:1;padding:1rem;display:grid;place-items:center;background-color:#000;min-width:0;min-height:0;overflow:hidden}.stage-wrap{position:relative;width:100%;max-width:100%;max-height:100%}#stage,#stage3d{position:absolute;top:0;left:0;width:100%;height:100%}#stage{z-index:10}#stage3d{z-index:5}.section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--dts-border)}.section:last-child{border-bottom:none;margin-bottom:0}.section>label{display:block;font-size:1rem;font-weight:500;margin-bottom:.75rem}#dts-controls textarea,#dts-controls input,#dts-controls select{width:100%;background-color:var(--dts-bg);border:1px solid var(--dts-border);border-radius:4px;padding:.5rem;color:var(--dts-text);font-size:1rem}#dts-controls textarea{min-height:80px;resize:vertical}.grid2,.grid3{display:grid;gap:1rem}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}.kbd{font-family:Google Sans Mono,monospace;background-color:var(--dts-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.dts-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dts-modal-content{background-color:var(--dts-panel-bg);border:1px solid var(--dts-border);border-radius:8px;width:90%;max-width:800px;height:80vh;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column}.dts-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--dts-border)}.dts-modal-header h4{margin:0;font-size:1.2rem}.dts-modal-close{background:none;border:none;color:var(--dts-text-secondary);font-size:1.5rem;cursor:pointer}.dts-modal-body{padding:1.5rem;overflow-y:auto;line-height:1.7}.dts-modal-body h2{font-size:1.6rem;margin:2rem 0 1rem;border-bottom:1px solid var(--dts-border);padding-bottom:.5rem}.dts-modal-body h3{font-size:1.2rem;margin:1.5rem 0 .75rem}.dts-modal-body p{margin-bottom:1rem}.dts-modal-body table{width:100%;border-collapse:collapse;margin:1rem 0}.dts-modal-body th,.dts-modal-body td{border:1px solid var(--dts-border);padding:.5rem;text-align:left}.dts-modal-body th{background-color:var(--dts-panel-bg-alt, #21262d)}@media (max-width: 1024px){.dts-main{flex-direction:column;overflow:auto}#dts-controls{width:100%;height:auto;max-height:50vh;border-right:none;border-bottom:1px solid var(--dts-border);flex-shrink:0}}@media (max-width: 768px){.dts-header{flex-direction:column;height:auto;padding:.75rem 1rem;gap:.75rem}.dts-header .row{flex-wrap:wrap;justify-content:center}#dts-controls{padding:1rem;max-height:none}.grid2,.grid3{grid-template-columns:1fr}}.dts-header .btn{display:inline-flex;align-items:center;gap:.5rem}.dts-header .btn.active{border-color:var(--dts-accent);background:rgba(var(--dts-accent-rgb),.15);color:var(--dts-accent)}.dts-modal-body ul{list-style:none;padding-left:0}.dts-checklist-item{margin-bottom:.75rem}.dts-checklist-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem}.dts-checklist-item input[type=checkbox]{width:1.2em;height:1.2em;accent-color:var(--dts-accent);cursor:pointer;flex-shrink:0}.dts-checklist-item.checked label span{text-decoration:line-through;color:var(--dts-text-secondary)}.live-page-container{display:flex;width:100%;height:100%}.health-badge-container{position:fixed;top:70px;right:1rem;background-color:#0d1117d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;z-index:10000;display:flex;flex-direction:column;gap:.6rem;font-family:Google Sans Mono,monospace;font-size:11px;box-shadow:0 4px 12px #0000004d;pointer-events:none;-webkit-user-select:none;user-select:none}.health-metric{display:flex;justify-content:space-between;align-items:center;gap:1rem}.metric-label{color:var(--text-secondary)}.metric-value{font-weight:700;padding:2px 6px;border-radius:4px}.metric-value.status-ok{color:#4ade80;background-color:#4ade8026}.metric-value.status-med{color:#f59e0b;background-color:#f59e0b26}.metric-value.status-bad{color:#ef5350;background-color:#ef535026}.text-timing-calculator-page{--bg: #0b0c10;--card: #151823;--acc: #6ee7ff;--mut: #8b93a7;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial;background:linear-gradient(120deg,#0b0c10,#0f1220);color:#e6e9ef;width:100%;height:100%;display:flex;flex-direction:column}.text-timing-calculator-page *{box-sizing:border-box}.text-timing-calculator-page header.page-header{display:flex;align-items:center;padding:.75rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;position:relative}.text-timing-calculator-page header.page-header .home-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:color .2s;z-index:2}.text-timing-calculator-page header.page-header .home-link:hover{color:var(--text-main)}.text-timing-calculator-page header.page-header .home-link .icon{font-size:1.25rem}.text-timing-calculator-page header.page-header h1{margin:0;font-size:1.2rem;font-weight:500;color:var(--text-main);position:absolute;left:50%;transform:translate(-50%);letter-spacing:normal}.text-timing-calculator-page .wrap{max-width:1100px;margin:18px auto;padding:0 16px 48px;display:grid;gap:16px;grid-template-columns:1.2fr .8fr;flex-grow:1;overflow-y:auto}@media (max-width: 980px){.text-timing-calculator-page .wrap{grid-template-columns:1fr}}.text-timing-calculator-page .card{background:var(--card);border:1px solid #23283a;border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000040}.text-timing-calculator-page .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.text-timing-calculator-page .card-header h3{margin:0;font-size:16px}.text-timing-calculator-page .row{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);align-items:end}.text-timing-calculator-page .row>div{display:flex;flex-direction:column;gap:6px}.text-timing-calculator-page label{font-size:12px;color:var(--mut)}.text-timing-calculator-page input[type=number],.text-timing-calculator-page input[type=text],.text-timing-calculator-page input[type=checkbox],.text-timing-calculator-page select{background:#0f1322;border:1px solid #27304a;color:#e6e9ef;border-radius:10px;padding:10px 12px;outline:none;width:100%}.text-timing-calculator-page textarea{width:100%;min-height:260px;resize:vertical;background:#0f1322;border:1px solid #27304a;color:#e6e9ef;border-radius:12px;padding:12px;line-height:1.6;font-family:inherit}.text-timing-calculator-page .hint{color:var(--mut);font-size:12px;margin-top:6px}.text-timing-calculator-page .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.text-timing-calculator-page .stat{background:#0f1322;border:1px solid #27304a;border-radius:12px;padding:10px}.text-timing-calculator-page .stat b{font-size:18px;display:block}.text-timing-calculator-page table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.text-timing-calculator-page th,.text-timing-calculator-page td{padding:10px 12px;text-align:left;border-bottom:1px solid #27304a;font-size:14px;transition:opacity .2s,width .2s}.text-timing-calculator-page th{color:#a6b0c2;font-weight:600}.text-timing-calculator-page tr:hover td{background:#11162a}.text-timing-calculator-page .btn{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:10px;border:1px solid #27304a;background:#0f1322;color:#e6e9ef;cursor:pointer;font-family:inherit;font-size:inherit}.text-timing-calculator-page .btn.primary{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#041018;border:none;font-weight:700}.text-timing-calculator-page .btnrow{display:flex;gap:10px;flex-wrap:wrap}.text-timing-calculator-page .mut{color:#9aa3b5;font-size:12px}.text-timing-calculator-page label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text-main);cursor:pointer;font-size:14px}.text-timing-calculator-page input[type=checkbox]{width:auto;margin:0}.chat-hover-area{position:fixed;bottom:0;left:0;width:80px;height:80px;z-index:10301}.chat-fab{position:absolute;bottom:1.5rem;left:1.5rem;width:50px;height:50px;border-radius:50%;background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:fab-fade-in .2s ease-out}@keyframes fab-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chat-fab .icon{font-size:1.5rem}.chat-window{position:fixed;min-width:280px;min-height:200px;background-color:#161b22d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:10300;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;border-top-left-radius:12px;border-top-right-radius:12px;gap:.5rem}.chat-header:active{cursor:grabbing}.chat-user-identity{flex-grow:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.chat-user-identity h3{margin:0;font-size:1.1rem;font-weight:500}.chat-username-display{display:flex;align-items:center;gap:.5rem}.username-text{font-size:.8rem;color:var(--text-secondary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 4px;border-radius:4px;border:1px solid transparent;cursor:pointer}.username-text:hover{background-color:#ffffff0d;border-color:var(--border-color)}.edit-username-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s,color .2s}.edit-username-btn:hover{opacity:1;color:var(--text-main)}.edit-username-btn .icon{font-size:.9rem}.username-input{background:var(--bg-main);border:1px solid var(--accent);border-radius:4px;color:var(--text-main);font-size:.8rem;padding:2px 4px;width:120px;outline:none}.chat-window-controls{display:flex;align-items:center}.window-control-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.window-control-btn:hover{background-color:#ffffff1a;color:var(--text-main)}.window-control-btn .icon{font-size:1rem;font-weight:700}.chat-messages{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:transparent}.chat-message{display:flex;flex-direction:column;gap:.25rem;max-width:80%;align-items:flex-start}.chat-message .sender-name{font-size:.75rem;color:var(--text-secondary);margin-left:.75rem;padding:0 .25rem}.chat-message .message-bubble{padding:.6rem 1rem;border-radius:18px;background-color:var(--panel-bg-alt);line-height:1.4;word-break:break-word}.chat-message.is-self{align-self:flex-end;align-items:flex-end}.chat-message.is-self .message-bubble{background-color:var(--accent);color:#fff}.chat-input-form{display:flex;padding:.75rem;border-top:1px solid var(--border-color);flex-shrink:0;gap:.5rem;background:transparent;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.chat-input-form input{flex-grow:1;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:20px;padding:.5rem 1rem;color:var(--text-main);font-size:1rem}.chat-input-form button{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer}.chat-input-form button:disabled{background:var(--panel-bg-alt);cursor:not-allowed}.chat-input-form button .icon{font-size:1.2rem}.resizer{position:absolute;background:transparent;z-index:10}.resizer.top-left{top:-5px;left:-5px;width:10px;height:10px;cursor:nwse-resize}.resizer.top-right{top:-5px;right:-5px;width:10px;height:10px;cursor:nesw-resize}.resizer.bottom-left{bottom:-5px;left:-5px;width:10px;height:10px;cursor:nesw-resize}.resizer.bottom-right{bottom:-5px;right:-5px;width:10px;height:10px;cursor:nwse-resize}.resizer.top{top:-5px;left:5px;right:5px;height:10px;cursor:ns-resize}.resizer.bottom{bottom:-5px;left:5px;right:5px;height:10px;cursor:ns-resize}.resizer.left{top:5px;bottom:5px;left:-5px;width:10px;cursor:ew-resize}.resizer.right{top:5px;bottom:5px;right:-5px;width:10px;cursor:ew-resize}.trending-viewer-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-main)}.trending-viewer-header{display:flex;align-items:center;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.tv-nav{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:1.2rem}.tv-nav-link{background:none;border:none;color:var(--accent);text-decoration:none;font-size:inherit;cursor:pointer;font-family:inherit;padding:0}.tv-nav-link:hover{text-decoration:underline}.tv-nav-title{color:var(--text-main)}.trending-viewer-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.trending-viewer-controls{position:sticky;top:-1.5rem;margin:-1.5rem -1.5rem 12px;padding:1.5rem 1.5rem 10px;z-index:10;background:linear-gradient(var(--bg-main) 0%,var(--bg-main) 80%,transparent 100%)}.controls-pills{margin-bottom:1rem}.trending-viewer-page .row{display:flex;gap:12px;flex-wrap:wrap}.trending-viewer-page .col{flex:1;min-width:220px}.trending-viewer-page label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.trending-viewer-page select,.trending-viewer-page input{width:100%;background:var(--panel-bg-alt);color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;font-size:.9rem}.trending-viewer-page .btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.trending-viewer-page .btn.sec{background:var(--panel-bg-alt)}.trending-viewer-page .btn.ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.trending-viewer-page .btn[disabled]{opacity:.55;cursor:not-allowed}.trending-viewer-page .pill{display:inline-block;background:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:999px;padding:4px 8px;font-size:11px;color:var(--text-secondary);margin:0 .25rem}.trending-viewer-page .status{font-size:12px;margin-left:12px}.trending-viewer-page .status.ok{color:var(--success)}.trending-viewer-page .status.bad{color:var(--error)}.trending-viewer-page .status.warn{color:#f59e0b}.trending-viewer-page .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.trending-viewer-page .item{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.trending-viewer-page .item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.trending-viewer-page .thumb{aspect-ratio:16/9;background:var(--bg-main);position:relative}.trending-viewer-page .thumb img{position:absolute;width:100%;height:100%;object-fit:cover}.trending-viewer-page .meta{padding:10px 12px}.trending-viewer-page .title{font-weight:500;margin:0 0 6px;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.trending-viewer-page .ch{color:var(--text-secondary);font-size:12px}.trending-viewer-page .rowline{display:flex;gap:10px;align-items:center;color:var(--text-secondary);font-size:12px;margin-top:8px}.trending-viewer-page .rowline span{white-space:nowrap}.trending-viewer-page details{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-top:14px}.trending-viewer-page details pre{white-space:pre-wrap;background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;max-height:320px;overflow:auto;font-size:.8rem;color:var(--text-secondary)}.trending-viewer-page details summary{cursor:pointer}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d1117e6;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-fade-in .3s ease-out;cursor:zoom-out}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center;cursor:default}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080;animation:modal-slide-in .3s cubic-bezier(.25,1,.5,1)}.media-manager-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-main);--panel-width: 280px}.media-manager-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.media-manager-header .home-btn{background:none;border:1px solid transparent;color:var(--text-secondary);padding:.5rem;border-radius:50%;cursor:pointer}.media-manager-header .home-btn:hover{background-color:var(--panel-bg-alt);color:var(--text-main)}.media-manager-header h1{margin:0;font-size:1.5rem;font-weight:500;flex-grow:1}.media-manager-body{display:flex;flex-grow:1;overflow:hidden}.media-manager-page.panel-right .media-manager-body{flex-direction:row-reverse}.media-sidebar{width:var(--panel-width);flex-shrink:0;background-color:var(--panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem;gap:1rem;transition:width 0s}.media-manager-page.panel-right .media-sidebar{border-right:none;border-left:1px solid var(--border-color)}.add-folder-btn{width:100%;justify-content:center}.folder-list{overflow-y:auto;display:flex;flex-direction:column;gap:0}.folder-tree-root,.folder-subtree{list-style:none;padding:0;margin:0}.folder-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;position:relative}.folder-item:hover{background-color:var(--panel-bg-alt)}.folder-item.active{background-color:var(--accent);color:#fff}.folder-item .expand-btn{background:none;border:none;color:inherit;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:-4px}.folder-item .expand-btn .icon{transition:transform .2s}.folder-item .expand-placeholder{width:24px;flex-shrink:0}.folder-item .folder-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:4.5rem}.folder-actions{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;opacity:0;transition:opacity .2s;background-color:var(--panel-bg);border-radius:4px;padding:2px;pointer-events:none;gap:4px}.folder-item:hover .folder-actions,.folder-item.active .folder-actions{opacity:1;pointer-events:auto;background-color:var(--panel-bg-alt)}.folder-item.active .folder-actions{background-color:var(--accent)}.folder-actions .icon-btn{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;transition:background-color .2s,opacity .2s}.folder-actions .icon-btn:hover{opacity:1;background-color:#ffffff1a}.folder-actions .icon-btn .icon{font-size:1rem}.folder-color-picker{position:relative}.folder-color-picker-popover{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;display:flex;align-items:center;gap:.5rem;z-index:20;box-shadow:0 4px 12px #0000004d}.folder-color-picker-popover input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background-color:transparent;border:none;cursor:pointer;padding:0;border-radius:50%;overflow:hidden}.folder-color-picker-popover input[type=color]::-webkit-color-swatch-wrapper{padding:0}.folder-color-picker-popover input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:50%}.folder-color-picker-popover input[type=color]::-moz-color-swatch{border:1px solid var(--border-color);border-radius:50%}.folder-color-picker-popover button.secondary.small{font-size:.75rem;padding:4px 8px;height:auto;min-width:auto}.trash-item{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.75rem}.folder-item.drop-target-above:before,.folder-item.drop-target-below:after{content:"";position:absolute;left:10%;right:0;height:3px;background-color:var(--accent-secondary);z-index:10}.folder-item.drop-target-above:before{top:-1px}.folder-item.drop-target-below:after{bottom:-1px}.folder-item.drop-target-inside{background-color:#a855f733!important;box-shadow:inset 2px 0 0 0 var(--accent-secondary)}.folder-item.drop-target-asset{background-color:rgba(var(--accent-rgb),.25)!important;box-shadow:0 0 0 2px var(--accent)}.media-content{flex-grow:1;display:flex;flex-direction:column;padding:1.5rem;gap:1rem;position:relative;overflow:hidden;min-width:0}.media-content-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:1rem;flex-wrap:wrap}.breadcrumbs{color:var(--text-secondary);font-size:1.1rem}.media-actions{display:flex;gap:.75rem;align-items:center}.search-input-wrapper{position:relative}.search-input-wrapper .icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem .5rem 2.25rem;color:var(--text-main);width:220px;transition:all .2s}.search-input:focus{border-color:var(--accent);outline:none}.sort-controls{display:flex;gap:.25rem;background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;padding:2px}.sort-select,.sort-direction-btn,.view-toggle-btn{background:none;border:none;color:var(--text-secondary);padding:.4rem .6rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s}.sort-select{background-color:transparent}.sort-select:focus{outline:none}.sort-direction-btn:hover,.view-toggle-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.upload-btn{background:var(--accent);color:#fff}.asset-container{flex-grow:1;overflow-y:auto;position:relative;padding-right:8px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.asset-item{background-color:var(--panel-bg-alt);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column}.asset-item.grid-view{width:200px;transition:box-shadow .2s,border-color .2s,opacity .2s}.asset-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.5)}.asset-preview-container{position:relative}.asset-preview{width:100%;aspect-ratio:16 / 10;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;cursor:default}.asset-preview img{width:100%;height:100%;object-fit:cover}.video-icon{font-size:2.5rem;color:var(--text-secondary)}.asset-info{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.asset-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-name:hover{text-decoration:underline;cursor:text}.asset-name-input,.asset-tags-input{width:100%;font-size:inherit;background:var(--bg-main);border:1px solid var(--accent);border-radius:4px;padding:2px 4px;color:var(--text-main)}.asset-name-input:focus,.asset-tags-input:focus{outline:none}.asset-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.asset-tags{display:flex;flex-wrap:wrap;gap:.25rem;min-height:22px}.asset-tags:hover{cursor:text}.asset-tags .no-tags{font-style:italic;color:var(--text-secondary);font-size:.8rem}.asset-tags .tag-chip{font-size:.7rem}.asset-actions{display:flex;padding:.25rem .5rem;border-top:1px solid var(--border-color);justify-content:flex-end}.asset-actions .action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.asset-actions .action-btn:hover{color:var(--text-main)}.asset-actions .action-btn.delete:hover{color:var(--error)}.asset-container.list-view{border:1px solid var(--border-color);border-radius:8px;background-color:var(--panel-bg-alt)}.asset-table{width:100%;border-collapse:collapse}.asset-table th,.asset-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.asset-table thead th{font-weight:500;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;position:sticky;top:0;background-color:var(--panel-bg);z-index:2}.asset-table tbody tr{transition:background-color .2s,border-top-color .2s,border-bottom-color .2s,opacity .2s}.asset-table tbody tr:hover,.asset-table tbody tr.selected{background-color:var(--bg-main)}.asset-table tbody tr.selected{box-shadow:inset 3px 0 0 var(--accent)}.asset-table tbody tr.dragging{opacity:.4;background:var(--bg-main)}.asset-table tbody tr.drop-target-above{border-top:2px solid var(--accent);box-shadow:0 -2px 8px rgba(var(--accent-rgb),.3)}.asset-table tbody tr.drop-target-below{border-bottom:2px solid var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.asset-preview-list{width:50px;height:35px}.asset-preview-list img{border-radius:2px}.empty-asset-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);padding:2rem;text-align:center}.empty-asset-message .icon{font-size:3rem;opacity:.5;margin-bottom:1rem}.empty-asset-message p{margin:0;font-size:1.1rem}.empty-asset-message small{margin-top:.5rem;font-size:.9rem}.batch-action-bar{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;animation:bubble-fade-in .3s ease-out}.batch-actions{display:flex;gap:.5rem}.batch-actions button{background:var(--panel-bg-alt);border:1px solid var(--border-color)}.batch-actions button:hover{background:var(--bg-main)}.asset-container.draggable-grid-mode .asset-grid{display:block;position:relative;height:100%}.asset-item.is-dragging-absolute{z-index:1000!important;cursor:grabbing;box-shadow:0 10px 30px #0000004d}.asset-checkbox,.asset-checkbox-list{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0d1117b3;border:1px solid var(--border-color);padding:0;margin:0;width:22px;height:22px;border-radius:6px;display:inline-grid;place-content:center;cursor:pointer;transition:all .15s ease-out;box-shadow:0 1px 3px #0000004d}.asset-checkbox:hover,.asset-checkbox-list:hover{border-color:var(--accent)}.asset-checkbox:before,.asset-checkbox-list:before{content:"";width:.75em;height:.75em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--accent);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.asset-checkbox:checked,.asset-checkbox-list:checked{background-color:var(--accent);border-color:var(--accent)}.asset-checkbox:checked:before,.asset-checkbox-list:checked:before{transform:scale(1);box-shadow:inset 1em 1em #fff}.asset-checkbox{position:absolute;top:.75rem;left:.75rem;z-index:2}.asset-table td:first-child{text-align:center;width:40px}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;background-color:rgba(var(--accent-rgb),.85);color:#fff;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 5px 15px #0000004d;transform-origin:bottom left;animation:fab-fade-in .1s ease-out}.asset-item.dragging-source,.asset-table tr.dragging-source{opacity:.4;transform:scale(.98)}.share-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main)}.share-page-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.share-home-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:color .2s}.share-home-link:hover{color:var(--text-main)}.share-home-link .icon{font-size:1.25rem}.share-page-header h1{margin:0;font-size:1.2rem;font-weight:500}.share-content{flex-grow:1;overflow-y:auto;padding:2rem;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2rem}.share-card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem 2rem}.share-card h2{margin:0 0 1rem;font-size:1.5rem;font-weight:500}.login-prompt{text-align:center}.login-prompt p{margin-bottom:1rem;color:var(--text-secondary)}.share-form{display:flex;flex-direction:column;gap:1rem}.share-form .share-submit-btn{margin-top:.5rem}.share-list-container{margin-top:1rem}.public-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1rem}.public-share-card{background-color:var(--panel-bg-alt);border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.public-share-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.share-thumbnail{width:100%;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--bg-main)}.share-thumbnail-media{width:100%;aspect-ratio:16 / 9;background-color:var(--bg-main);cursor:pointer;position:relative;overflow:hidden}.share-thumbnail-media img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-out}.public-share-card:hover .share-thumbnail-media img{transform:scale(1.05)}.share-thumbnail-media .video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fffc;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none}.share-info{padding:1rem;flex-grow:1}.share-info h3{margin:0 0 .25rem;font-size:1.2rem}.share-author{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem}.share-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-actions{padding:.75rem 1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.share-actions .delete-btn:hover{background-color:#ef53501a;color:var(--error);border-color:var(--error)}.share-help-text{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.video-tools-modal{max-width:900px!important;width:90vw!important}.video-tools-modal .modal-body{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;max-height:70vh;overflow-y:auto}.video-tools-preview{grid-column:1 / 2}.video-tools-preview video{width:100%;border-radius:6px;background-color:#000;max-height:50vh}.video-tools-controls{grid-column:2 / 3;display:flex;flex-direction:column;gap:1rem;max-height:50vh;overflow-y:auto}.tool-section{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.tool-section h4{margin:0 0 .5rem;font-size:1.1rem}.tool-section p{font-size:.85rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.tool-section button{width:100%}.tool-section button:disabled{cursor:not-allowed;background:var(--panel-bg)}.trim-inputs{align-items:center}.trim-inputs label{margin:0}.trim-inputs input{width:80px;text-align:center}.processing-status{grid-column:1 / 3;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.processing-status h4{margin:0 0 .75rem;text-transform:capitalize}.processing-status progress{width:100%;height:8px;margin-bottom:.75rem}.processing-status progress::-webkit-progress-bar{background-color:var(--panel-bg-alt);border-radius:4px}.processing-status progress::-webkit-progress-value{background-color:var(--accent);border-radius:4px;transition:width .2s}.ffmpeg-log{background-color:var(--bg-main);border-radius:4px;padding:.5rem;height:100px;overflow-y:scroll;font-family:Google Sans Mono,monospace;font-size:.75rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}@media (max-width: 768px){.video-tools-modal .modal-body{grid-template-columns:1fr}.video-tools-preview{grid-row:1 / 2}.video-tools-controls{grid-row:2 / 3;max-height:none}}.ai-gateway-page{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-main)}.gateway-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.gateway-header-left{display:flex;align-items:center;gap:1rem}.gateway-home-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:color .2s;background:none;border:none;cursor:pointer;font-family:inherit}.gateway-home-link:hover{color:var(--text-main)}.gateway-header h1{margin:0;font-size:1.2rem;font-weight:500}.gateway-header-right a.secondary{text-decoration:none}.gateway-main{display:flex;flex-grow:1;overflow:hidden;gap:1rem;padding:1rem}.gateway-config-panel,.gateway-results-panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}.gateway-config-panel{width:380px;flex-shrink:0}.gateway-config-panel h3{margin:0 0 .5rem}.gateway-config-panel .panel-help-text{margin-top:0;margin-bottom:1rem}.gateway-config-panel .form-group{margin-bottom:1rem}.gateway-config-panel textarea{min-height:80px}.gateway-config-panel .button-group button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.gateway-config-panel .fetch-btn{width:100%;margin-top:auto;padding:.75rem;font-size:1.1rem}.gateway-results-panel{flex-grow:1}.results-container{display:grid;grid-template-columns:300px 1fr;gap:1rem;flex-grow:1;overflow:hidden;margin-top:1rem}.results-log,.results-data{display:flex;flex-direction:column;overflow:hidden}.results-log h4,.results-data h4{margin:0 0 .75rem;font-weight:500}.results-log pre{flex-grow:1;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;font-family:Google Sans Mono,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-all;overflow-y:auto}.data-grid{overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:8px}.data-card{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.data-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.data-type{background-color:var(--accent);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.data-id{font-family:Google Sans Mono,monospace;font-size:.8rem;color:var(--text-secondary)}.data-card-body{display:flex;flex-direction:column;gap:.4rem}.data-field{font-size:.85rem}.field-key{color:var(--text-secondary);margin-right:.5rem}.field-value{color:var(--text-main);word-break:break-all}.error-message,.placeholder{color:var(--text-secondary);font-style:italic}.error-message{color:var(--error)}@media (max-width: 900px){.gateway-main{flex-direction:column}.gateway-config-panel{width:100%;flex-shrink:1}.results-container{grid-template-columns:1fr}.results-log{max-height:200px}}.text-editor-modal{width:90vw!important;max-width:1400px!important;height:90vh;display:flex;flex-direction:column}.text-editor-modal .modal-header{flex-shrink:0}.text-editor-modal .editor-toolbar{display:flex;align-items:center;gap:.75rem;margin-left:auto}.editor-toolbar .save-status{font-size:.8rem;color:var(--text-secondary);min-width:70px;text-align:right}.editor-toolbar .sensitive-data-warning{font-size:.8rem;color:#f59e0b;font-weight:500;margin-right:.5rem}.text-editor-modal .modal-body{flex-grow:1;padding:0;display:flex;overflow:hidden}.text-editor-modal .modal-body.split-view{flex-direction:row}.editor-pane,.preview-pane{flex:1;position:relative;min-width:0}.preview-pane{border-left:1px solid var(--border-color);background-color:var(--panel-bg);padding:1rem 1.5rem;overflow-y:auto}.editor-pane{background-color:#1e1e1e;overflow:hidden}.editor-pane textarea,.editor-highlighter-wrapper,.editor-highlighter-wrapper pre{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;margin:0!important;padding:1rem!important;border:0!important;outline:none!important;font-family:Google Sans Mono,monospace!important;font-size:.9rem!important;line-height:1.6!important;white-space:pre!important;word-wrap:normal!important;box-sizing:border-box!important;overflow:auto!important;-webkit-text-fill-color:inherit}.editor-pane textarea{z-index:1;background:transparent!important;color:transparent!important;caret-color:var(--text-main);resize:none;-webkit-text-fill-color:transparent}.editor-highlighter-wrapper{z-index:0;pointer-events:none}.editor-highlighter-wrapper pre::-webkit-scrollbar{display:none}.editor-highlighter-wrapper pre{-ms-overflow-style:none;scrollbar-width:none}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:1.5em;margin-bottom:.75em;border-bottom:1px solid var(--border-color);padding-bottom:.3em;font-weight:600}.markdown-preview p{margin-bottom:1em}.markdown-preview ul,.markdown-preview ol{margin-bottom:1em;padding-left:2em}.markdown-preview a{color:var(--accent)}.markdown-preview code{background-color:var(--panel-bg-alt);padding:.2em .4em;border-radius:4px;font-family:Google Sans Mono,monospace;font-size:.9em}.markdown-preview pre{background-color:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;padding:1em;overflow-x:auto}.markdown-preview pre code{background:none;padding:0}.markdown-preview blockquote{border-left:4px solid var(--border-color);padding-left:1em;margin:1.5em 0;color:var(--text-secondary)}.csv-editor-container{width:100%;height:100%;display:flex;flex-direction:column}.csv-editor-container .editor-toolbar{padding:.5rem 1rem;border-bottom:1px solid var(--border-color);justify-content:flex-start}.csv-grid-wrapper{flex-grow:1;overflow:auto}.csv-grid{width:100%;border-collapse:collapse}.csv-grid th,.csv-grid td{border:1px solid var(--border-color);padding:0;text-align:left}.csv-grid th{background-color:var(--panel-bg-alt);font-weight:500;padding:.5rem .75rem;position:sticky;top:0;z-index:1}.csv-grid td input{width:100%;height:100%;background:transparent;border:none;outline:none;padding:.5rem .75rem;color:var(--text-main);font-size:.9rem}.csv-grid td input:focus{background-color:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 0 1px var(--accent)}.version-history-modal{width:80vw!important;max-width:1200px!important;height:80vh;display:flex;flex-direction:column}.version-history-modal .modal-header{flex-shrink:0}.version-history-modal .modal-body{flex-grow:1;display:flex;gap:1rem;padding:1rem;overflow:hidden}.version-list-panel{flex:0 0 250px;background-color:var(--panel-bg-alt);border-radius:6px;overflow-y:auto;border:1px solid var(--border-color)}.version-list-panel ul{list-style:none;padding:.5rem;margin:0}.version-item{padding:.75rem 1rem;cursor:pointer;border-radius:4px;margin-bottom:.25rem;transition:background-color .2s;display:flex;flex-direction:column}.version-item:hover{background-color:var(--bg-main)}.version-item.selected{background-color:var(--accent);color:#fff}.version-item.selected .version-label{color:#fffc}.version-timestamp{font-weight:500;font-size:.9rem}.version-label{font-size:.75rem;color:var(--text-secondary)}.diff-view-panel{flex-grow:1;background-color:#1e1e1e;border-radius:6px;overflow:auto;font-family:Google Sans Mono,monospace;font-size:.85rem;border:1px solid var(--border-color)}.diff-view{margin:0;padding:1rem;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}.diff-view code span{display:inline-block;width:100%}.diff-added{background-color:#4ade801a}.diff-added:before{content:"+ ";color:var(--success);font-weight:700}.diff-removed{background-color:#ef53501a;text-decoration:line-through;opacity:.7}.diff-removed:before{content:"- ";color:var(--error);font-weight:700}.sensitive-data-detector-page .admin-subpage-content{display:flex;flex-direction:column}