*{margin:0;padding:0;box-sizing:border-box;--primary-color: #008080;--secondary-color: #20b2aa;--text-color: #ffffff;--background-color: #f0f0f0;--hover-color: rgba(255, 255, 255, .1);--desktop-row-gap: 30px;--desktop-column-gap: 4px;--taskbar-height: 50px;--icon-height: 100px;--icon-width: 80px;--icon-content-height: 60px;--desktop-icon-hover-bg-color: rgba(198, 251, 255, .144);--accent-light: #6b7280;--accent-medium: #4b5563;--accent-dark: #374151;--selection-bg: rgba(107, 114, 128, .3);--selection-border: #6b7280;--icon-hover-bg: rgba(255, 255, 255, .15);--icon-selected-bg: var(--selection-bg);--icon-selected-border: var(--selection-border);--icon-focus-glow: rgba(107, 114, 128, .5);--icon-active-bg: rgba(107, 114, 128, .4);--icon-text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);--icon-text-color: #ffffff;--desktop-icons-height: calc( 100vh - calc(var(--taskbar-height) + calc(var(--icon-height) / 2.5)) );--desktop-icons-width: calc(100vw - 1rem) }body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:teal}.app{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100vw;height:100vh;margin:0;padding:0}.debug-panel{position:fixed;bottom:50px;right:10px;background:#000c;color:#fff;padding:10px;border-radius:4px;font-family:monospace;font-size:12px;max-width:500px;word-wrap:break-word;z-index:9999}.debug-header{font-weight:700;margin-bottom:5px;color:#0f0;border-bottom:1px solid #333;padding-bottom:3px}.debug-control-panel{position:fixed;top:2rem;right:10px;background:#000c;color:#fff;padding:10px;border-radius:4px;font-family:monospace;font-size:12px;max-width:300px;z-index:10000}.debug-control-panel.disabled-mode{border:2px solid #ff6b6b}.debug-control-panel.disabled-mode .debug-groups{opacity:.6}.debug-groups{margin-top:8px}.debug-group-item{padding:4px 0;display:flex;align-items:center}.debug-group-item label{display:flex;align-items:center;cursor:pointer}.debug-group-item input[type=checkbox]{margin-right:8px}.debug-disable-all{margin-bottom:12px;border-bottom:1px solid #333;padding-bottom:8px}.disable-all-btn{background:#444;color:#fff;border:1px solid #666;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:11px;font-family:monospace;transition:background-color .2s ease;width:100%}.disable-all-btn:hover{background:#555}.disable-all-btn.active{background:#ff6b6b;border-color:#ff4757}.disable-all-btn.active:hover{background:#ff5252}.debug-group-item input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.debug-group-item:has(input[type=checkbox]:disabled) label{opacity:.7;cursor:not-allowed}.desktop{background:linear-gradient(102deg,#000,#480909);overflow:hidden;position:relative;width:100vw;height:100vh}.desktop:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.desktop-icons{position:relative;height:var(--desktop-icons-height);width:var(--desktop-icons-width);margin-top:.45rem;z-index:1}.debug-grid-rect{position:absolute;border:2px solid #00ff00;background:#00ff001a;pointer-events:all;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:100;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.debug-grid-rect:hover{background:#0f03;border-color:#0f0;box-shadow:0 0 10px #00ff0080;z-index:1000}.debug-grid-rect.dimmed{opacity:.3;pointer-events:none;z-index:50}.debug-grid-rect.adjacent{opacity:.6;background:#ffff001a;border-color:#ff0;z-index:200}.debug-coordinate-points{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1001;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.debug-coordinate-point{position:absolute;width:8px;height:8px;background:red;border-radius:50%;cursor:pointer;pointer-events:all;transition:all .2s ease;z-index:1002;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;opacity:.6;transform:translate(-4px,-4px)}.debug-coordinate-point:hover{background:#f44;z-index:1003;opacity:1}.debug-grid-rect.dimmed .debug-coordinate-point,.debug-grid-rect.adjacent .debug-coordinate-point{opacity:0;pointer-events:none}.debug-grid-rect:hover .debug-coordinate-point{width:16px;height:16px;background:#f33;transform:translate(-8px,-8px);opacity:.8}.debug-grid-rect:hover .debug-coordinate-point:hover{background:red;opacity:1}.debug-coordinate-label{position:absolute;background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:1004;opacity:0;transition:opacity .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.debug-coordinate-point:hover+.debug-coordinate-label,.debug-coordinate-point:hover~.debug-coordinate-label{opacity:1}.debug-gap-indicator{position:absolute;background:#ffa50080;pointer-events:none;z-index:99;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.debug-gap-indicator.row-gap{height:4px;width:100%}.debug-gap-indicator.column-gap{width:4px;height:100%}.debug-center-coordinates{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1005;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.debug-grid-rect:hover .debug-center-coordinates{opacity:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--icon-width);height:var(--icon-height);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px;transition:background-color .15s ease,border .15s ease,box-shadow .15s ease,opacity .15s ease-in-out;color:var(--icon-text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.desktop-icon.dragging{opacity:.7;transform:rotate(1deg);box-shadow:0 4px 12px #0000004d}.desktop-icon.drag-over{background-color:var(--icon-hover-bg);outline:1px dashed var(--accent-light);box-shadow:0 0 8px var(--icon-focus-glow)}.desktop-icon.drag-end{animation:dragEndBounce .3s ease-out}@keyframes dragEndBounce{0%{transform:scale(1.1)}50%{transform:scale(.95)}to{transform:scale(1)}}.desktop-icon.active{background-color:var(--icon-active-bg);outline:1px solid var(--icon-selected-border);box-shadow:0 0 6px var(--icon-focus-glow)}.desktop-icon.hovered{background-color:var(--icon-hover-bg);outline:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.desktop-icon.focused{background-color:var(--icon-selected-bg);outline:1px solid var(--icon-selected-border);box-shadow:0 0 8px var(--icon-focus-glow)}.desktop-icon.double-clicked{background-color:var(--selection-bg);outline:1px solid var(--accent-dark);box-shadow:0 0 10px #37415166;animation:doubleClickPulse .2s ease-out}@keyframes doubleClickPulse{0%{transform:scale(1)}50%{transform:scale(1.025)}to{transform:scale(1)}}.desktop-icon.selected-alt{background-color:#8bc34a33;outline:1px solid #8bc34a;box-shadow:0 0 6px #8bc34a4d}.desktop-icon.context-menu{background-color:#e91e6333;outline:1px solid #e91e63;box-shadow:0 0 6px #e91e634d}.desktop-icon.disabled{background-color:#80808033;outline:1px solid #808080;pointer-events:none;opacity:.5;filter:grayscale(50%)}.desktop-icon:hover{background-color:var(--icon-hover-bg);outline:1px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #0003}.desktop-icon img{width:auto;max-width:calc(var(--icon-width) - 16px);max-height:var(--icon-content-height);height:auto;pointer-events:none;object-fit:contain;padding:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.desktop-icon:hover img{background:#ffffff0d}.desktop-icon .icon{font-size:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--icon-content-height);width:100%;margin-bottom:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.desktop-icon .icon svg{width:auto;height:auto;max-width:40px;max-height:40px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.desktop-icon .icon span{font-size:36px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.desktop-icon .label{font-size:11px;color:var(--icon-text-color);text-align:center;text-shadow:var(--icon-text-shadow);line-height:1.1;word-wrap:break-word;max-width:100%;height:calc(var(--icon-height) - var(--icon-content-height) - 8px);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0 2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400}.react-draggable-dragging{cursor:grabbing!important;border:1px dashed rgba(107,114,128,.8)!important;background-color:#6b72801a!important;box-shadow:0 4px 12px #0000004d!important;transform:rotate(1deg)!important;z-index:1000}.react-draggable-dragging .icon,.react-draggable-dragging .label{opacity:.8}.desktop-icon.selected{background:linear-gradient(to bottom,#6b728066,#4b556366);outline:1px solid var(--selection-border)}.desktop-icon:focus{outline:none;background-color:var(--icon-selected-bg);outline:1px solid var(--icon-selected-border);box-shadow:0 0 8px var(--icon-focus-glow)}.desktop-icon:focus-visible{outline:2px solid var(--accent-light);outline-offset:1px}.desktop-icon:active:not(.react-draggable-dragging){transform:translateY(0);background:linear-gradient(to bottom,#6b728033,#6b72804d);outline:1px solid var(--accent-dark);box-shadow:inset 0 1px 3px #0003}.desktop-icon[tabindex]:focus{background-color:var(--icon-selected-bg);outline:1px solid var(--icon-selected-border)}.desktop-icon.double-clicked .icon{animation:iconBounce .3s ease-out}@keyframes iconBounce{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}75%{transform:scale(1.02)}to{transform:scale(1)}}.taskbar{position:fixed;bottom:0;left:0;right:0;height:var(--taskbar-height, 40px);background:linear-gradient(to bottom,#245ddc,#1e4db8);border-top:1px solid #4a90e2;display:flex;align-items:center;justify-content:space-between;padding:0 4px;box-shadow:0 -2px 4px #0003;z-index:1000}.start-button{background:linear-gradient(to bottom,#4a90e2,#2171d6);border:1px outset #4a90e2;border-radius:3px;color:#fff;font-weight:700;font-size:12px;padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;transition:all .1s}.start-button:hover{background:linear-gradient(to bottom,#5ba0f2,#3181e6)}.start-button:active{border:1px inset #4a90e2;background:linear-gradient(to bottom,#2171d6,#4a90e2)}.start-icon{font-size:14px;font-weight:400}.taskbar-center{flex:1;display:flex;align-items:center;gap:2px;padding:0 8px}.system-tray{display:flex;align-items:center;gap:8px;padding:0 8px}.clock{background:#0000001a;border:1px inset #4a90e2;padding:4px 8px;font-size:11px;color:#fff;border-radius:2px}