:root{--win98-gray: #c0c0c0;--win98-dark-gray: #808080;--win98-light-gray: #dfdfdf;--win98-white: #ffffff;--win98-black: #000000;--win98-blue: #000080;--win98-title-blue: #0a246a;--win98-title-gradient-start: #0a246a;--win98-title-gradient-end: #3c7fb1}*{box-sizing:border-box}body{margin:0;padding:0;background-color:teal;font-family:"MS Sans Serif","Microsoft Sans Serif",sans-serif;font-size:11px;color:var(--win98-black);image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;height:100vh;overflow:hidden}.window{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);box-shadow:1px 1px 0 0 var(--win98-black);position:relative;padding:2px;width:100vw;height:100vh;display:flex;flex-direction:column}.title-bar{background:linear-gradient(to right,var(--win98-title-gradient-start),var(--win98-title-gradient-end));color:var(--win98-white);padding:2px 2px 3px 3px;display:flex;justify-content:space-between;align-items:center;font-weight:700;-webkit-user-select:none;user-select:none}.title-bar-text{flex-grow:1;padding:1px 0}.title-bar-controls{display:flex;gap:2px}.title-bar-controls button{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-black) var(--win98-black) var(--win98-white);width:16px;height:14px;padding:0;display:flex;align-items:center;justify-content:center;font-family:Marlett,monospace;font-size:10px;cursor:pointer}.title-bar-controls button:active{border-color:var(--win98-black) var(--win98-white) var(--win98-white) var(--win98-black)}.title-bar-controls button[aria-label=Minimize]:before{content:"0"}.title-bar-controls button[aria-label=Maximize]:before{content:"1"}.title-bar-controls button[aria-label=Close]:before{content:"r"}.window-body{background-color:var(--win98-gray);flex:1;display:flex;flex-direction:column;overflow:hidden}.menu-bar{background-color:var(--win98-gray);border-bottom:1px solid var(--win98-white);display:flex;padding:2px 0}.menu-item{background:none;border:none;padding:4px 8px;cursor:pointer;font-family:inherit;font-size:11px;position:relative}.menu-item:hover{background-color:var(--win98-blue);color:var(--win98-white)}button{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);padding:4px 12px;font-family:inherit;font-size:11px;cursor:pointer;min-width:75px}button:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);padding:5px 11px 3px 13px}button:focus{outline:1px dotted var(--win98-black);outline-offset:-4px}.inset{border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background-color:var(--win98-white)}.status-bar{border-top:1px solid var(--win98-white);padding:2px 4px;display:flex;justify-content:space-between;align-items:center;min-height:18px}.status-bar span{display:inline-block;border:1px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);padding:2px 4px;flex:1}.status-bar .cursor-position{flex:0 0 auto;min-width:100px;text-align:center}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:teal;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-window{background:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);box-shadow:4px 4px 10px #00000059;width:400px}.loading-title-bar{background:linear-gradient(to right,navy,#1084d0);color:#fff;padding:2px 4px;font-weight:700;font-size:11px}.loading-title{font-family:"MS Sans Serif",Tahoma,sans-serif}.loading-content{padding:20px;text-align:center}.loading-icon{font-size:64px;margin-bottom:10px;animation:paint-brush 2s ease-in-out infinite}@keyframes paint-brush{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.loading-text{font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:24px;margin:10px 0 20px;color:navy;text-shadow:1px 1px 0 #ffffff}.loading-bar-container{background:#000;border:1px solid #808080;height:20px;margin:20px 0;position:relative}.loading-bar{background:repeating-linear-gradient(90deg,navy,navy 10px,#1084d0 10px,#1084d0 20px);height:100%;width:0%;animation:loading-progress 3s ease-out forwards}@keyframes loading-progress{0%{width:0%}20%{width:15%}40%{width:35%}60%{width:60%}80%{width:85%}to{width:100%}}.loading-status{font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:11px;color:#666;margin-top:10px}.loading-screen.fade-out{opacity:0;transition:opacity .3s ease-out}.paint-container{display:flex;gap:2px;padding:2px;background-color:var(--win98-gray);flex:1;overflow:hidden}.left-sidebar{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.toolbox{border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background-color:var(--win98-gray);width:180px;flex-shrink:0;margin-bottom:2px}.toolbox-header{background:linear-gradient(135deg,#666,#888,#aaa);border-bottom:1px solid var(--win98-dark-gray);padding:4px 6px;text-align:center}.toolbox-title{font-weight:700;font-size:11px;color:var(--win98-white);text-shadow:1px 1px 0 rgba(0,0,0,.5)}.toolbox-content{padding:6px}.tool-grid{display:grid;grid-template-columns:repeat(6,26px);gap:2px;justify-content:center}.tool-button{width:26px;height:26px;padding:0;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background-color:var(--win98-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .1s ease}.tool-button:hover{background-color:var(--win98-light-gray);border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);transform:translateY(-1px)}.tool-button.active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background:linear-gradient(135deg,#4a90e2,#357abd,#1e5f99);color:#fff;transform:translateY(1px)}.tool-button.active .tool-icon{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.tool-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:18px;color:#000;-webkit-user-select:none;user-select:none;font-weight:700}.tool-category{margin-bottom:8px}.tool-category-label{font-size:9px;font-weight:700;color:var(--win98-dark-gray);margin-bottom:3px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.tool-row{display:flex;gap:2px;justify-content:center;margin-bottom:3px}.tool-row .tool-button{flex:0 0 26px}.canvas-container{flex:1;border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background-color:var(--win98-dark-gray);overflow:auto;position:relative;min-height:0}.canvas-wrapper{display:inline-block;margin:3px;position:relative}#canvas{background-color:#fff;border:1px solid var(--win98-black);cursor:crosshair;display:block;image-rendering:pixelated}.color-palette{border-top:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);padding:4px;background-color:var(--win98-gray)}.color-selection{display:flex;gap:4px;align-items:center}.selected-colors{flex-shrink:0}.color-preview{width:32px;height:32px;position:relative;border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray)}.secondary-color{position:absolute;top:4px;left:4px;width:16px;height:16px;background-color:#fff;border:1px solid var(--win98-black)}.primary-color{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background-color:#000;border:1px solid var(--win98-black);z-index:1}.color-grid{display:flex;gap:0;flex-wrap:wrap;padding:2px;border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background-color:var(--win98-gray)}.color-cell{width:16px;height:16px;border:1px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);cursor:pointer;margin:0}.color-cell:hover{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray)}.color-cell:active{border-color:var(--win98-black) var(--win98-light-gray) var(--win98-light-gray) var(--win98-black)}.cursor-pencil{cursor:url(/assets/cursors/pencil.cur),crosshair}.cursor-brush{cursor:url(/assets/cursors/brush.cur),crosshair}.cursor-eraser{cursor:url(/assets/cursors/eraser.cur),crosshair}.cursor-fill{cursor:url(/assets/cursors/fill.cur),crosshair}.cursor-picker{cursor:url(/assets/cursors/picker.cur),crosshair}.cursor-zoom{cursor:url(/assets/cursors/zoom.cur),zoom-in}.cursor-select{cursor:crosshair}.cursor-text{cursor:text}.cursor-spray{cursor:url(/assets/cursors/spray.cur),crosshair}.cursor-line,.cursor-rect,.cursor-ellipse{cursor:crosshair}.web3-panel{border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background-color:var(--win98-gray);width:180px;flex-shrink:0}.web3-header{background:linear-gradient(135deg,#ff6b35,#f7931e,gold);border-bottom:1px solid var(--win98-dark-gray);padding:4px 6px;text-align:center}.web3-title{font-weight:700;font-size:11px;color:var(--win98-black);text-shadow:1px 1px 0 rgba(255,255,255,.5)}.web3-subtitle{font-weight:400;font-size:9px;color:var(--win98-dark-gray);margin-top:1px;font-style:italic}.web3-content{padding:6px;display:flex;flex-direction:column;gap:8px}.satirical-message{background:linear-gradient(135deg,#ffe4e1,#ffcccb,#ff6b6b);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);padding:6px;text-align:center}.satirical-message p{margin:0 0 2px;font-size:9px;font-weight:700;color:var(--win98-black);line-height:1.2}.satirical-message p:last-child{margin-bottom:0}.package-status{border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:linear-gradient(135deg,#f0f0f0,#e0e0e0,#d0d0d0);padding:2px;margin-bottom:8px}.package-selector{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.package-label{font-size:10px;font-weight:700;color:var(--win98-dark-gray)}.package-dropdown{padding:4px;border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background-color:var(--win98-white);font-family:inherit;font-size:10px;cursor:pointer}.package-dropdown:focus{outline:1px dotted var(--win98-black);outline-offset:-3px}.package-status-compact{display:flex;align-items:center;gap:6px;padding:6px 8px;background-color:var(--win98-white);font-size:10px}.package-status-compact.ready{background:linear-gradient(135deg,#90ee90,#7dd87d,#6ac86a);color:#040;font-weight:700}.package-icon{font-size:14px}.package-text{font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generate-package-btn{display:flex;align-items:center;gap:8px;padding:8px;border:3px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:linear-gradient(135deg,#4a90e2,#357abd,#1e5f99);cursor:pointer;font-family:inherit;color:#fff;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.5);min-height:50px}.generate-package-btn:hover:not(:disabled){background:linear-gradient(135deg,#5ba0f2,#4589cd,#2e6fa9)}.generate-package-btn:active:not(:disabled){border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background:linear-gradient(135deg,#3a80d2,#2570ad,#144f89)}.generate-package-btn:disabled{background:var(--win98-gray);color:var(--win98-dark-gray);cursor:not-allowed;text-shadow:none}.download-package-btn{display:flex;align-items:center;gap:6px;padding:6px;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:linear-gradient(135deg,#32cd32,#228b22,#006400);cursor:pointer;font-family:inherit;color:#fff;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.5);min-height:40px}.download-package-btn:hover:not(:disabled){background:linear-gradient(135deg,#42dd42,#329b32,#107410)}.download-package-btn:active:not(:disabled){border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background:linear-gradient(135deg,#22bd22,#127b12,#005400)}.download-package-btn:disabled{background:var(--win98-gray);color:var(--win98-dark-gray);cursor:not-allowed;text-shadow:none}.btn-icon{font-size:20px;flex-shrink:0}.btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.btn-title{font-size:11px;line-height:1}.btn-subtitle{font-size:9px;font-weight:400;opacity:.9;line-height:1}.copy-metadata-btn{display:flex;align-items:center;gap:6px;padding:6px;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:linear-gradient(135deg,#9b59b6,#8e44ad,#639);cursor:pointer;font-family:inherit;color:#fff;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.5);min-height:40px}.copy-metadata-btn:hover{background:linear-gradient(135deg,#ab69c6,#9e54bd,#7643a9)}.copy-metadata-btn:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background:linear-gradient(135deg,#8b49a6,#7e349d,#562289)}.twitter-roast-btn{display:flex;align-items:center;gap:6px;padding:6px;border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);background:linear-gradient(135deg,#1da1f2,#1991db,#0c7abf);cursor:pointer;font-family:inherit;color:#fff;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.5);min-height:40px}.twitter-roast-btn:hover{background:linear-gradient(135deg,#2db1ff,#29a1eb,#1c8acf)}.twitter-roast-btn:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background:linear-gradient(135deg,#0d91e2,#0981cb,#066aaf)}.web3-stats{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--win98-dark-gray);padding-top:6px}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:9px}.stat-label{color:var(--win98-dark-gray);font-weight:700}.stat-value{color:var(--win98-black);font-weight:700}.stat-value.connected{color:#060}.stat-value.error{color:#c00}.twitter-link{display:flex;align-items:center;margin-right:8px;text-decoration:none;padding:4px 6px;border-radius:2px;transition:background-color .2s ease}.twitter-link:hover{background-color:#fff3}.twitter-icon{font-size:16px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.8);transition:transform .2s ease,text-shadow .2s ease}.twitter-link:hover .twitter-icon{transform:scale(1.1);text-shadow:1px 1px 0 rgba(0,0,0,.8),0 0 8px rgba(255,255,255,.5)}@media (max-width: 900px){.left-sidebar,.web3-panel{width:160px}.btn-title{font-size:10px}.btn-subtitle{font-size:8px}.twitter-icon{font-size:14px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:10000;font-family:"MS Sans Serif","Microsoft Sans Serif",sans-serif;font-size:11px}.modal-window{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);box-shadow:2px 2px 0 0 var(--win98-black);min-width:600px;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-title-bar{background:linear-gradient(to right,var(--win98-title-gradient-start),var(--win98-title-gradient-end));color:var(--win98-white);padding:2px 2px 3px 3px;display:flex;justify-content:space-between;align-items:center;font-weight:700;-webkit-user-select:none;user-select:none}.modal-title-text{flex-grow:1;padding:1px 8px;font-size:11px}.modal-title-controls{display:flex}.modal-close-btn{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-black) var(--win98-black) var(--win98-white);width:16px;height:14px;padding:0;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:12px;font-weight:700;cursor:pointer;color:var(--win98-black)}.modal-close-btn:active{border-color:var(--win98-black) var(--win98-white) var(--win98-white) var(--win98-black)}.modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-content{flex:1;padding:12px;overflow-y:auto;display:flex;gap:16px}.artwork-section{flex-shrink:0;width:180px}.section-header{font-weight:700;margin-bottom:8px;color:var(--win98-black);border-bottom:1px solid var(--win98-dark-gray);padding-bottom:2px}.artwork-preview-container{border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);padding:8px;background-color:var(--win98-white);text-align:center}.artwork-preview{border:1px solid var(--win98-black);image-rendering:pixelated}.artwork-info{margin-top:8px}.info-text{font-size:10px;color:var(--win98-dark-gray);line-height:1.3}.form-section{flex:1;min-width:0}.form-group{margin-bottom:12px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}label{display:block;font-weight:700;margin-bottom:4px;color:var(--win98-black)}input[type=text],input[type=number],textarea,select{width:100%;padding:2px 4px;border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background-color:var(--win98-white);font-family:inherit;font-size:11px;box-sizing:border-box}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:1px dotted var(--win98-black);outline-offset:-3px}textarea{resize:vertical;min-height:60px}.hint{font-size:10px;color:var(--win98-dark-gray);margin-top:2px;line-height:1.2}.tag-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);padding:2px 8px;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:none}.tag:hover{background-color:var(--win98-light-gray)}.tag.active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background-color:var(--win98-light-gray)}.wallet-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--win98-dark-gray)}.wallet-status{margin-bottom:8px}.status-connected,.status-disconnected{display:flex;align-items:center;gap:8px;padding:6px;border:2px solid;border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);background-color:var(--win98-white)}.status-connected{border-color:#00aa00 #004400 #004400 #00aa00;background-color:#f0fff0}.status-icon{font-size:14px}.balance{margin-left:auto;font-weight:700;color:#060}.connect-btn{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);padding:2px 8px;font-family:inherit;font-size:11px;cursor:pointer;margin-left:auto}.connect-btn:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);padding:3px 7px 1px 9px}.creation-cost{padding:6px;border:1px solid var(--win98-dark-gray);background-color:#ffc}.cost-info{display:flex;align-items:center;gap:4px;font-size:10px}.cost-breakdown{color:var(--win98-dark-gray);font-size:9px;margin-left:auto}.affordable{color:#060;font-weight:700}.too-expensive{color:#c00;font-weight:700}.modal-footer{border-top:1px solid var(--win98-white);padding:8px 12px;background-color:var(--win98-gray)}.button-group{display:flex;justify-content:flex-end;gap:8px}.btn-primary,.btn-secondary{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white);padding:4px 16px;font-family:inherit;font-size:11px;cursor:pointer;min-width:80px}.btn-primary{font-weight:700}.btn-primary:disabled{color:var(--win98-dark-gray);cursor:not-allowed}.btn-primary:not(:disabled):active,.btn-secondary:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray);padding:5px 15px 3px 17px}.modal-content::-webkit-scrollbar{width:16px}.modal-content::-webkit-scrollbar-track{background-color:var(--win98-gray);border:1px solid var(--win98-dark-gray)}.modal-content::-webkit-scrollbar-thumb{background-color:var(--win98-gray);border:2px solid;border-color:var(--win98-white) var(--win98-dark-gray) var(--win98-dark-gray) var(--win98-white)}.modal-content::-webkit-scrollbar-thumb:active{border-color:var(--win98-dark-gray) var(--win98-white) var(--win98-white) var(--win98-dark-gray)}@media (max-width: 700px){.modal-window{min-width:90vw;max-height:95vh}.modal-content{flex-direction:column;gap:12px}.artwork-section{width:auto}.form-row{flex-direction:column;gap:8px}}