*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #3169C6;--bg-secondary: #245DC4;--bg-tertiary: #1C4FA8;--border-color: #0054E3;--text-primary: #000000;--text-secondary: #444444;--accent-primary: #0054E3;--accent-secondary: #316AC5;--accent-green: #008000;--accent-blue: #0054E3;--stewie-color: #CC6600;--peter-color: #008000;--danger: #CC0000;--window-bg: #ECE9D8;--window-border-light: #FFFFFF;--window-border-dark: #ACA899;--titlebar-start: #0A246A;--titlebar-end: #A6CAF0;--button-face: #ECE9D8;--button-highlight: #FFFFFF;--button-shadow: #ACA899;--button-dark-shadow: #716F64;--input-bg: #FFFFFF;--field-bg: #F0F0F0}body{font-family:Tahoma,"MS Sans Serif",Geneva,sans-serif;background:#eb632c;color:var(--text-primary);min-height:100vh;line-height:1.4;font-size:11px;margin:0;padding:0;overflow:hidden}.taskbar{position:fixed;bottom:0;left:0;right:0;height:28px;background:silver;border-top:2px solid #DFDFDF;display:flex;align-items:center;justify-content:space-between;padding:2px;z-index:9999}.start-button{display:flex;align-items:center;gap:4px;padding:2px 6px;background:silver;border:2px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;cursor:pointer;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;height:22px}.start-button:active{border-color:#808080 #FFFFFF #FFFFFF #808080}.start-button img{width:16px;height:16px;image-rendering:pixelated}.taskbar-tray{display:flex;align-items:center;gap:8px;padding:0 8px;height:100%;background:silver;border:1px solid;border-color:#808080 #FFFFFF #FFFFFF #808080}.taskbar-time{font-family:Tahoma,sans-serif;font-size:11px;color:#000}.taskbar-middle{flex:1;height:100%;display:flex;align-items:center;gap:2px;padding:0 4px;overflow:hidden}.taskbar-window-btn{display:flex;align-items:center;gap:4px;padding:2px 8px;height:22px;min-width:120px;max-width:160px;background:linear-gradient(180deg,#fff,#ece9d8 45%,#d4d0c8);border:1px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;cursor:pointer;font-family:Tahoma,sans-serif;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-window-btn:hover{background:linear-gradient(180deg,#fff,#f0ede1 45%,#e3ded5)}.taskbar-window-btn.active{border-color:#808080 #FFFFFF #FFFFFF #808080;background:linear-gradient(180deg,#d4d0c8,#ece9d8)}.taskbar-window-btn img{width:16px;height:16px;image-rendering:pixelated;flex-shrink:0}.taskbar-window-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-menu{position:fixed;bottom:30px;left:2px;width:200px;background:silver;border:2px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;box-shadow:2px 2px 8px #0006;display:none;z-index:10000}.start-menu.open{display:block}.start-menu-sidebar{position:absolute;left:0;top:0;bottom:0;width:24px;background:linear-gradient(180deg,navy,#1084d0);display:flex;align-items:flex-end;padding-bottom:4px}.start-menu-sidebar-text{color:#fff;font-size:14px;font-weight:700;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);padding:4px;letter-spacing:1px}.start-menu-items{margin-left:24px;padding:2px}.start-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;font-size:11px;color:#000}.start-menu-item:hover{background:navy;color:#fff}.start-menu-item img{width:16px;height:16px;image-rendering:pixelated}.start-menu-separator{height:1px;background:gray;margin:2px 4px;border-bottom:1px solid #FFFFFF}.start-menu-item.has-submenu{position:relative}.start-menu-item.has-submenu:after{content:"▶";font-size:8px;margin-left:auto}.start-menu-submenu{position:absolute;left:100%;top:-2px;width:180px;background:silver;border:2px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;box-shadow:2px 2px 8px #0006;display:none;padding:2px;z-index:10001}.start-menu-item.has-submenu:hover .start-menu-submenu{display:block}.start-menu-submenu .start-menu-item{padding:6px 8px}.start-menu-submenu .start-menu-item:hover{background:navy;color:#fff}.floating-window{position:absolute;display:none;flex-direction:column;background:silver;border:2px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;box-shadow:2px 2px 8px #0006;min-width:250px;min-height:200px;z-index:100}.floating-window.active{z-index:101}.shaped-window{position:absolute;display:none;z-index:100;cursor:move;-webkit-user-select:none;user-select:none}.shaped-window.active{z-index:101}.shaped-window img,.shaped-window .media-svg{display:block;width:640px;pointer-events:none}.media-svg{height:auto}.layer-container{position:relative;width:640px;height:auto}.layer{position:absolute;top:0;left:0;width:640px;pointer-events:none}.layer-righthand{z-index:4;transition:transform .3s ease-in-out}.layer-righthand.hidden{transform:translate(319px,47px)}.layer-toggleback{z-index:3;transition:transform .3s ease-in-out}.layer-toggleback.hidden{transform:translate(319px,47px)}.layer-frame{z-index:7}.layer-main{position:relative;z-index:1}.shaped-window .close-hint{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;opacity:0;transition:opacity .2s;pointer-events:none}.shaped-window:hover .close-hint{opacity:1}.media-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.media-btn{position:absolute;background:transparent;border:none;outline:none!important;cursor:pointer;pointer-events:auto;color:transparent;font-size:0;z-index:11;transition:transform .3s ease-in-out;-webkit-tap-highlight-color:transparent}.media-btn:focus,.media-btn:focus-visible,.media-btn:active{outline:none!important;border:none!important;box-shadow:none!important}.media-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:100}.media-btn:hover:after{opacity:1}a[data-tooltip]{position:relative}a[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:100%;left:0;background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:1000;margin-top:4px;line-height:1.4}a[data-tooltip]:hover:after{opacity:1}.script-tooltip{position:relative}.script-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:1000;margin-bottom:4px}.script-tooltip:hover:after{opacity:1}.btn-play.hidden,.btn-pause.hidden,.btn-fastfwd.hidden{transform:translate(319px,47px)}.btn-slide.hidden,.btn-next.hidden{transform:translate(319px,47px) rotate(15deg)}.btn-prev{left:52px;top:572px;width:28px;height:28px}.btn-play{left:525px;top:425px;width:25px;height:28px}.btn-stop{left:75px;top:422px;width:25px;height:25px;transform:rotate(-10deg)}.btn-next{left:495px;top:578px;width:28px;height:28px;transform:rotate(15deg)}.media-screen{position:absolute;left:168px;top:372px;width:295px;height:195px;object-fit:cover;background:#000;border-radius:20px;z-index:5;pointer-events:auto}.media-loading{position:absolute;left:168px;top:372px;width:295px;height:195px;background:#000000b3;border-radius:20px;z-index:6;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px}.media-loading.active{display:flex}.media-loading-text{color:#fff;font-size:14px;font-family:"MS Sans Serif",Tahoma,sans-serif}.media-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-fastfwd{left:500px;top:525px;width:28px;height:28px}.btn-pause{left:510px;top:480px;width:25px;height:28px}.btn-rewind{left:60px;top:525px;width:28px;height:28px}.btn-mute{left:60px;top:478px;width:35px;height:28px}.btn-slide{left:555px;top:505px;width:15px;height:75px;transform:rotate(15deg)}.btn-slide-2{left:180px;top:380px;width:15px;transform:rotate(15deg);height:125px;background:transparent!important;outline:none!important;z-index:9999!important;transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0;pointer-events:none}.btn-slide-2:focus,.btn-slide-2:active{outline:none!important;box-shadow:none!important}.btn-slide-2:after{display:none!important}.btn-slide-2.hidden{transform:translate(319px,47px) rotate(10deg);opacity:1;pointer-events:auto}.slide-panel{position:absolute;left:0;top:0;width:640px;height:auto;background:transparent;border:none;transform:translateY(0);transition:transform .3s ease-in-out;z-index:0;pointer-events:auto}.slide-panel.hidden{transform:translate(319px,47px)}.slide-panel-img{width:640px;height:auto;pointer-events:none}.panel-filename-wrapper{position:absolute;left:215px;top:403px;max-width:200px;overflow:hidden;transform:rotate(8.5deg)}.panel-filename{color:#fff;font-family:monospace;font-size:12px;text-shadow:1px 1px 2px #000;white-space:nowrap;display:inline-block}.panel-filename.scrolling{animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.panel-progress{position:absolute;left:170px;top:514px;width:300px;height:8px;background:#00000080;border-radius:4px;cursor:pointer;transform:rotate(8.5deg)}.panel-progress-fill{height:100%;width:0%;background:#6f803b;border-radius:4px;transition:width .1s linear;max-width:100%}.panel-progress:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:100;margin-top:5px}.panel-progress:hover:after{opacity:1}.panel-playlist{position:absolute;left:200px;top:425px;width:250px;max-height:75px;overflow-y:auto;transform:rotate(9deg)}.panel-playlist::-webkit-scrollbar{width:7px}.panel-playlist::-webkit-scrollbar-track{background:#0000}.panel-playlist::-webkit-scrollbar-thumb{border-radius:2px}.panel-playlist-item{color:#aaa;font-family:monospace;font-size:10px;padding:2px 4px;cursor:pointer;text-shadow:1px 1px 2px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-playlist-item:hover{color:#fff;background:#ffffff1a}.panel-playlist-item.active{color:#0f0}.close-btn{position:absolute;left:445px;top:100px;width:18px;height:18px;background:#8b4545cc;border:2px solid #8B0000;border-radius:4px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 2px #000;transition:background .2s,transform .2s;z-index:9999}.close-btn:hover{background:#b43232e6;transform:rotate(9deg) scale(1.1)}.close-btn:active{transform:rotate(9deg) scale(.95)}.rotate-handle{position:absolute;left:320px;top:165px;width:120px;height:120px;border-radius:50%;cursor:url('data:image/svg+xml,') 12 12,grab;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 2px #000;transition:background .2s;z-index:9999;-webkit-user-select:none;user-select:none}.rotate-handle:hover{background:#fe0c5480}.rotate-handle:active{cursor:grabbing}.rotate-handle:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:10000;margin-bottom:5px}.rotate-handle:hover:after{opacity:1}.debug-grid{display:none;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.debug-grid .grid-line-h{position:absolute;left:0;width:100%;height:1px;background:#ff000080}.debug-grid .grid-line-v{position:absolute;top:0;width:1px;height:100%;background:#0000ff80}.debug-grid .grid-label{position:absolute;font-size:10px;font-family:monospace;color:#fff;background:#000000b3;padding:1px 3px;pointer-events:none}.debug-grid .grid-label-h{left:2px;transform:translateY(-50%)}.debug-grid .grid-label-v{top:2px;transform:translate(-50%)}.floating-window .window-titlebar{display:flex;justify-content:space-between;align-items:center;padding:2px 3px;background:navy;cursor:move;-webkit-user-select:none;user-select:none}.floating-window.inactive .window-titlebar{background:gray}.floating-window .window-title{display:flex;align-items:center;gap:4px;color:#fff;font-size:11px;font-weight:700}.floating-window .window-title img{width:16px;height:16px;image-rendering:pixelated}.floating-window .window-controls{display:flex;gap:2px}.floating-window .win-btn{width:16px;height:14px;background:silver;border:1px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;font-size:9px;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.floating-window .win-btn:active{border-color:#808080 #FFFFFF #FFFFFF #808080}.floating-window .window-content{flex:1;padding:8px;background:#fff;margin:3px;border:1px solid;border-color:#808080 #FFFFFF #FFFFFF #808080;overflow:auto}.floating-window .window-statusbar{padding:2px 4px;background:silver;border-top:1px solid #808080;font-size:11px;color:#000}.empty-folder-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:gray;font-size:11px}.folder-grid{display:flex;flex-wrap:wrap;gap:16px;padding:8px}.folder-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;width:70px;cursor:pointer;border:1px solid transparent}.folder-item:hover{background:#316ac5;border:1px dotted #FFFFFF}.folder-item:hover span{color:#fff}.folder-item img{width:32px;height:32px;image-rendering:pixelated}.folder-item span{font-size:11px;color:#000;text-align:center;word-wrap:break-word}.window-navbar{display:flex;align-items:center;gap:4px;padding:2px 4px;background:silver;border-bottom:1px solid #808080}.nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:22px;background:linear-gradient(180deg,#fff,#ece9d8 45%,#d4d0c8);border:1px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;cursor:pointer;font-size:10px;color:#000}.nav-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff,#f0ede1 45%,#e3ded5)}.nav-btn:active:not(:disabled){border-color:#808080 #FFFFFF #FFFFFF #808080}.nav-btn:disabled{color:gray;cursor:default}.address-bar{flex:1;display:flex;align-items:center;gap:4px}.address-bar-label{font-size:11px;color:#000}.address-bar-input{flex:1;height:20px;padding:2px 4px;background:#fff;border:1px solid;border-color:#808080 #FFFFFF #FFFFFF #808080;font-size:11px;font-family:Tahoma,sans-serif}.address-bar-icon{width:16px;height:16px;image-rendering:pixelated}.desktop-icons{position:fixed;top:10px;left:10px;display:flex;flex-direction:column;gap:20px;z-index:0}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px;border:1px solid transparent;width:70px}.desktop-icon:hover{background:#fff3;border:1px dotted #FFFFFF}.desktop-icon.selected{background:#00008080;border:1px dotted #FFFFFF}.desktop-icon img{width:32px;height:32px;image-rendering:pixelated}.desktop-icon-label{font-size:11px;color:#fff;text-shadow:1px 1px 1px #000000;text-align:center;word-wrap:break-word}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#f1efe2;border:1px solid #ACA899}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ece9d8,#d4d0c8,#ece9d8);border:1px outset #FFFFFF;border-right-color:#716f64;border-bottom-color:#716f64}::-webkit-scrollbar-button{background:var(--button-face);border:1px outset #FFFFFF;border-right-color:#716f64;border-bottom-color:#716f64}.app{position:absolute;right:30px;bottom:55px;width:min(85vh,85vw);height:min(85vh,85vw);min-width:350px;min-height:300px;display:flex;flex-direction:column;padding:0 3px 3px;background:silver;border:2px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;box-shadow:2px 2px 8px #0006;overflow:hidden}.resize-handle{position:absolute;background:transparent}.resize-handle.right{top:0;right:-4px;width:8px;height:100%;cursor:ew-resize}.resize-handle.bottom{bottom:-4px;left:0;width:100%;height:8px;cursor:ns-resize}.resize-handle.corner{right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0%,transparent 30%,#FFFFFF 30%,#FFFFFF 35%,#808080 35%,#808080 40%,transparent 40%,transparent 50%,#FFFFFF 50%,#FFFFFF 55%,#808080 55%,#808080 60%,transparent 60%,transparent 70%,#FFFFFF 70%,#FFFFFF 75%,#808080 75%,#808080 80%,transparent 80%);z-index:10}.resize-handle.left{top:0;left:-4px;width:8px;height:100%;cursor:ew-resize}.resize-handle.top{top:-4px;left:0;width:100%;height:8px;cursor:ns-resize}.resize-handle.top-left{top:-4px;left:-4px;width:16px;height:16px;cursor:nwse-resize}.resize-handle.top-right{top:-4px;right:-4px;width:16px;height:16px;cursor:nesw-resize}.resize-handle.bottom-left{bottom:-4px;left:-4px;width:16px;height:16px;cursor:nesw-resize}.header{display:flex;justify-content:space-between;align-items:center;padding:2px 3px;background:navy;border:none;cursor:move;-webkit-user-select:none;user-select:none}.logo{display:flex;align-items:center;gap:4px}.logo-icon{width:16px;height:16px;display:flex;align-items:center}.logo-icon svg{width:100%;height:100%}.logo-text{font-size:11px;font-weight:700;color:#fff;text-shadow:none}.logo-badge{display:none}.window-controls{display:flex;gap:2px}.win-btn{width:16px;height:14px;background:silver;border:1px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;font-size:9px;font-family:Marlett,sans-serif;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.win-btn:active{border-color:#808080 #FFFFFF #FFFFFF #808080}.win-btn span{font-family:Tahoma,sans-serif;font-size:8px;font-weight:700;line-height:1}.steps-nav{display:flex;justify-content:flex-start;gap:2px;padding:2px 4px;background:silver;border-bottom:1px solid #808080;flex-wrap:wrap}.step-btn{display:flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(180deg,#fff,#ece9d8 45%,#d4d0c8);border:1px solid;border-color:var(--button-highlight) var(--button-dark-shadow) var(--button-dark-shadow) var(--button-highlight);border-radius:0;color:#000;font-size:11px;font-weight:400;cursor:pointer;transition:none;position:relative;font-family:Tahoma,sans-serif}.step-btn:disabled{color:gray;cursor:not-allowed;text-shadow:1px 1px 0 #FFFFFF}.step-btn:not(:disabled):hover{background:linear-gradient(180deg,#fff,#f0ede1 45%,#e3ded5)}.step-btn:not(:disabled):active{border-color:var(--button-dark-shadow) var(--button-highlight) var(--button-highlight) var(--button-dark-shadow);background:linear-gradient(180deg,#d4d0c8,#ece9d8)}.step-btn.active{background:linear-gradient(180deg,#d4d0c8,#ece9d8);border-color:var(--button-dark-shadow) var(--button-highlight) var(--button-highlight) var(--button-dark-shadow);color:#000}.step-btn.completed{color:var(--accent-green)}.step-icon{font-size:14px}.step-number{position:absolute;top:-6px;right:-6px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#f90;border:1px solid #996600;border-radius:0;font-size:9px;font-weight:700;color:#000}.step-btn.active .step-number,.step-btn.completed .step-number{background:var(--accent-green);border-color:#060;color:#fff}.main-content{flex:1;padding:8px;background:silver;border:none;max-width:none;margin:0;width:100%;overflow-y:auto;overflow-x:hidden}.step-panel{display:none}.step-panel.active{display:block}.section{background:var(--window-bg);border:2px groove #D4D0C8;border-radius:0;padding:12px;max-width:800px;margin:0 auto;box-shadow:none}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ACA899}.section-title{font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px;color:#039}.section-subtitle{font-size:11px;color:var(--text-secondary);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 16px;border-radius:0;font-size:11px;font-weight:400;cursor:pointer;transition:none;border:2px solid;font-family:Tahoma,sans-serif;min-height:23px}.btn-primary{background:linear-gradient(180deg,#fff,#ece9d8 45%,#d4d0c8);border-color:var(--button-highlight) var(--button-dark-shadow) var(--button-dark-shadow) var(--button-highlight);color:#000}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#f0ede1 45%,#e3ded5);transform:none;box-shadow:none}.btn-primary:active:not(:disabled){border-color:var(--button-dark-shadow) var(--button-highlight) var(--button-highlight) var(--button-dark-shadow);background:linear-gradient(180deg,#d4d0c8,#ece9d8)}.btn-primary:disabled{color:gray;text-shadow:1px 1px 0 #FFFFFF;cursor:not-allowed}.btn-secondary{background:linear-gradient(180deg,#fff,#ece9d8 45%,#d4d0c8);border-color:var(--button-highlight) var(--button-dark-shadow) var(--button-dark-shadow) var(--button-highlight);color:#000}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#f0ede1 45%,#e3ded5)}.btn-secondary:active:not(:disabled){border-color:var(--button-dark-shadow) var(--button-highlight) var(--button-highlight) var(--button-dark-shadow)}.btn-secondary:disabled{color:gray;text-shadow:1px 1px 0 #FFFFFF;cursor:not-allowed}.btn-orange{background:linear-gradient(180deg,#fb5,#f90 45%,#d80);border-color:#FFDD99 #996600 #996600 #FFDD99;color:#000;font-weight:700}.btn-orange:hover:not(:disabled){background:linear-gradient(180deg,#fc7,#fa2 45%,#e90);transform:none;box-shadow:none}.btn-orange:active:not(:disabled){border-color:#996600 #FFDD99 #FFDD99 #996600;background:linear-gradient(180deg,#d80,#f90)}.btn-orange:disabled{color:gray;background:linear-gradient(180deg,#e0e0e0,#d0d0d0);border-color:#FFFFFF #808080 #808080 #FFFFFF;cursor:not-allowed}.section .btn-secondary{background:linear-gradient(180deg,#fff,#ece9d8 45%,#d4d0c8);border-color:var(--button-highlight) var(--button-dark-shadow) var(--button-dark-shadow) var(--button-highlight);color:#000}.section .btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#f0ede1 45%,#e3ded5)}.nav-buttons{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #ACA899}.dialogues-container{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;padding:4px;background:#fff;border:2px inset #ACA899}.dialogue-row{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--field-bg);border:1px solid #ACA899;border-radius:0}.dialogue-row.stewie{border-left:3px solid var(--stewie-color)}.dialogue-row.peter{border-left:3px solid var(--peter-color)}.dialogue-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#d4d0c8;border:1px solid #808080;border-radius:0;font-size:10px;font-weight:700;color:#000;flex-shrink:0}.speaker-toggle{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;background:linear-gradient(180deg,#fff,#ece9d8 45%,#d4d0c8);border:1px solid;border-color:var(--button-highlight) var(--button-dark-shadow) var(--button-dark-shadow) var(--button-highlight);border-radius:0;cursor:pointer;min-width:60px;flex-shrink:0;font-family:Tahoma,sans-serif}.speaker-toggle:hover{background:linear-gradient(180deg,#fff,#f0ede1 45%,#e3ded5)}.speaker-toggle.stewie{border-color:var(--stewie-color);background:linear-gradient(180deg,#fed,#fc9)}.speaker-toggle.peter{border-color:var(--peter-color);background:linear-gradient(180deg,#dfd,#9f9)}.speaker-avatar{font-size:16px}.speaker-name{font-size:9px;font-weight:700;text-transform:uppercase}.speaker-toggle.stewie .speaker-name{color:#930}.speaker-toggle.peter .speaker-name{color:#060}.dialogue-input-container{flex:1;position:relative}.dialogue-input{width:100%;padding:4px 6px;background:#fff;border:2px inset #ACA899;border-radius:0;color:#000;font-size:11px;line-height:1.4;resize:vertical;min-height:50px;font-family:Tahoma,sans-serif}.dialogue-input:focus{outline:none;border-color:var(--accent-blue);background:#ffc}.sample-btn{padding:2px 8px!important;min-width:28px!important;font-size:11px}.dual-inputs{display:flex;gap:6px;flex:1}.dual-inputs .input-column{flex:1;display:flex;flex-direction:column;gap:2px}.dual-inputs .input-label{font-size:9px;font-weight:700;text-transform:uppercase;color:#039}.dual-inputs .input-label.audio{color:#930}.dual-inputs .input-label.caption{color:#060}.dual-inputs .dialogue-input{min-height:40px;font-size:11px}.toggle-container{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--field-bg);border:1px solid #808080;border-radius:0;font-size:11px;cursor:pointer;color:#000}.toggle-container:hover{background:#e0e0e0}.toggle-switch{width:28px;height:14px;background:#d4d0c8;border:2px inset #ACA899;border-radius:0;position:relative;transition:background .1s}.toggle-switch:after{content:"";position:absolute;width:10px;height:10px;background:linear-gradient(180deg,#fff,#d4d0c8);border:1px outset #FFFFFF;border-radius:0;top:0;left:0;transition:left .1s}.toggle-container.active .toggle-switch{background:var(--accent-green)}.toggle-container.active .toggle-switch:after{left:14px}.remove-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#ece9d8);border:1px solid;border-color:var(--button-highlight) var(--button-dark-shadow) var(--button-dark-shadow) var(--button-highlight);border-radius:0;color:#000;font-size:11px;cursor:pointer}.remove-btn:hover{background:linear-gradient(180deg,#fcc,#f99);border-color:#c00}.add-dialogue-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:6px;margin-top:8px;background:linear-gradient(180deg,#fff,#ece9d8);border:2px dashed #808080;border-radius:0;color:#000;font-size:11px;font-weight:400;cursor:pointer;font-family:Tahoma,sans-serif}.add-dialogue-btn:hover{border-color:var(--accent-blue);background:linear-gradient(180deg,#e8f4fc,#d4e8f8)}.voice-selection{margin-bottom:12px;padding:12px;background:var(--field-bg);border:2px groove #D4D0C8;border-radius:0}.voice-selection h3{font-size:11px;font-weight:700;margin-bottom:8px;color:#039}.voice-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.voice-selector{display:flex;flex-direction:column;gap:4px}.voice-selector label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.voice-selector.stewie label{color:#930}.voice-selector.peter label{color:#060}.voice-selector select{padding:4px 6px;background:#fff;border:2px inset #ACA899;border-radius:0;color:#000;font-size:11px;cursor:pointer;font-family:Tahoma,sans-serif}.generate-section{margin-bottom:12px}.generate-btn{width:100%;padding:8px 16px;font-size:11px;min-height:28px}.api-key-section{margin-bottom:12px;padding:10px;background:linear-gradient(180deg,#ffc,#ffa);border:2px solid #999900;border-radius:0}.api-key-section label{display:block;font-size:11px;font-weight:700;margin-bottom:4px;color:#660}.api-key-input{display:flex;gap:4px}.api-key-input input{flex:1;padding:4px 6px;background:#fff;border:2px inset #ACA899;border-radius:0;color:#000;font-size:11px;font-family:Courier New,monospace}.progress-container{margin-top:8px}.progress-bar{height:16px;background:#fff;border:2px inset #ACA899;border-radius:0;overflow:hidden;padding:2px}.progress-fill{height:100%;background:linear-gradient(90deg,#0a0,#0c0,#0a0,#0c0,#0a0);background-size:20px 100%;animation:progress-stripe .5s linear infinite;border-radius:0;transition:width .2s;width:0%}@keyframes progress-stripe{0%{background-position:0 0}to{background-position:20px 0}}.progress-text{margin-top:4px;font-size:11px;color:#000;text-align:center}.audio-list{background:#fff;border:2px inset #ACA899;border-radius:0;overflow:hidden;margin-top:12px}.audio-list-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:linear-gradient(180deg,#f5f4ea,#ece9d8);border-bottom:1px solid #ACA899}.audio-list-header h3{font-size:11px;font-weight:700;color:#039}.total-duration{font-size:11px;color:#060;font-weight:700}.audio-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #D4D0C8;background:#fff}.audio-item:last-child{border-bottom:none}.audio-item:nth-child(2n){background:#f5f5f5}.audio-item.stewie{border-left:3px solid var(--stewie-color)}.audio-item.peter{border-left:3px solid var(--peter-color)}.audio-index{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#d4d0c8;border:1px solid #808080;border-radius:0;font-size:9px;font-weight:700;color:#000}.audio-speaker{font-size:14px}.audio-text{flex:1;font-size:11px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-text-input{flex:1;font-size:11px;color:#000;background:#fff;border:2px inset #ACA899;border-radius:0;padding:2px 4px;font-family:Tahoma,sans-serif}.audio-text-input:focus{outline:none;background:#ffc}.audio-duration{font-size:10px;color:#666;font-family:Courier New,monospace}.play-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0c0,#090);border:1px solid;border-color:#00FF00 #006600 #006600 #00FF00;border-radius:0;color:#fff;font-size:10px;cursor:pointer;font-weight:700}.play-btn:hover{background:linear-gradient(180deg,#0e0,#0a0)}.play-btn:active{border-color:#006600 #00FF00 #00FF00 #006600}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.ratio-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px;background:linear-gradient(180deg,#fff,#f0f0f0);border:2px solid;border-color:var(--button-highlight) var(--button-dark-shadow) var(--button-dark-shadow) var(--button-highlight);border-radius:0;cursor:pointer;font-family:Tahoma,sans-serif;color:#000}.ratio-card:hover{background:linear-gradient(180deg,#fff,#e8f4fc)}.ratio-card.selected{border-color:var(--accent-blue);background:linear-gradient(180deg,#e8f4fc,#cce8ff);border-width:3px}.ratio-preview-container{width:100%;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.ratio-preview{background:#d4d0c8;border:2px inset #ACA899;border-radius:0;display:flex;align-items:center;justify-content:center}.ratio-icon{font-size:18px;font-weight:700;color:#666}.ratio-info{text-align:center}.ratio-label{font-size:14px;font-weight:700;margin-bottom:2px;color:#039}.ratio-description{font-size:10px;color:#666;margin-bottom:2px}.ratio-dimensions{font-size:9px;font-family:Courier New,monospace;color:gray}.selected-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--accent-green);border:1px solid #006600;border-radius:0;color:#fff;font-size:12px;font-weight:700}.export-step{display:grid;grid-template-columns:1fr 280px;gap:12px;max-width:900px;margin:0 auto}.video-preview{background:var(--window-bg);border:2px groove #D4D0C8;border-radius:0;padding:10px;display:flex;flex-direction:column;align-items:center}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;width:100%;padding-bottom:6px;border-bottom:1px solid #ACA899}.preview-header h3{font-size:11px;font-weight:700;color:#039}.preview-ratio{padding:2px 6px;background:#d4d0c8;border:1px solid #808080;border-radius:0;font-size:10px;font-family:Courier New,monospace;color:#000}.preview-container{display:flex;align-items:center;justify-content:center;width:350px;height:350px;background:#000;border:2px inset #ACA899;border-radius:0;overflow:hidden}#previewCanvas{max-width:100%;max-height:100%;border-radius:0;box-shadow:none}.preview-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px;background:linear-gradient(180deg,#f5f4ea,#ece9d8);border:2px groove #D4D0C8;border-radius:0;width:100%;box-sizing:border-box}.control-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#ece9d8);border:2px solid;border-color:var(--button-highlight) var(--button-dark-shadow) var(--button-dark-shadow) var(--button-highlight);border-radius:0;color:#000;font-size:12px;cursor:pointer}.control-btn:hover{background:linear-gradient(180deg,#fff,#f0ede1)}.control-btn:active{border-color:var(--button-dark-shadow) var(--button-highlight) var(--button-highlight) var(--button-dark-shadow)}.control-btn.play-control{width:36px;height:36px;background:linear-gradient(180deg,#0c0,#090);border-color:#00FF00 #006600 #006600 #00FF00;color:#fff;font-size:14px;font-weight:700}.time-display{font-size:11px;font-family:Courier New,monospace;color:#000;min-width:70px;text-align:center;background:#000;color:#0f0;padding:2px 6px;border:2px inset #ACA899}.preview-progress{height:16px;background:#fff;border:2px inset #ACA899;border-radius:0;margin-top:8px;cursor:pointer;overflow:hidden;width:100%;padding:2px}.preview-progress-fill{height:100%;background:linear-gradient(90deg,#06c,#09f,#06c);border-radius:0;width:0%}.export-panel{background:var(--window-bg);border:2px groove #D4D0C8;border-radius:0;padding:12px;display:flex;flex-direction:column;gap:12px}.export-panel h3{font-size:11px;font-weight:700;color:#039;border-bottom:1px solid #ACA899;padding-bottom:4px}.export-info{display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border:2px inset #ACA899;border-radius:0}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:11px;color:#666}.info-value{font-size:11px;font-weight:700;font-family:Courier New,monospace;color:#000}.export-btn{width:100%;padding:8px 16px;font-size:11px;min-height:28px}.spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:4px;margin-bottom:12px;background:#fef2f2;border:1px solid #FECACA;color:#b91c1c;font-size:13px;font-weight:500}@media (max-width: 900px){.export-step,.ratio-grid,.voice-selectors{grid-template-columns:1fr}}button:focus,input:focus,select:focus,textarea:focus{outline:1px dotted #000000;outline-offset:-3px}a{color:#06c;text-decoration:underline}a:hover{color:#39f}a:visited{color:purple}.video-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;justify-content:center;align-items:center}.video-modal-overlay.active{display:flex}.video-popup-window{background:#ece9d8;border:3px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;box-shadow:4px 4px 10px #00000080,inset 1px 1px #dfdfdf;max-width:420px;width:90%;animation:popup-open .2s ease-out}@keyframes popup-open{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.video-popup-titlebar{display:flex;justify-content:space-between;align-items:center;padding:2px 3px;background:navy;cursor:default;-webkit-user-select:none;user-select:none}.video-popup-title{display:flex;align-items:center;gap:4px;color:#fff;font-size:11px;font-weight:700;text-shadow:none}.video-popup-title-icon{width:16px;height:16px;background:silver;border:1px solid #808080;display:flex;align-items:center;justify-content:center;font-size:10px;color:navy}.video-popup-close{width:16px;height:14px;background:silver;border:1px solid;border-color:#FFFFFF #808080 #808080 #FFFFFF;color:#000;font-size:9px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Tahoma,sans-serif}.video-popup-close:hover{background:#d4d0c8}.video-popup-close:active{border-color:#808080 #FFFFFF #FFFFFF #808080}.video-popup-menubar{display:flex;gap:0;padding:2px 4px;background:silver;border-bottom:1px solid #808080;font-size:11px}.video-popup-menu-item{padding:2px 8px;cursor:default}.video-popup-menu-item:hover{background:#316ac5;color:#fff}.video-popup-content{padding:0;background:#000}.video-popup-screen{width:100%;aspect-ratio:1/1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-popup-canvas{max-width:100%;max-height:100%}.video-popup-controls{background:linear-gradient(180deg,#3c3c3c,#1e1e1e,#2a2a2a);padding:6px 8px;display:flex;flex-direction:column;gap:4px}.video-popup-progress-container{width:100%;height:10px;background:#000;border:1px inset #333333;position:relative;cursor:pointer}.video-popup-progress-fill{height:100%;background:linear-gradient(90deg,#69c,#9cf,#69c);width:0%}.video-popup-buttons{display:flex;align-items:center;justify-content:center;gap:2px}.video-popup-btn{width:28px;height:22px;background:linear-gradient(180deg,#5a5a5a,#3a3a3a,#4a4a4a);border:1px solid;border-color:#6A6A6A #2A2A2A #2A2A2A #6A6A6A;color:#ccc;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-popup-btn:hover{background:linear-gradient(180deg,#6a6a6a,#4a4a4a,#5a5a5a);color:#fff}.video-popup-btn:active{border-color:#2A2A2A #6A6A6A #6A6A6A #2A2A2A}.video-popup-btn.play-btn-large{width:36px;height:26px;font-size:12px}.video-popup-time{color:#0f0;font-family:Courier New,monospace;font-size:10px;background:#000;padding:2px 6px;border:1px inset #333333;margin-left:auto}.video-popup-volume{display:flex;align-items:center;gap:4px;margin-left:8px}.video-popup-volume-icon{color:#aaa;font-size:10px}.video-popup-volume-slider{width:50px;height:6px;background:#000;border:1px inset #333333;position:relative}.video-popup-volume-fill{height:100%;background:linear-gradient(90deg,#0a0,#0f0);width:70%}.video-popup-statusbar{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;background:#ece9d8;border-top:1px solid #ACA899;font-size:10px;color:#666}.video-popup-status-text{display:flex;align-items:center;gap:4px}.video-popup-status-text:before{content:"";width:8px;height:8px;background:#0a0;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.video-preview.hidden-for-popup{visibility:hidden}.open-preview-btn{width:100%;padding:40px 20px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:2px inset #ACA899;color:#aaa;font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:Tahoma,sans-serif}.open-preview-btn:hover{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);color:#fff}.open-preview-btn-icon{font-size:32px}