:root{--w95-silver:silver;--w95-silver-light:#dfdfdf;--w95-white:#fff;--w95-gray:gray;--w95-black:#0a0a0a;--w95-navy:navy;--w95-navy-2:#1084d0;--w95-desktop:teal;--w95-text:#000;--w95-disabled:gray;--font-ui:"Tahoma", "MS Sans Serif", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--w95-desktop);font-family:var(--font-ui);color:var(--w95-text);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;font-size:11px;overflow:hidden}.raised{background:var(--w95-silver);box-shadow:inset -1px -1px var(--w95-black), inset 1px 1px var(--w95-white), inset -2px -2px var(--w95-gray), inset 2px 2px var(--w95-silver-light)}.raised-thin{background:var(--w95-silver);box-shadow:inset -1px -1px var(--w95-gray), inset 1px 1px var(--w95-white)}.sunken{background:var(--w95-white);box-shadow:inset -1px -1px var(--w95-white), inset 1px 1px var(--w95-gray), inset -2px -2px var(--w95-silver-light), inset 2px 2px var(--w95-black)}.sunken-thin{box-shadow:inset -1px -1px var(--w95-white), inset 1px 1px var(--w95-gray)}.paint-window{flex-direction:column;padding:3px;display:flex;position:fixed;inset:4px}.titlebar{background:linear-gradient(90deg, var(--w95-navy), var(--w95-navy-2));color:#fff;flex:none;align-items:center;gap:4px;height:20px;padding:2px 3px;font-weight:700;display:flex}.titlebar-icon{width:16px;height:16px;image-rendering:pixelated}.titlebar-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.titlebar-btn{width:16px;height:14px;font-family:var(--font-ui);color:#000;border:none;place-items:center;padding:0;font-size:9px;font-weight:700;display:grid}.titlebar-btn:active{box-shadow:inset 1px 1px var(--w95-black), inset -1px -1px var(--w95-white), inset 2px 2px var(--w95-gray)}.menubar{background:var(--w95-silver);z-index:40;flex:none;height:19px;display:flex;position:relative}.menubar-item{font:inherit;color:inherit;background:0 0;border:none;padding:3px 7px 2px}.menubar-item[aria-expanded=true],.menubar-item:hover:not(:disabled){background:var(--w95-navy);color:#fff}.menu-dropdown{z-index:50;min-width:160px;padding:2px;position:absolute;top:100%}.menu-entry{width:100%;font:inherit;text-align:left;color:inherit;white-space:nowrap;background:0 0;border:none;justify-content:space-between;gap:24px;padding:4px 16px;display:flex}.menu-entry:hover:not(:disabled){background:var(--w95-navy);color:#fff}.menu-entry:disabled{color:var(--w95-disabled);text-shadow:1px 1px 0 var(--w95-white)}.menu-entry .shortcut{color:inherit}.menu-separator{border-top:1px solid var(--w95-gray);border-bottom:1px solid var(--w95-white);height:0;margin:3px 2px}.main-row{flex:1;min-height:0;display:flex}.toolbox{flex-direction:column;flex:none;align-items:center;gap:4px;width:58px;padding:3px 2px;display:flex}.tool-grid{grid-template-columns:repeat(2,25px);gap:1px;display:grid}.tool-btn{border:none;place-items:center;width:25px;height:25px;padding:0;display:grid}.tool-btn:active:not(:disabled),.tool-btn[aria-pressed=true]{background:repeating-conic-gradient(var(--w95-white) 0% 25%, var(--w95-silver) 0% 50%) 0 0 / 2px 2px;box-shadow:inset 1px 1px var(--w95-black), inset -1px -1px var(--w95-white), inset 2px 2px var(--w95-gray), inset -2px -2px var(--w95-silver-light)}.tool-btn:disabled svg{opacity:.45}.tool-options{background:var(--w95-silver);flex-direction:column;align-items:stretch;gap:2px;width:52px;height:66px;padding:3px;display:flex}.tool-option-row{font:inherit;background:0 0;border:none;justify-content:center;align-items:center;gap:2px;min-height:12px;padding:2px 1px;display:flex}.tool-option-row[aria-checked=true]{background:var(--w95-navy);color:#fff}.tool-option-row[aria-checked=true] .swatch-line{background:#fff}.swatch-line{background:#000;width:34px}.canvas-area{background:var(--w95-gray);flex:1;min-width:0;padding:5px;position:relative;overflow:auto}.canvas-stack{box-shadow:1px 1px 0 var(--w95-black);background:#fff;display:inline-block;position:relative}.canvas-stack canvas{image-rendering:pixelated;display:block}.canvas-overlay{touch-action:none;position:absolute;inset:0}.canvas-text-input{border:1px dashed var(--w95-gray);resize:none;white-space:pre;background:0 0;outline:none;padding:0;font-family:sans-serif;position:absolute;overflow:hidden}.palette-row{background:var(--w95-silver);flex:none;align-items:center;gap:4px;padding:3px 4px;display:flex}.color-indicator{flex:none;width:30px;height:30px;position:relative}.color-indicator .chip{width:15px;height:15px;position:absolute}.color-indicator .chip.fg{z-index:1;top:3px;left:3px}.color-indicator .chip.bg{bottom:3px;right:3px}.palette-grid{grid-template-rows:repeat(2,16px);grid-auto-columns:16px;grid-auto-flow:column;display:grid}.palette-cell{border:none;width:16px;height:16px;padding:0}.statusbar{background:var(--w95-silver);flex:none;gap:2px;padding:2px 2px 1px;display:flex}.statusbar-cell{white-space:nowrap;height:18px;padding:2px 6px;overflow:hidden}.statusbar-cell.grow{flex:1}.statusbar-cell.pos{flex:none;width:110px}.ai-sidebar{background:var(--w95-silver);flex-direction:column;flex:none;width:292px;margin-left:2px;display:flex}.ai-sidebar-header{background:linear-gradient(90deg, var(--w95-navy), var(--w95-navy-2));color:#fff;flex:none;justify-content:space-between;align-items:center;height:18px;margin:2px;padding:1px 4px;font-weight:700;display:flex}.ai-transcript{-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;gap:6px;min-height:0;margin:0 2px;padding:4px;display:flex;overflow-y:auto}.chat-bubble{white-space:pre-wrap;word-break:break-word;max-width:95%;padding:4px 6px;line-height:1.45}.chat-bubble.user{border:1px solid var(--w95-gray);background:#ffc;align-self:flex-end}.chat-bubble.assistant{background:var(--w95-silver);box-shadow:inset -1px -1px var(--w95-gray), inset 1px 1px var(--w95-white);align-self:flex-start}.chat-bubble.action{color:var(--w95-gray);align-self:flex-start;padding:0 6px;font-style:italic}.chat-bubble.error{color:maroon;background:#fff;border:1px solid maroon;align-self:stretch}.ai-busy{color:var(--w95-navy);flex:none;align-items:center;gap:6px;margin:0 2px;padding:3px 6px;display:flex}.ai-busy .blink{animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.ai-input-row{flex:none;gap:2px;padding:2px;display:flex}.ai-input{min-width:0;font:inherit;resize:none;-webkit-user-select:text;user-select:text;border:none;outline:none;flex:1;height:40px;padding:3px 4px}.w95-btn{font:inherit;border:none;min-width:60px;padding:3px 12px}.w95-btn:active:not(:disabled){box-shadow:inset 1px 1px var(--w95-black), inset -1px -1px var(--w95-white), inset 2px 2px var(--w95-gray)}.w95-btn:disabled{color:var(--w95-disabled);text-shadow:1px 1px 0 var(--w95-white)}.w95-btn:focus-visible,.tool-btn:focus-visible,.palette-cell:focus-visible,.menubar-item:focus-visible,.menu-entry:focus-visible,.tool-option-row:focus-visible{outline-offset:-4px;outline:1px dotted #000}.menu-entry:focus-visible{outline-offset:-2px}.dialog-scrim{z-index:100;background:0 0;place-items:center;display:grid;position:fixed;inset:0}.dialog{flex-direction:column;min-width:280px;padding:3px;display:flex}.dialog-body{flex-direction:column;gap:10px;padding:12px;display:flex}.dialog-field-row{align-items:center;gap:8px;display:flex}.dialog-field-row label{width:52px}.w95-input{font:inherit;-webkit-user-select:text;user-select:text;border:none;outline:none;width:80px;padding:2px 4px}.dialog-buttons{justify-content:flex-end;gap:6px;padding:0 12px 12px;display:flex}.canvas-area::-webkit-scrollbar{width:16px;height:16px}.ai-transcript::-webkit-scrollbar{width:16px;height:16px}.canvas-area::-webkit-scrollbar-track{background:repeating-conic-gradient(var(--w95-white) 0% 25%, var(--w95-silver) 0% 50%) 0 0 / 2px 2px}.ai-transcript::-webkit-scrollbar-track{background:repeating-conic-gradient(var(--w95-white) 0% 25%, var(--w95-silver) 0% 50%) 0 0 / 2px 2px}.canvas-area::-webkit-scrollbar-thumb{background:var(--w95-silver);box-shadow:inset -1px -1px var(--w95-black), inset 1px 1px var(--w95-white), inset -2px -2px var(--w95-gray), inset 2px 2px var(--w95-silver-light)}.ai-transcript::-webkit-scrollbar-thumb{background:var(--w95-silver);box-shadow:inset -1px -1px var(--w95-black), inset 1px 1px var(--w95-white), inset -2px -2px var(--w95-gray), inset 2px 2px var(--w95-silver-light)}.canvas-area::-webkit-scrollbar-corner{background:var(--w95-silver)}
