:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}body{margin:0;display:block;min-width:320px;min-height:100vh}#root{width:100%;height:100%}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}button:hover{opacity:.8}button:focus{outline:none}a{color:inherit;text-decoration:none}a:hover{opacity:.8}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.window{position:absolute;background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition),border var(--transition);z-index:10}.window.active{box-shadow:0 8px 32px var(--color-shadow),0 0 0 2px var(--color-accent);border-color:var(--color-accent)}.window.focused{border-color:#fff6;box-shadow:0 12px 40px #0006}.window.maximized{border-radius:0;border:none}.window-header{display:flex;align-items:center;background:linear-gradient(90deg,var(--color-bg-alt) 80%,var(--color-accent) 100%);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-main);font-size:var(--font-size-base);font-weight:500;border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;cursor:move;transition:background var(--transition)}.window-header .window-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-content{flex:1;background:var(--color-bg);color:var(--color-text);padding:var(--spacing-md);overflow:auto}.window-resize-handle{position:absolute;background:transparent;z-index:10}.window-resize-handle.n{top:0;left:8px;right:8px;height:4px;cursor:n-resize}.window-resize-handle.s{bottom:0;left:8px;right:8px;height:4px;cursor:s-resize}.window-resize-handle.e{top:8px;right:0;bottom:8px;width:4px;cursor:e-resize}.window-resize-handle.w{top:8px;left:0;bottom:8px;width:4px;cursor:w-resize}.window-resize-handle.ne{top:0;right:0;width:8px;height:8px;cursor:ne-resize}.window-resize-handle.nw{top:0;left:0;width:8px;height:8px;cursor:nw-resize}.window-resize-handle.se{bottom:0;right:0;width:8px;height:8px;cursor:se-resize}.window-resize-handle.sw{bottom:0;left:0;width:8px;height:8px;cursor:sw-resize}.window-resize-handle:hover{background:#ffffff1a}@keyframes windowFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.window{animation:windowFadeIn .2s ease-out}.window{transition:border-color .2s ease,box-shadow .2s ease,z-index 0s}.window-content::-webkit-scrollbar{width:8px;height:8px}.window-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.window-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.window-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.window-controls{display:flex;gap:var(--spacing-xs)}.window-control{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.window-control:hover,.window-control:focus{background:var(--color-accent);color:var(--color-text);box-shadow:0 2px 8px var(--color-shadow);outline:none}.window-control:active{background:var(--color-accent-hover)}.window-control.close:hover{background:#ff3b30cc;color:#fff}.window-control.close:active{background:#ff3b30}.window-control.minimize:hover{background:#fc03;color:#ffcc00e6}.window-control.maximize:hover{background:#34c75933;color:#34c759e6}.window-control:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:1px}.window-control svg{width:12px;height:12px;fill:currentColor;stroke:currentColor}.window-control:disabled{opacity:.3;cursor:not-allowed}.window-control:disabled:hover{background:transparent;color:#ffffff4d}.window-manager{position:relative;width:100vw;height:100vh;z-index:50000}.window-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#20212440;z-index:100;pointer-events:none}.window-snap-highlight{position:absolute;border:2px dashed var(--color-accent);background:#0078d414;border-radius:var(--radius);z-index:101}.window-manager *{pointer-events:auto}.window-manager:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.window-manager .window{pointer-events:auto}.window-manager-context{position:relative;z-index:1}*{box-sizing:border-box}.auth-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,serif;padding:20px;margin:0;overflow-y:auto}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(25,25,35,.8) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(35,25,45,.6) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(15,15,25,.9) 0%,transparent 80%);background-size:800px 800px,600px 600px,1200px 1200px;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{background-position:0% 0%,100% 100%,50% 50%}50%{background-position:100% 0%,0% 100%,25% 75%}}.auth-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid #333;border-radius:12px;padding:32px 40px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff0d;position:relative;z-index:1;animation:cardEntrance .8s cubic-bezier(.4,0,.2,1)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#555,transparent)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.logo-emblem{width:50px;height:50px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 8px 16px #0000004d,inset 0 2px 4px #ffffff1a;position:relative}.logo-emblem:after{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.logo-symbol{font-size:20px;color:#e0e0e0;text-shadow:0 0 10px rgba(255,255,255,.3)}.brand-title{font-size:24px;font-weight:300;color:#f0f0f0;margin:0;letter-spacing:2px;text-transform:uppercase;font-family:Arial,sans-serif}.auth-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,#555,transparent);margin:20px auto}.auth-title{font-size:20px;font-weight:400;color:#d0d0d0;margin:0 0 6px;letter-spacing:.5px}.auth-subtitle{font-size:14px;color:#888;margin:0;font-style:italic}.auth-form{display:flex;flex-direction:column;gap:20px}.alert{border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:14px;border:1px solid;animation:alertSlide .3s ease-out}@keyframes alertSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#781b0026;border-color:#dc26264d;color:#fca5a5}.alert-success{background:#052e1626;border-color:#22c55e4d;color:#86efac}.alert-icon{font-size:16px;font-weight:700;min-width:16px}.alert-content{flex:1}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:500;color:#b0b0b0;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.input-wrapper{position:relative}.form-input{width:100%;background:transparent;border:none;border-bottom:2px solid #333;padding:12px 0;color:#e0e0e0;font-size:16px;font-family:inherit;transition:all .3s ease;outline:none}.form-input::placeholder{color:#666;font-style:italic}.form-input:focus{border-bottom-color:#555}.form-input:focus+.input-underline{transform:scaleX(1)}.form-input:disabled{opacity:.5;cursor:not-allowed}.input-underline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#666,#999,#666);transform:scaleX(0);transition:transform .3s ease;transform-origin:center}.auth-button{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:8px;padding:14px 24px;color:#e0e0e0;font-size:16px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.auth-button:hover:not(:disabled){border-color:#555;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button.loading{color:#aaa}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top:2px solid #e0e0e0;border-radius:50%;animation:spin 1s linear infinite}.button-arrow{font-size:18px;transition:transform .3s ease}.auth-button:hover .button-arrow{transform:translate(4px)}.auth-footer{margin-top:24px;text-align:center}.footer-divider{width:100px;height:1px;background:linear-gradient(90deg,transparent,#333,transparent);margin:0 auto 20px}.auth-switch{color:#888;font-size:14px;margin:0}.auth-link{color:#b0b0b0;text-decoration:none;font-weight:500;transition:color .3s ease;border-bottom:1px solid transparent}.auth-link:hover{color:#e0e0e0;border-bottom-color:#e0e0e0}@media (max-width: 480px){.auth-container{padding:12px}.auth-card{padding:24px 20px;max-width:100%;max-height:95vh}.brand-title{font-size:20px}.auth-title{font-size:18px}.logo-emblem{width:45px;height:45px}.logo-symbol{font-size:18px}.auth-header{margin-bottom:24px}.auth-form{gap:16px}}.form-options{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.checkbox-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #444;border-radius:3px;background:transparent;position:relative;transition:all .3s ease}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#666}.checkbox-input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e0e0e0;font-size:12px;font-weight:700}.checkbox-label{font-size:14px;color:#b0b0b0}.forgot-link{font-size:14px;color:#888;text-decoration:none;transition:color .3s ease;border-bottom:1px solid transparent}.forgot-link:hover{color:#b0b0b0;border-bottom-color:#b0b0b0}@media (max-width: 480px){.form-options{flex-direction:column;gap:12px;align-items:flex-start}}@media (max-width: 360px){.auth-card{padding:24px 20px}.form-field{gap:20px}}.protected-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000;margin:0;padding:0;box-sizing:border-box}.protected-form-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px}.protected-toggle-link{margin-top:20px;text-align:center;color:#fff;z-index:10001;position:relative}.protected-toggle-link button{color:#764ba2;background:none;border:none;cursor:pointer;text-decoration:underline;font-size:1em;padding:0}.auth-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;color:#fff}.auth-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.auth-loading p{font-size:16px;color:#fffc;margin:0}.user-menu-standalone{position:fixed;top:20px;right:20px;z-index:10001;height:40px;display:flex;align-items:center;justify-content:center}.user-menu-standalone .user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease}.user-menu-standalone .user-avatar:hover{border-color:#fff9;transform:scale(1.05)}.user-menu-standalone .user-dropdown{position:absolute;top:100%;right:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 0;min-width:200px;box-shadow:0 8px 32px #0000004d;margin-top:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:10002}.user-menu-standalone .user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-standalone .user-dropdown-item{padding:8px 16px;color:#ffffffe6;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.user-menu-standalone .user-dropdown-item:hover{background:#ffffff1a}.user-menu-standalone .user-dropdown-item.logout{color:#ff6b6b;border-top:1px solid rgba(255,255,255,.1);margin-top:4px}.user-menu-standalone .user-dropdown-item.logout:hover{background:#ff6b6b1a}.user-menu-standalone .user-info{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px}.user-menu-standalone .user-name{font-weight:600;color:#fff;font-size:14px}.user-menu-standalone .user-email{color:#fff9;font-size:12px;margin-top:2px}.desktop{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;padding-bottom:48px;box-sizing:border-box}.desktop-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e3c72,#2a5298);z-index:-1}.desktop-icon{position:absolute;display:flex;flex-direction:column;align-items:center;width:80px;padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s ease;z-index:100}.desktop-icon:hover{background-color:#ffffff1a}.desktop-icon.selected{background-color:#0078d74d;border:1px solid rgba(0,120,215,.5)}.desktop-icon.dragging{opacity:.8;transform:scale(.95);z-index:1000}.desktop-icon-image{font-size:32px;margin-bottom:4px;pointer-events:none}.desktop-icon-name{font-size:12px;color:#fff;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.2;word-wrap:break-word;max-width:70px;pointer-events:none}.desktop-loading,.desktop-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:1000}.desktop-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.desktop-loading p,.desktop-error p{margin:0;font-size:16px;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.desktop-error button{margin-top:12px;padding:8px 16px;background:#0078d7cc;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .2s ease}.desktop-error button:hover{background:#0078d7}.context-menu{position:fixed;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 8px 32px #0006;z-index:10001;min-width:180px;padding:4px 0;animation:contextMenuAppear .15s ease-out}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#fff;font-size:13px;cursor:pointer;transition:background-color .15s ease;border:none;background:transparent;width:100%;text-align:left}.context-menu-item:hover{background:#ffffff1a}.context-menu-item:active{background:#fff3}.context-menu-separator{height:1px;background:#ffffff1a;margin:4px 0}.wallpaper-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002}.wallpaper-modal-content{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;max-width:500px;width:90%;color:#fff;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.wallpaper-modal h3{margin:0 0 20px;font-size:18px;font-weight:600}.wallpaper-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.wallpaper-option{aspect-ratio:16/9;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background-size:cover;background-position:center;overflow:hidden;position:relative}.wallpaper-option:hover{border-color:#0078d780;transform:scale(1.02)}.wallpaper-option.selected{border-color:#0078d4;box-shadow:0 0 0 1px #0078d4}.wallpaper-option.solid-color{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;text-align:center;color:#ffffffe6}.wallpaper-modal-actions{display:flex;gap:12px;justify-content:flex-end}.wallpaper-modal-actions button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.wallpaper-modal-actions .btn-primary{background:#0078d4;color:#fff}.wallpaper-modal-actions .btn-primary:hover{background:#106ebe}.wallpaper-modal-actions .btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.wallpaper-modal-actions .btn-secondary:hover{background:#ffffff1a}@media (max-width: 768px){.desktop-icon{width:70px;padding:6px}.desktop-icon-image{font-size:28px}.desktop-icon-name{font-size:11px;max-width:60px}.wallpaper-modal-content{padding:20px;margin:20px}.wallpaper-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}}.desktop.dragging{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.desktop .taskbar{z-index:10000}.window-container{max-height:calc(100vh - 48px);overflow:hidden}.desktop-icon{position:absolute;display:flex;flex-direction:column;align-items:center;width:90px;padding:var(--spacing-sm) 0;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:var(--radius);transition:background var(--transition),box-shadow var(--transition),border var(--transition);z-index:2}.desktop-icon:hover,.desktop-icon:focus{background:var(--color-bg-alt);box-shadow:0 2px 8px var(--color-shadow);outline:none}.desktop-icon.selected{background:var(--color-accent);color:var(--color-text);box-shadow:0 4px 16px var(--color-shadow)}.desktop-icon-icon{font-size:2.2rem;margin-bottom:var(--spacing-xs);text-shadow:0 1px 2px var(--color-shadow)}.desktop-icon-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;padding:0 var(--spacing-xs);border-radius:var(--radius);margin-top:var(--spacing-xs);word-break:break-word;transition:color var(--transition),background var(--transition)}.desktop-icon.selected .desktop-icon-label{color:var(--color-text);background:#00000026}.desktop-icon.dragging{opacity:.8;transform:scale(1.1);z-index:1000;pointer-events:none}.icon-image{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.icon-emoji{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.desktop-icon.selected .icon-label{background-color:#007bffcc;padding:2px 6px;border-radius:4px;color:#fff}.desktop-icon.dragging .icon-image{transform:rotate(5deg)}.desktop-icon:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.desktop-icon *{transition:all .2s ease}.context-menu{position:fixed;background:#282828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 0;min-width:200px;box-shadow:0 8px 32px #0000004d;z-index:10000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#fff}.context-menu-item-with-submenu{position:relative}.context-submenu{position:absolute;left:100%;top:0;background:#282828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 0;min-width:150px;box-shadow:0 8px 32px #0000004d;opacity:0;visibility:hidden;transform:translate(-10px);transition:all .2s ease}.context-menu-item-with-submenu:hover .context-submenu{opacity:1;visibility:visible;transform:translate(0)}.context-menu{animation:contextMenuFadeIn .15s ease-out}.context-menu-separator{height:1px;background-color:var(--color-border, #333);margin:4px 8px;opacity:.5}.context-menu-item-content:hover{background-color:var(--color-accent, #007acc);color:var(--color-text, #ffffff)}.context-menu-item-content:has(.context-menu-icon:is([title=🖼️],[title=🎨])){position:relative}.context-menu-item-content:has(.context-menu-icon:is([title=🖼️],[title=🎨])):hover{background:linear-gradient(135deg,var(--color-accent, #007acc),var(--color-accent-hover, #005a9e))}.context-menu-item-content .context-menu-icon{display:inline-block;width:20px;text-align:center}.context-menu-item-content:hover .context-menu-icon{transform:scale(1.1);transition:transform .2s ease}.taskbar{position:fixed;bottom:0;left:0;right:0;height:48px;background:linear-gradient(to bottom,#1e1e1ef2,#141414fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;z-index:10000;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#fff;box-shadow:0 -2px 10px #0000004d}.taskbar-section{display:flex;align-items:center;height:100%}.taskbar-start{position:relative;flex-shrink:0}.start-button{width:48px;height:48px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff}.start-button:hover{background:#ffffff1a}.start-button.active{background:#0078d74d}.start-icon{font-size:16px;font-weight:300}.start-menu{position:absolute;bottom:48px;left:0;width:320px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #0006;animation:slideUp .2s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.start-menu-header{padding:16px;background:linear-gradient(135deg,#0078d733,#0064c81a);border-bottom:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0078d4,#106ebe);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.username{font-weight:500;font-size:14px}.start-menu-content{padding:16px;max-height:400px;overflow-y:auto}.start-menu-section{margin-bottom:20px}.start-menu-section:last-child{margin-bottom:0}.start-menu-section h4{margin:0 0 12px;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.app-tile{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#fff;text-align:center}.app-tile:hover{background:#ffffff1a;transform:translateY(-1px)}.app-icon{font-size:24px;margin-bottom:4px}.app-name{font-size:11px;font-weight:400;line-height:1.2}.quick-actions{display:flex;flex-direction:column;gap:4px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;transition:all .2s ease}.quick-action-btn:hover{background:#ffffff1a}.taskbar-apps{flex:1;display:flex;align-items:center;gap:2px;padding:0 8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.taskbar-apps::-webkit-scrollbar{display:none}.taskbar-app{position:relative;display:flex;align-items:center;gap:6px;padding:6px 12px;min-width:160px;max-width:200px;height:36px;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden}.taskbar-app:hover{background:#ffffff1a}.taskbar-app.active{background:#0078d74d;border-bottom:2px solid #0078d4}.taskbar-app.minimized{opacity:.6}.taskbar-app .app-icon{font-size:16px;flex-shrink:0}.taskbar-app .app-title{font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.active-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:2px;background:#0078d4;border-radius:1px}.taskbar-system{display:flex;align-items:center;gap:8px;padding-right:8px;flex-shrink:0}.system-icons{display:flex;align-items:center;gap:4px}.system-icon{width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.system-icon:hover{background:#ffffff1a}.taskbar-clock{display:flex;flex-direction:column;align-items:center;padding:4px 8px;cursor:pointer;border-radius:4px;transition:all .2s ease;min-width:80px;text-align:center}.taskbar-clock:hover{background:#ffffff1a}.time{font-size:13px;font-weight:400;line-height:1}.date{font-size:11px;font-weight:400;opacity:.8;line-height:1}.user-section{position:relative}.user-button{width:32px;height:32px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;overflow:hidden}.user-button:hover{background:#ffffff1a}.user-button.active{background:#0078d74d}.user-avatar-small{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#0078d4,#106ebe);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:#fff;margin:0 auto}.user-menu{position:absolute;bottom:48px;right:0;width:240px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #0006;animation:slideUp .2s ease-out;overflow:hidden}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#0078d733,#0064c81a);border-bottom:1px solid rgba(255,255,255,.1)}.user-details{flex:1;min-width:0}.user-details .username{font-weight:500;font-size:14px;margin-bottom:2px}.user-email{font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-actions{padding:8px}.user-menu-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;text-align:left;transition:all .2s ease}.user-menu-btn:hover{background:#ffffff1a}.user-menu-btn.logout-btn:hover{background:#dc354533}.user-menu-divider{border:none;height:1px;background:#ffffff1a;margin:8px 0}@media (max-width: 768px){.taskbar-app{min-width:100px;max-width:120px}.taskbar-app .app-title{font-size:12px}.start-menu{width:280px}.app-grid{grid-template-columns:repeat(2,1fr)}.system-icons{gap:2px}.taskbar-clock{min-width:70px;padding:4px 6px}.time{font-size:12px}.date{font-size:10px}}.start-menu-content::-webkit-scrollbar,.user-menu::-webkit-scrollbar{width:6px}.start-menu-content::-webkit-scrollbar-track,.user-menu::-webkit-scrollbar-track{background:transparent}.start-menu-content::-webkit-scrollbar-thumb,.user-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.start-menu-content::-webkit-scrollbar-thumb:hover,.user-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.notepad-app{display:flex;flex-direction:column;height:100%;background:var(--window-bg);border-radius:8px;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notepad-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid rgba(255,255,255,.1);min-height:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar-section{display:flex;align-items:center;gap:8px}.toolbar-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.toolbar-button:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.toolbar-button:active{transform:translateY(0);box-shadow:0 2px 6px #3498db4d}.toolbar-select{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:100px}.toolbar-select:hover{background:linear-gradient(135deg,#2c3e50,#243342);border-color:#ffffff4d}.toolbar-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.toolbar-select option{background:#2c3e50;color:#fff;padding:8px}.notepad-editor-container{flex:1;position:relative;overflow:hidden;background:#1e1e1e;border-radius:0 0 8px 8px}.notepad-editor-container .monaco-editor{border-radius:0 0 8px 8px}.notepad-statusbar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:linear-gradient(135deg,#34495e,#2c3e50);border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#bdc3c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:24px}.status-item{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.notepad-editor-container .monaco-editor .margin{background:#252526!important}.notepad-editor-container .monaco-editor .monaco-editor-background{background:#1e1e1e!important}.notepad-editor-container .monaco-editor .scrollbar .slider{background:#ffffff1a!important}.notepad-editor-container .monaco-editor .scrollbar .slider:hover{background:#fff3!important}.notepad-editor-container .monaco-editor .minimap{background:#252526!important}@media (max-width: 768px){.notepad-toolbar{flex-direction:column;gap:8px;padding:12px}.toolbar-section{width:100%;justify-content:center}.toolbar-select{min-width:80px;font-size:11px}.notepad-statusbar{flex-direction:column;gap:4px;padding:8px 12px}.status-item{font-size:10px}}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.toolbar-button:focus{animation:buttonPulse .3s ease}.notepad-app::-webkit-scrollbar{width:8px;height:8px}.notepad-app::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.notepad-app::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.notepad-app::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.notepad-editor-container .monaco-editor.loading{display:flex;align-items:center;justify-content:center;background:#1e1e1e;color:#bdc3c7;font-size:14px}.notepad-app.error{border:2px solid #e74c3c}.error-message{background:#e74c3c;color:#fff;padding:8px 12px;border-radius:4px;margin:8px;font-size:12px;text-align:center}.toolbar-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-checkbox input[type=checkbox]{cursor:pointer}.status-item.auto-save{color:#0078d4;font-weight:500}.status-item.modified{color:#f59e0b;font-weight:600}.status-item.saving{color:#3b82f6;animation:pulse 1.5s ease-in-out infinite}.save-status{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500}.toolbar-section{display:flex;align-items:center;gap:8px;padding:0 8px}.toolbar-section:not(:last-child):after{content:"";width:1px;height:20px;background-color:#e5e5e5;margin-left:8px}.notepad-app[data-theme=dark] .toolbar-checkbox{color:#ccc}.notepad-app[data-theme=dark] .toolbar-section:not(:last-child):after{background-color:#444}.toolbar-button:disabled{opacity:.6;cursor:not-allowed}.status-item:before{margin-right:4px}.status-item.modified:before{content:"●";color:#f59e0b}.status-item.saving:before{content:"⏳"}.status-item.auto-save:before{content:"🔄"}.auth-status{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500;display:flex;align-items:center;gap:4px}.auth-status.authenticated{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.auth-status.not-authenticated{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.save-status{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-item.auth-warning{color:#dc2626;font-weight:500;animation:pulse 2s ease-in-out infinite}.toolbar-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999}.toolbar-button:disabled:hover{background:#f5f5f5;transform:none}.toolbar-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.toolbar-checkbox:has(input:disabled){opacity:.5;cursor:not-allowed}.toolbar-button[title*="Login required"]{position:relative}.toolbar-button[title*="Login required"]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;margin-bottom:4px}.toolbar-button[title*="Login required"]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1f2937;z-index:1000}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.notepad-app[data-theme=dark] .auth-status.authenticated{background:#065f46;color:#10b981;border-color:#047857}.notepad-app[data-theme=dark] .auth-status.not-authenticated{background:#7f1d1d;color:#ef4444;border-color:#991b1b}.notepad-app[data-theme=dark] .toolbar-button:disabled{background:#374151;color:#6b7280}@media (max-width: 768px){.auth-status{font-size:11px;padding:3px 6px}.save-status{font-size:11px;max-width:150px}.toolbar-checkbox{font-size:11px}}.file-tree{height:100%;display:flex;flex-direction:column}.tree-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#28282880}.tree-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.tree-content{flex:1;padding:8px 0;overflow-y:auto}.tree-item-container{position:relative}.tree-item{display:flex;align-items:center;padding:6px 16px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.tree-item:hover{background:#ffffff1a}.tree-item.current{background:#667eea4d;border-right:3px solid #667eea}.tree-item-content{display:flex;align-items:center;gap:8px;width:100%}.expand-button{width:16px;height:16px;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:color .2s ease}.expand-button:hover{color:#fff}.expand-button.hidden{visibility:hidden}.tree-item-icon{font-size:16px;width:20px;text-align:center}.tree-item-name{flex:1;font-size:14px;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-children{position:relative}.tree-children:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:#ffffff1a}.tree-content::-webkit-scrollbar{width:6px}.tree-content::-webkit-scrollbar-track{background:transparent}.tree-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tree-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.file-grid{flex:1;overflow:auto;padding:16px}.file-grid.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;align-content:start}.grid-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-align:center;min-height:100px}.grid-item:hover{background:#ffffff1a;transform:translateY(-2px)}.grid-item.selected{background:#667eea4d;border:2px solid #667eea}.grid-item-icon{font-size:48px;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.grid-item-name{font-size:12px;color:#ffffffe6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.grid-item-details{margin-top:4px;font-size:10px;color:#fff9;display:flex;flex-direction:column;gap:2px}.file-grid.list-view{display:flex;flex-direction:column}.list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:16px;padding:12px 16px;background:#28282880;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;font-size:14px;color:#fffc}.list-header-name{display:flex;align-items:center;gap:8px}.list-content{flex:1}.list-item{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:16px;padding:12px 16px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.05)}.list-item:hover{background:#ffffff0d}.list-item.selected{background:#667eea33}.list-item-name{display:flex;align-items:center;gap:12px;color:#ffffffe6}.list-item-icon{font-size:20px;width:24px;text-align:center}.list-item-type,.list-item-size,.list-item-date{color:#ffffffb3;font-size:14px;display:flex;align-items:center}.edit-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 8px;color:#fff;font-size:inherit;font-family:inherit;outline:none;text-selectable}.edit-input:focus{border-color:#667eea;background:#ffffff26}.file-grid::-webkit-scrollbar{width:8px;height:8px}.file-grid::-webkit-scrollbar-track{background:#ffffff0d}.file-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.file-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.file-grid.grid-view{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.list-header,.list-item{grid-template-columns:2fr 1fr 1fr}.list-header-date,.list-item-date{display:none}}.file-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#282828e6;border-bottom:1px solid rgba(255,255,255,.1);gap:16px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-center{flex:1;display:flex;justify-content:center}.toolbar-button{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;gap:6px;min-width:0}.toolbar-button:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.toolbar-button:active:not(:disabled){transform:translateY(0)}.toolbar-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.toolbar-button.active{background:#667eea4d;border-color:#667eea;color:#fff}.toolbar-button.danger{background:#ff3b3033;border-color:#ff3b304d;color:#ff6b6b}.toolbar-button.danger:hover:not(:disabled){background:#ff3b304d;border-color:#ff3b3080}.toolbar-select{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:14px;outline:none}.toolbar-select:focus{border-color:#667eea;background:#ffffff26}.toolbar-select option{background:#2d2d2d;color:#fff}.view-mode-toggle{display:flex;gap:2px}.view-mode-toggle .toolbar-button{padding:8px;min-width:36px;justify-content:center}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#fffc}.breadcrumb-item{cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:4px}.breadcrumb-item:hover{background:#ffffff1a;color:#fff}.breadcrumb-separator{color:#fff6;font-size:12px}.create-dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.create-dialog{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:24px;min-width:300px;box-shadow:0 20px 60px #0000004d}.create-dialog h3{margin:0 0 20px;color:#fff;font-size:18px}.create-type-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.create-type-selector label{display:flex;align-items:center;gap:8px;color:#ffffffe6;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease}.create-type-selector label:hover{background:#ffffff1a}.create-type-selector input[type=radio]{margin:0}.create-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.create-input-group label{color:#ffffffe6;font-size:14px}.create-input-group input{padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;outline:none;text-selectable}.create-input-group input:focus{border-color:#667eea;background:#ffffff26}.create-input-group input::placeholder{color:#ffffff80}.create-dialog-buttons{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.file-toolbar{flex-direction:column;gap:12px;padding:12px}.toolbar-center{order:-1;width:100%}.breadcrumb{justify-content:center;flex-wrap:wrap}.toolbar-left,.toolbar-right{width:100%;justify-content:center;flex-wrap:wrap}}.file-context-menu{position:fixed;background:#282828f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 0;min-width:200px;box-shadow:0 8px 32px #0000004d;z-index:10000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#fff;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{position:relative;cursor:pointer}.context-menu-item-content{display:flex;align-items:center;padding:8px 16px;transition:background-color .2s ease;border-radius:4px;margin:0 4px}.context-menu-item-content:hover{background-color:#ffffff1a}.context-menu-item.has-submenu:hover .context-submenu{opacity:1;visibility:visible;transform:translate(0)}.context-menu-icon{margin-right:12px;font-size:16px;width:20px;text-align:center}.context-menu-label{flex:1;font-weight:400}.context-menu-arrow{margin-left:8px;font-size:10px;color:#fff9}.context-submenu{position:absolute;left:100%;top:0;background:#282828f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 0;min-width:150px;box-shadow:0 8px 32px #0000004d;opacity:0;visibility:hidden;transform:translate(-10px);transition:all .2s ease}.context-submenu .context-menu-item{padding:8px 16px;transition:background-color .2s ease;border-radius:4px;margin:0 4px}.context-submenu .context-menu-item:hover{background-color:#ffffff1a}.context-menu-separator{height:1px;background-color:#fff3;margin:4px 0}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item.disabled:hover{background-color:transparent}.context-menu-item.danger .context-menu-label{color:#ff6b6b}.context-menu-item.danger:hover .context-menu-item-content{background-color:#ff6b6b1a}.context-menu-item:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}.file-explorer{height:100%;display:flex;flex-direction:column;background:#191919e6;color:#ffffffe6}.file-explorer-content{flex:1;display:flex;overflow:hidden}.file-explorer-sidebar{width:250px;background:#1e1e1ef2;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto}.file-explorer-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.file-explorer-sidebar::-webkit-scrollbar{width:8px}.file-explorer-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.file-explorer-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.file-explorer-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.file-explorer-content{flex-direction:column}.file-explorer-sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}.operation-status{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;padding:8px 12px;margin:8px 0;font-size:14px;display:flex;align-items:center;animation:slideIn .3s ease-out}.operation-status .status-message{color:#0369a1;font-weight:500}.operation-status.success{background:#f0fdf4;border-color:#22c55e}.operation-status.success .status-message{color:#15803d}.operation-status.error{background:#fef2f2;border-color:#ef4444}.operation-status.error .status-message{color:#dc2626}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026}.spinner{width:32px;height:32px;border:3px solid #e5e5e5;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner span{font-size:14px;color:#666;font-weight:500}.file-item.editable{position:relative}.file-item.editable:after{content:"✏️";position:absolute;top:2px;right:2px;font-size:10px;opacity:.7;transition:opacity .2s}.file-item.editable:hover:after{opacity:1}.file-toolbar{position:relative}.file-toolbar.loading{opacity:.7;pointer-events:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.search-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;margin-bottom:8px}.search-header h3{margin:0;font-size:16px;color:#334155}.search-count{font-size:14px;color:#64748b;font-weight:500}.context-menu-item.disabled{opacity:.5;pointer-events:none}.context-menu-item.loading{background:#f1f5f9;color:#64748b}.context-menu-item.loading:after{content:"⏳";margin-left:auto}.file-grid.loading{opacity:.6;pointer-events:none}.file-grid.loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border:2px solid #e5e5e5;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@media (max-width: 768px){.operation-status{margin:4px 0;padding:6px 10px;font-size:13px}.loading-spinner{padding:16px}.spinner{width:24px;height:24px;border-width:2px}}.empty-file-system{display:flex;justify-content:center;align-items:center;min-height:300px;padding:40px}.empty-message{text-align:center;max-width:500px;background:#ffffff1a;padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.empty-message h3{margin:0 0 20px;color:#fff;font-size:24px}.empty-message p{margin:0 0 20px;color:#ccc;line-height:1.6}.empty-message ul{text-align:left;margin:0 0 30px;padding-left:20px;color:#ccc}.empty-message li{margin:8px 0;line-height:1.5}.initialize-button{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0078d44d}.initialize-button:hover:not(:disabled){background:linear-gradient(135deg,#106ebe,#005a9e);transform:translateY(-2px);box-shadow:0 6px 16px #0078d466}.initialize-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.initialize-button:active:not(:disabled){transform:translateY(0)}.browser-container{height:100%;width:100%;display:flex;flex-direction:column;background:var(--color-bg, #1e1e1e);font-family:var(--font-main, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);overflow:hidden}.browser-toolbar{display:flex;align-items:center;padding:8px 12px;background:var(--color-bg-alt, #252525);border-bottom:1px solid var(--color-border, #333);gap:12px;flex-shrink:0}.nav-buttons{display:flex;gap:4px}.nav-btn,.menu-btn{background:var(--color-bg, #1e1e1e);border:1px solid var(--color-border, #333);border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text, #ffffff);font-size:14px;transition:all .2s ease}.nav-btn:hover:not(:disabled),.menu-btn:hover{background:var(--color-accent, #007acc);border-color:var(--color-accent, #007acc)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.address-bar{flex:1;display:flex}.url-input-container{flex:1;display:flex;align-items:center;background:var(--color-bg, #1e1e1e);border:1px solid var(--color-border, #333);border-radius:6px;overflow:hidden;transition:border-color .2s ease}.url-input-container:focus-within{border-color:var(--color-accent, #007acc);box-shadow:0 0 0 2px #007acc1a}.security-icon{padding:0 8px;color:var(--color-text-secondary, #888);font-size:12px}.url-input{flex:1;padding:8px 4px;background:transparent;border:none;color:var(--color-text, #ffffff);font-size:14px;outline:none}.go-btn{padding:8px 16px;background:var(--color-accent, #007acc);border:none;color:var(--color-text, #ffffff);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.go-btn:hover{background:var(--color-accent-hover, #005a9e)}.bookmarks-bar{display:flex;align-items:center;padding:6px 12px;background:var(--color-bg, #1e1e1e);border-bottom:1px solid var(--color-border, #333);gap:8px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.bookmarks-bar::-webkit-scrollbar{display:none}.bookmarks-label{color:var(--color-text-secondary, #888);font-size:12px;white-space:nowrap;margin-right:4px}.bookmark-btn{background:var(--color-bg-alt, #252525);border:1px solid var(--color-border, #333);border-radius:4px;padding:4px 8px;color:var(--color-text, #ffffff);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:4px}.bookmark-btn:hover{background:var(--color-accent, #007acc);border-color:var(--color-accent, #007acc);transform:translateY(-1px)}.bookmark-icon{font-size:10px}.browser-content{flex:1;position:relative;background:#fff;overflow:hidden}.browser-iframe{width:100%;height:100%;border:none;background:#fff}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text, #ffffff);z-index:10;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border, #333);border-top:4px solid var(--color-accent, #007acc);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-bg, #1e1e1e);display:flex;align-items:center;justify-content:center;z-index:10;padding:40px}.error-content{text-align:center;max-width:600px;color:var(--color-text, #ffffff)}.error-content h3{margin:0 0 16px;font-size:24px;color:#ff6b6b}.error-content p{margin:0 0 24px;font-size:16px;line-height:1.5;color:var(--color-text-secondary, #888)}.blocked-explanation{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:16px;margin:20px 0;text-align:left}.blocked-explanation h4{margin:0 0 12px;font-size:16px;color:#ffc107}.blocked-explanation ul{margin:0;padding-left:20px;color:var(--color-text, #ffffff)}.blocked-explanation li{margin-bottom:8px;line-height:1.4}.alternative-suggestion{background:#007acc1a;border:1px solid rgba(0,122,204,.3);border-radius:8px;padding:16px;margin:20px 0;text-align:left}.alternative-suggestion h4{margin:0 0 8px;font-size:16px;color:var(--color-accent, #007acc)}.alternative-suggestion p{margin:0;color:var(--color-text, #ffffff);font-size:14px}.error-suggestions{margin:24px 0}.error-suggestions h4{margin:0 0 12px;font-size:16px;color:var(--color-text, #ffffff)}.suggested-sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:24px}.suggested-site-btn{background:var(--color-bg-alt, #252525);border:1px solid var(--color-border, #333);border-radius:6px;padding:8px 12px;color:var(--color-text, #ffffff);font-size:14px;cursor:pointer;transition:all .2s ease}.suggested-site-btn:hover{background:var(--color-accent, #007acc);border-color:var(--color-accent, #007acc);transform:translateY(-1px)}.retry-btn{background:var(--color-accent, #007acc);border:none;border-radius:6px;padding:12px 24px;color:var(--color-text, #ffffff);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--color-accent-hover, #005a9e);transform:translateY(-1px);box-shadow:0 4px 12px #007acc4d}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;background:var(--color-bg-alt, #252525);border-top:1px solid var(--color-border, #333);font-size:12px;color:var(--color-text-secondary, #888);flex-shrink:0}.status-text{flex:1}.zoom-control{cursor:pointer;padding:2px 8px;border-radius:4px;transition:background .2s ease}.zoom-control:hover{background:var(--color-bg, #1e1e1e)}@media (max-width: 768px){.browser-toolbar{padding:6px 8px;gap:8px}.nav-buttons{gap:2px}.nav-btn,.menu-btn{width:28px;height:28px;font-size:12px}.bookmarks-bar{padding:4px 8px}.bookmark-btn{padding:3px 6px;font-size:11px}.suggested-sites{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.bookmarks-label{display:none}.error-overlay{padding:20px}.error-content h3{font-size:20px}.suggested-sites{grid-template-columns:1fr}}.terminal-container{height:100%;width:100%;background:#0c0c0c;color:#0f0;font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:14px;line-height:1.4;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;box-shadow:0 4px 20px #00000080}.terminal-header{background:#1e1e1e;border-bottom:1px solid #333;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.terminal-title{color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px}.terminal-icon{font-size:14px}.terminal-controls{display:flex;gap:8px}.terminal-control-btn{width:20px;height:20px;border:none;border-radius:50%;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.terminal-control-btn.minimize{background:#ffbd2e;color:#000}.terminal-control-btn.maximize{background:#28ca42;color:#000}.terminal-control-btn.close{background:#ff5f56;color:#000}.terminal-control-btn:hover{transform:scale(1.1);opacity:.8}.terminal-output{flex:1;padding:16px;overflow-y:auto;overflow-x:hidden;background:#0c0c0c;scrollbar-width:thin;scrollbar-color:#00ff00 #1e1e1e}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#1e1e1e}.terminal-output::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#0c0}.terminal-entry{margin-bottom:8px}.terminal-input-line{display:flex;align-items:center;gap:8px;margin-bottom:4px}.terminal-prompt{color:#0f0;font-weight:700;-webkit-user-select:none;user-select:none}.terminal-prompt.current{animation:pulse 2s infinite}@keyframes pulse{0%,50%{opacity:1}51%,to{opacity:.7}}.terminal-command{color:#fff;word-break:break-all}.terminal-timestamp{color:#666;font-size:11px;margin-left:auto}.terminal-output-text{color:#ccc;white-space:pre-wrap;word-wrap:break-word;margin-left:0;padding:4px 0;line-height:1.6}.terminal-output-text.system{color:#0cf;font-style:italic;border-left:3px solid #00ccff;padding-left:12px;margin:8px 0;background:#00ccff0d;border-radius:4px}.terminal-input-container{display:flex;align-items:center;padding:12px 16px;background:#0c0c0c;border-top:1px solid #333;position:relative;gap:8px}.terminal-input-wrapper{flex:1;position:relative;height:20px}.terminal-input-measure{color:transparent;font-family:inherit;font-size:inherit;white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;left:0;top:0;z-index:0}.terminal-input{background:transparent;border:none;outline:none;color:#0f0;font-family:inherit;font-size:inherit;width:100%;height:100%;caret-color:transparent;position:absolute;left:0;top:0;z-index:1}.terminal-input.typing{color:#fff}.terminal-cursor{width:2px;height:16px;background:#0f0;position:absolute;top:2px;z-index:2;animation:blink 1s infinite;transition:left .1s ease}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-status{background:#1e1e1e;border-top:1px solid #333;padding:6px 16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#666;flex-shrink:0}.status-info{display:flex;gap:16px}.status-help{font-style:italic}.terminal-container.theme-matrix{background:#000;color:#00ff41}.terminal-container.theme-matrix .terminal-prompt{color:#00ff41}.terminal-container.theme-matrix .terminal-cursor{background:#00ff41}.terminal-container.theme-amber{background:#1a1a0e;color:#ffb000}.terminal-container.theme-amber .terminal-prompt{color:#ffb000}.terminal-container.theme-amber .terminal-cursor{background:#ffb000}.terminal-container.theme-blue{background:#0a0a1a;color:#4a9eff}.terminal-container.theme-blue .terminal-prompt{color:#4a9eff}.terminal-container.theme-blue .terminal-cursor{background:#4a9eff}.terminal-output-text:has-text("Error"){color:#f44}.terminal-output-text:has-text("Created"){color:#4f4}.terminal-output-text:has-text("Removed"){color:#fa4}.terminal-output-text:contains("Available commands"){color:#0cf}.terminal-input-container.history-active{background:#00ff000d;border-top-color:#0f0}.terminal-input-container.history-active .terminal-prompt{color:#ff0}.terminal-suggestions{position:absolute;bottom:100%;left:16px;right:16px;background:#1e1e1e;border:1px solid #00ff00;border-radius:4px;max-height:150px;overflow-y:auto;z-index:100;display:none}.terminal-suggestion{padding:8px 12px;color:#ccc;cursor:pointer;border-bottom:1px solid #333}.terminal-suggestion:hover,.terminal-suggestion.selected{background:#0f0;color:#000}.terminal-suggestion:last-child{border-bottom:none}@media (max-width: 768px){.terminal-container{font-size:12px}.terminal-output,.terminal-input-container{padding:12px}.terminal-status{flex-direction:column;gap:4px;padding:8px 12px}.status-help{display:none}}@media (max-width: 480px){.terminal-container{font-size:11px}.terminal-header{padding:6px 12px}.terminal-title{font-size:11px}.terminal-control-btn{width:16px;height:16px;font-size:8px}.terminal-timestamp{display:none}}.terminal-container:focus-within .terminal-cursor{animation:blink 1s infinite}.terminal-container:not(:focus-within) .terminal-cursor{opacity:.5;animation:none}.terminal-output::selection,.terminal-input::selection{background:#0f0;color:#000}.terminal-output{scroll-behavior:smooth}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.terminal-loading:after{content:"";animation:dots 1.5s infinite;color:#0f0}:root{--color-bg: #202124;--color-bg-alt: #2d2e32;--color-accent: #0078d4;--color-accent-hover: #005fa3;--color-text: #f3f3f3;--color-text-secondary: #b0b0b0;--color-border: #3a3a3a;--color-shadow: rgba(0,0,0,.15);--font-main: "Segoe UI", "Arial", sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 18px;--radius: 8px;--shadow: 0 2px 8px var(--color-shadow);--transition: .2s cubic-bezier(.4,0,.2,1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px}.wallpaper-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wallpaper-modal{background:var(--color-bg, #1a1a1a);border-radius:16px;box-shadow:0 20px 60px #0006;width:90%;max-width:1200px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out;border:1px solid var(--color-border, #333)}@keyframes slideIn{0%{transform:scale(.95) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.wallpaper-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--color-border, #333);background:var(--color-bg-alt, #252525)}.header-title{display:flex;align-items:center;gap:12px}.header-icon{width:32px;height:32px;background:var(--color-accent, #007acc);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.wallpaper-modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text, #ffffff)}.close-button{width:32px;height:32px;border-radius:8px;background:none;border:none;color:var(--color-text-secondary, #888);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.close-button:hover{background:var(--color-bg, #1a1a1a);color:var(--color-text, #ffffff)}.wallpaper-modal-body{display:flex;height:calc(90vh - 140px)}.preview-panel{width:40%;min-width:350px;padding:24px;border-right:1px solid var(--color-border, #333);background:var(--color-bg-secondary, #1f1f1f);display:flex;flex-direction:column}.preview-panel h3{margin:0 0 16px;font-size:18px;font-weight:500;color:var(--color-text, #ffffff)}.preview-container{flex:1;position:relative}.preview-area{width:100%;height:250px;border:2px dashed var(--color-border, #555);border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease;background:var(--color-bg-alt, #252525)}.preview-area.has-image{border-style:solid;border-color:var(--color-accent, #007acc)}.preview-area:hover{border-color:var(--color-accent, #007acc)}.preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary, #888)}.preview-empty-icon{font-size:48px;margin-bottom:8px}.preview-empty p{margin:0;font-size:14px}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.preview-area:hover .preview-overlay{background:#0003}.preview-label{background:#000000b3;padding:8px 16px;border-radius:6px;color:#fff;font-size:12px;font-weight:500;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-area:hover .preview-label{opacity:1}.preview-actions{margin-top:24px;display:flex;flex-direction:column;gap:12px}.apply-button{width:100%;background:var(--color-accent, #007acc);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.apply-button:hover:not(.disabled){background:var(--color-accent-hover, #005a9e);transform:translateY(-1px);box-shadow:0 4px 12px #007acc4d}.apply-button.disabled{background:var(--color-text-secondary, #888);cursor:not-allowed;opacity:.7}.loading-spinner{width:16px;height:16px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.action-buttons{display:flex;gap:8px}.remove-button,.cancel-button{flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.remove-button{background:#dc35451a;color:#ff6b6b;border:1px solid rgba(220,53,69,.3)}.remove-button:hover{background:#dc354533;border-color:#ff6b6b}.cancel-button{background:var(--color-bg-alt, #252525);color:var(--color-text-secondary, #888);border:1px solid var(--color-border, #333)}.cancel-button:hover{background:var(--color-bg, #1a1a1a);color:var(--color-text, #ffffff);border-color:var(--color-accent, #007acc)}.error-message{margin-top:16px;padding:12px 16px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#ff6b6b;font-size:14px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.options-panel{flex:1;display:flex;flex-direction:column}.tab-navigation{display:flex;border-bottom:1px solid var(--color-border, #333);background:var(--color-bg-alt, #252525)}.tab-button{padding:16px 24px;background:none;border:none;color:var(--color-text-secondary, #888);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;position:relative}.tab-button:hover{color:var(--color-text, #ffffff);background:#ffffff0d}.tab-button.active{color:var(--color-accent, #007acc);border-bottom-color:var(--color-accent, #007acc);background:#007acc1a}.tab-content{flex:1;padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent, #007acc) var(--color-bg-alt, #252525)}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:var(--color-bg-alt, #252525);border-radius:4px}.tab-content::-webkit-scrollbar-thumb{background:var(--color-accent, #007acc);border-radius:4px}.tab-content h3{margin:0 0 16px;font-size:18px;font-weight:500;color:var(--color-text, #ffffff)}.presets-tab{height:100%}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.preset-item{aspect-ratio:16/9;border-radius:12px;cursor:pointer;border:2px solid var(--color-border, #555);transition:all .2s ease;overflow:hidden;position:relative;background:var(--color-bg-alt, #252525)}.preset-item:hover{border-color:var(--color-accent, #007acc);transform:translateY(-2px);box-shadow:0 8px 25px #007acc33}.preset-item.selected{border-color:var(--color-accent, #007acc);box-shadow:0 0 0 2px #007acc4d}.preset-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .2s ease;display:flex;align-items:flex-end;padding:12px}.preset-item:hover .preset-overlay{opacity:1}.preset-name{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5)}.preset-selected{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--color-accent, #007acc);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 8px #0000004d}.url-tab{height:100%}.url-input-section{margin-bottom:24px}.input-label{display:block;font-size:14px;font-weight:500;color:var(--color-text, #ffffff);margin-bottom:8px}.url-input{width:100%;padding:12px 16px;background:var(--color-bg-alt, #252525);border:1px solid var(--color-border, #555);border-radius:8px;color:var(--color-text, #ffffff);font-size:14px;transition:all .2s ease;box-sizing:border-box}.url-input:focus{outline:none;border-color:var(--color-accent, #007acc);box-shadow:0 0 0 3px #007acc33}.url-input::placeholder{color:var(--color-text-secondary, #888)}.tip-box{background:var(--color-bg-alt, #252525);border:1px solid var(--color-border, #444);border-radius:8px;padding:16px}.tip-box h4{margin:0 0 8px;font-size:14px;font-weight:500;color:var(--color-text, #ffffff)}.tip-box p{margin:0;font-size:14px;color:var(--color-text-secondary, #aaa);line-height:1.5}.upload-tab{height:100%}.upload-area{border:2px dashed var(--color-border, #555);border-radius:12px;padding:48px 24px;text-align:center;transition:all .2s ease;cursor:pointer;margin-bottom:24px}.upload-area:hover{border-color:var(--color-accent, #007acc);background:#007acc0d}.file-input{display:none}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center}.upload-icon{width:64px;height:64px;background:var(--color-bg-alt, #252525);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;transition:all .2s ease}.upload-area:hover .upload-icon{background:var(--color-accent, #007acc);transform:scale(1.05)}.upload-title{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--color-text, #ffffff)}.upload-subtitle{margin:0;font-size:14px;color:var(--color-text-secondary, #888)}.formats-box{background:var(--color-bg-alt, #252525);border:1px solid var(--color-border, #444);border-radius:8px;padding:16px}.formats-box h4{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--color-text, #ffffff)}.formats-box ul{margin:0;padding:0;list-style:none}.formats-box li{font-size:14px;color:var(--color-text-secondary, #aaa);margin-bottom:4px}.formats-box li:last-child{margin-bottom:0}@media (max-width: 1024px){.wallpaper-modal{max-width:95%}.preview-panel{width:35%;min-width:300px}.preview-area{height:180px}}@media (max-width: 768px){.wallpaper-modal{width:95%;max-height:95vh}.wallpaper-modal-header{padding:16px}.preview-panel{width:35%;min-width:280px;padding:16px}.tab-content{padding:16px}.preview-area{height:160px}.presets-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.tab-navigation{overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{padding:12px 16px;white-space:nowrap;font-size:13px}.upload-area{padding:24px 16px}}@media (max-width: 480px){.wallpaper-modal-header h2{font-size:18px}.header-icon{width:28px;height:28px;font-size:16px}.preview-panel{width:40%;min-width:250px}.presets-grid{grid-template-columns:repeat(2,1fr);gap:8px}.preview-area{height:140px}.upload-icon{width:40px;height:40px;font-size:18px}.upload-title{font-size:14px}.upload-subtitle{font-size:12px}.tab-button{padding:10px 12px;font-size:12px}.action-buttons{flex-direction:column;gap:8px}.apply-button{padding:10px;font-size:13px}}:root{--color-bg: #1a1a1a;--color-bg-alt: #252525;--color-bg-secondary: #1f1f1f;--color-text: #ffffff;--color-text-secondary: #888888;--color-border: #333333;--color-accent: #007acc;--color-accent-hover: #005a9e}[data-theme=light]{--color-bg: #ffffff;--color-bg-alt: #f8f9fa;--color-bg-secondary: #f1f3f4;--color-text: #202124;--color-text-secondary: #5f6368;--color-border: #dadce0;--color-accent: #1a73e8;--color-accent-hover: #1557b0}#root{width:100vw;height:100vh;margin:0;padding:0;text-align:initial}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.App{width:100vw;height:100vh;overflow:hidden;position:relative}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}.App *:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}