body{background-color:teal;margin:0;padding:20px;font-family:"MS Sans Serif",Segoe UI,Tahoma,sans-serif;font-size:12px;color:#000;min-height:100vh;box-sizing:border-box}.win31-window{background:silver;border:2px outset #c0c0c0;max-width:600px;margin:40px auto;padding:0;box-shadow:4px 4px #0003}.win31-title-bar{background:navy;color:#fff;padding:4px 8px;font-weight:700;border-bottom:2px outset #c0c0c0;display:flex;justify-content:space-between;align-items:center}.win31-title{font-size:13px;letter-spacing:.5px}.win31-controls{display:flex;gap:2px}.win31-control-btn{background:silver;border:1px outset #c0c0c0;color:#000;font-family:"MS Sans Serif",sans-serif;font-size:10px;width:16px;height:14px;line-height:12px;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.win31-control-btn:active{border:1px inset #c0c0c0}.win31-window-body{padding:30px;text-align:center}.win31-logo{font-size:32px;color:navy;margin-top:0;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0px #ffffff}.win31-services{display:flex;justify-content:center;gap:20px;margin:30px 0;flex-wrap:wrap}.win31-service-label{background:silver;padding:8px 16px;border:2px outset #c0c0c0;min-width:100px;text-align:center;font-weight:700;color:#000;text-transform:uppercase;font-size:14px}.win31-service-label:active{border:2px inset #c0c0c0}.win31-button{font-family:"MS Sans Serif",Segoe UI,Tahoma,sans-serif;font-size:12px;font-weight:700;color:#000;text-transform:none;letter-spacing:normal;background:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #808080;border-bottom:2px solid #808080;padding:6px 24px;min-width:180px;text-align:center;cursor:pointer;image-rendering:pixelated;text-decoration:none;display:inline-block;margin:5px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.win31-button:active{border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;background:#a0a0a0}.win31-button:hover{background:#d0d0d0}a.win31-button{color:#000;vertical-align:middle;line-height:normal}.win31-button-group{margin:40px 0;display:flex;flex-direction:column;gap:15px;align-items:center}.win31-status-bar{background:silver;border-top:2px inset #c0c0c0;padding:2px 4px;font-size:11px;color:navy;font-weight:700}.win31-desktop-icon{display:inline-flex;flex-direction:column;align-items:center;width:80px;margin:20px;text-align:center;cursor:pointer}.win31-desktop-icon img{width:32px;height:32px;margin-bottom:4px;image-rendering:pixelated}.win31-desktop-icon span{background:#fff;padding:2px 4px;font-size:11px;color:#000}@media (max-width: 600px){.win31-window{margin:20px}.win31-services{flex-direction:column;align-items:center;gap:10px}.win31-button{min-width:160px;padding:6px 16px}}.win31-system-folder{background:silver;border:2px outset #c0c0c0;max-width:500px;margin:50px auto;padding:0;box-shadow:4px 4px #0003}.win31-folder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:30px;justify-items:center}.win31-folder-item{display:flex;flex-direction:column;align-items:center;width:100px;text-align:center;cursor:pointer;padding:10px}.win31-folder-item.selected{background:navy;color:#fff}.win31-folder-item.selected .win31-folder-icon{border:2px inset #c0c0c0;background:#a0a0a0}.win31-folder-item.selected .win31-folder-label{background:navy;color:#fff}.win31-folder-icon{width:48px;height:48px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;background:silver;border:2px outset #c0c0c0;padding:8px;image-rendering:pixelated}.win31-folder-icon.system{background:navy;color:#fff}.win31-folder-icon.inventory{background:green;color:#fff}.win31-folder-icon.gallery{background:maroon;color:#fff}.win31-folder-icon.instagram{background:linear-gradient(45deg,#405de6,#833ab4,#c13584);color:#fff}.win31-folder-label{background:#fffc;padding:2px 4px;font-size:11px;color:#000;font-weight:700;text-align:center;word-break:break-word;max-width:100%;border:1px solid transparent}.win31-folder-item:hover .win31-folder-icon{background:#d0d0d0}.win31-folder-item:hover .win31-folder-label{background:navy;color:#fff}.win31-folder-item:active .win31-folder-icon{border:2px inset #c0c0c0;transform:translateY(1px)}.win31-icon-text{font-size:24px;line-height:1}.win31-folder-status{background:silver;border-top:2px inset #c0c0c0;padding:2px 4px;font-size:11px;color:navy;font-weight:700;display:flex;justify-content:space-between}.win31-menu-bar{background:silver;border-bottom:2px inset #c0c0c0;padding:2px 4px;display:flex;font-size:11px;font-weight:700}.win31-menu-item{padding:2px 8px;margin-right:10px;cursor:pointer;border:1px solid transparent}.win31-menu-item:hover{background:navy;color:#fff}.win31-view-options{display:flex;gap:10px;margin:10px 30px;font-size:11px}.win31-view-option{display:flex;align-items:center;gap:4px;cursor:pointer}.icon-image{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;filter:grayscale(50%) contrast(130%) brightness(90%) sepia(20%)}.win31-folder-icon.system .icon-image{filter:grayscale(0%) contrast(120%) brightness(100%) hue-rotate(200deg)}.win31-folder-icon.inventory .icon-image{filter:grayscale(0%) contrast(120%) brightness(100%) hue-rotate(100deg)}.win31-folder-icon.gallery .icon-image{filter:grayscale(0%) contrast(120%) brightness(100%) hue-rotate(300deg)}.win31-folder-icon.instagram .icon-image{filter:grayscale(0%) contrast(120%) brightness(100%) hue-rotate(270deg) saturate(150%)}.win31-folder-item.selected .icon-image{filter:grayscale(0%) contrast(140%) brightness(120%) saturate(200%)}.win31-folder-icon{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.win31-folder-icon:empty:before{content:"📁";font-size:24px}.icon-image.loading{opacity:.5;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.hybrid-window{background:silver;border:2px outset #c0c0c0;max-width:500px;margin:50px auto;padding:0;box-shadow:0 0 0 1px #000,4px 4px #0003;border-radius:0 0 8px 8px;overflow:hidden}.system-title-bar{background:linear-gradient(to bottom,navy,#1084d0);color:#fff;padding:6px 10px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px outset #c0c0c0;text-shadow:1px 1px 0px rgba(0,0,0,.5);letter-spacing:.5px;font-family:"MS Sans Serif",Segoe UI,Tahoma,sans-serif}.system-title{flex:1;text-align:center;margin:0 10px;text-transform:uppercase;letter-spacing:1px}.system-controls{display:flex;gap:4px}.system-control-btn{background:linear-gradient(to bottom,silver,gray);border:2px outset #c0c0c0;color:#000;font-family:"MS Sans Serif",sans-serif;font-size:11px;width:20px;height:18px;line-height:14px;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:3px;min-width:20px;text-shadow:1px 1px 0px rgba(255,255,255,.5)}.system-control-btn:hover{background:linear-gradient(to bottom,#d0d0d0,#909090)}.system-control-btn:active{border:2px inset #c0c0c0;background:linear-gradient(to bottom,gray,silver)}.system-control-btn.minimize:before{content:"_"}.system-control-btn.maximize:before{content:"□"}.system-control-btn.close:before{content:"×"}.hybrid-window.active .system-title-bar{background:linear-gradient(to bottom,#000060,#1060a0)}.system-menu-bar{background:#e0e0e0;border-bottom:2px inset #c0c0c0;padding:2px 4px;display:flex;font-size:11px;font-weight:700;font-family:"MS Sans Serif",sans-serif}.system-menu-item{padding:3px 10px;margin-right:2px;cursor:pointer;border:1px solid transparent;border-radius:3px}.system-menu-item:hover{background:navy;color:#fff}.system-menu-item:active{background:#000060;border:1px inset #000080}.hybrid-window-body{padding:30px;background:silver}.hybrid-status-bar{background:silver;border-top:2px inset #c0c0c0;padding:3px 8px;font-size:11px;color:navy;font-weight:700;display:flex;justify-content:space-between;font-family:"MS Sans Serif",sans-serif}.system-css-window{background:silver;border:3px outset #c0c0c0;max-width:500px;margin:50px auto;padding:0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,4px 4px #0003;border-radius:8px;overflow:hidden}.system-css-title-bar{background:linear-gradient(90deg,navy,#1084d0 30%,#1084d0 70%,navy);color:#fff;padding:8px 12px;font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000080;text-shadow:1px 1px 2px rgba(0,0,0,.7);letter-spacing:1px;font-family:"MS Sans Serif",Segoe UI,Tahoma,sans-serif;position:relative}.system-css-title-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#fff3,#fff0);pointer-events:none}.system-css-title{flex:1;text-align:center;margin:0 20px;text-transform:uppercase;letter-spacing:2px}.system-css-btn{background:linear-gradient(to bottom,silver,gray);border:2px outset #c0c0c0;color:#000;font-family:"MS Sans Serif",sans-serif;font-size:12px;font-weight:700;padding:4px 12px;cursor:pointer;text-shadow:1px 1px 0px rgba(255,255,255,.5);border-radius:4px;position:relative;overflow:hidden}.system-css-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff4d,#fff0);border-radius:4px 4px 0 0}.system-css-btn:hover{background:linear-gradient(to bottom,#d0d0d0,#909090)}.system-css-btn:active{border:2px inset #c0c0c0;background:linear-gradient(to bottom,gray,silver)}body{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;position:relative;background:#333;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.3) 1px,transparent 0);background-size:20px 20px;background-position:0 0;padding:10px}.toolbar{display:flex;background:silver;border-bottom:2px outset #c0c0c0;padding:2px 4px;gap:1px}.toolbar-btn{width:24px;height:24px;background:silver;border:1px outset #c0c0c0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;padding:0;margin:0 1px}.toolbar-btn:hover{background:#d0d0d0}.toolbar-btn:active{border:1px inset #c0c0c0;background:#b0b0b0}.toolbar-separator{width:2px;background:gray;margin:2px 4px}.status-bar{background:silver;border-top:2px inset #c0c0c0;padding:2px 4px;font-size:11px;display:flex;justify-content:space-between}.icon-btn{background:silver;border:2px outset #c0c0c0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:80px;padding:8px;transition:transform .2s}.icon-btn:hover{background:#d0d0d0}.icon-btn:active{border:2px inset #c0c0c0;background:#b0b0b0}.icon-btn img{width:32px;height:32px;object-fit:contain;margin-bottom:4px;image-rendering:pixelated}.icon-btn span{font-size:11px;font-weight:700;color:#000}.logo-container{text-align:center;margin-bottom:30px}.logo-image{max-width:100%;height:auto;display:block;margin:0 auto 10px;image-rendering:auto}.icon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:255px;margin-left:auto;height:215px}.content-row{display:flex;justify-content:space-between;align-items:stretch;margin-top:20px;gap:20px}.glitch-window{position:absolute;bottom:-100px;right:-150px;z-index:1;transform:scale(.5);transform-origin:bottom right}.glitch-window-topleft{position:absolute;top:-50px;left:-150px;z-index:1;transform:scale(.5);transform-origin:top left}.services-window{position:absolute;bottom:61px;left:-60px;z-index:3;transform:scale(.7);transform-origin:bottom left;width:300px}.main-window-container{position:relative}.glitch-window .window-pane,.glitch-window-topleft .window-pane,.main-window-container .window-pane{background:#fff;background-image:radial-gradient(circle at 1px 1px,rgba(41,41,41,.3) 1px,transparent 0);background-size:20px 20px;background-position:0 0}.services-window .window-pane{padding:2px!important;background:#333}.glitch-image{display:block;width:100%;height:auto;image-rendering:pixelated}.window:not(.glitch-window):not(.glitch-window-topleft):not(.services-window){z-index:2;position:relative}.services-content{padding:10px;font-size:20px}.services-window-title{font-weight:700;margin-bottom:10px;color:#000}.services-window-checkbox{display:flex;align-items:center;margin-bottom:8px;color:#fff}.services-window-checkbox label{cursor:pointer;color:#fff}.contact-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:300px;min-width:300px;display:none}.contact-content{text-align:center}.contact-actions{display:flex;flex-direction:column;gap:8px;margin-top:15px}@media (max-width: 768px){.glitch-window{display:none!important}.glitch-window-topleft{display:block!important;position:absolute!important;top:-120px!important;left:50%!important;transform:translate(-50%) scale(.4)!important;transform-origin:top center!important;z-index:1!important;max-width:150px!important}.services-window{position:fixed;bottom:10px;left:20%;transform:translate(-50%) scale(.9);width:100%;max-width:300px;z-index:100}.main-window-container .window{width:95vw!important;max-width:34rem;margin:0 auto}.icon-grid{grid-template-columns:repeat(2,1fr);width:100%;max-width:190px;margin:0 auto;height:auto;gap:20px}.icon-btn{width:90px;height:70px;padding:6px}.icon-btn img{width:24px;height:24px}.icon-btn span{font-size:14px}.content-row{flex-direction:column;align-items:center;gap:15px}.logo-container{margin-bottom:20px}.logo-image{max-height:80px}.status-bar{font-size:10px;padding:4px 8px}.icon-btn:active{transform:scale(.95)}.window-pane{padding:15px!important}}@media (max-width: 480px){.icon-grid{grid-template-columns:repeat(2,1fr);gap:8px}.main-window-container .window{margin-top:50px!important}.glitch-window-topleft{top:-30%!important;transform:translate(-50%) scale(.7)!important;max-width:120px!important;overflow:hidden}.services-window{position:fixed;bottom:100px;left:15%;transform:translate(-50%) scale(.9);width:100%;max-width:300px;z-index:100}.icon-btn{width:80px;height:65px}.logo-image{max-height:60px}.status-bar{flex-direction:column;align-items:center;gap:2px}.services-window{transform:translate(-50%) scale(.8);bottom:10px}}@media (min-width: 769px){.icon-btn:hover{transform:translateY(-2px)}}.icon-btn:focus,.toolbar-btn:focus{outline:2px solid #0000ff;outline-offset:2px}.icon-btn,.toolbar-btn{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}