:root{--page-bg:#0b0d10;--window-bg:#fff;--titlebar:#e5e7eb;--border:#cfcfd3;--screen:#1e1f22;--text:#e5e7eb;--muted:#6b7280;--green:#20c20e}*{box-sizing:border-box}body,html{height:100%;margin:0}body{display:grid;place-items:center;background:var(--page-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;color:var(--text)}.site{display:flex;flex-direction:column;align-items:center;gap:22px}.logo{width:clamp(220px,28vw,320px);height:auto;display:block}.hint{color:#d1d5db;font-size:14px;text-align:center;margin-top:-10px}.terminal-window{width:min(920px,94vw);border-radius:10px;background:var(--window-bg);box-shadow:0 18px 48px rgba(0,0,0,.55);overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column}.title-bar{height:36px;background:var(--titlebar);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--border)}.title-buttons{position:absolute;left:12px;display:flex;gap:8px}.title-buttons span{width:12px;height:12px;border-radius:50%;display:inline-block}.title-buttons span:first-child{background:#ff5f56}.title-buttons span:nth-child(2){background:#ffbd2e}.title-buttons span:nth-child(3){background:#27c93f}.title-text{color:#3f3f46;font-size:14px;font-weight:600;letter-spacing:.2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.term-screen{background:var(--screen);height:500px;padding:16px;line-height:1.55;position:relative;color:var(--text);overflow:hidden}.term,.term-screen{display:flex;flex-direction:column;min-height:0}.term{flex:1 1}.term-output{position:relative;flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px;background:var(--screen)}.term-output:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.02) 2px,transparent 0,transparent 4px)}.row{display:flex;gap:10px;align-items:flex-start}.prompt{color:var(--green)}.path{color:#a1e3a1}.output{white-space:pre-wrap}.input-line{display:flex;gap:10px;align-items:center;margin-top:10px;flex:0 0 auto}.input{flex:1 1;background:transparent;color:inherit;border:none;outline:none;font:inherit;caret-color:var(--green)}.footer{margin-top:8px;color:var(--muted);text-align:center;font-size:13px}.ls-token{display:inline-block;margin-right:12px}.ls-file{color:var(--muted)}.ls-dir{color:inherit}.ls-exe{color:#93c5fd}.tab-hint{color:var(--muted);font-size:12px;opacity:.9;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab-key{border:1px solid #475569;color:#cbd5e1;background:#111827;border-radius:4px;padding:0 6px;margin-right:6px;font-size:11px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}.modal-window{width:min(720px,94vw);border-radius:10px;background:var(--window-bg);box-shadow:0 18px 48px rgba(0,0,0,.55);overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column}.modal-body{padding:16px;background:#f8fafc;color:#0f172a}.form{display:grid;grid-gap:14px;gap:14px}.form label{font-size:12px;color:#334155;display:block;margin-bottom:6px}.form .row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:12px;gap:12px}.form input[type=color]{width:40px;height:28px;border:1px solid #e5e7eb;background:transparent;padding:0}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:6px 10px;border-radius:8px;cursor:pointer}.btn.primary{background:#16a34a;border-color:#16a34a;color:#fff}.btn.ghost{background:transparent}.btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.calc{display:grid;grid-gap:12px;gap:12px}.calc-display{background:var(--screen);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;text-align:right;font-size:28px;font-weight:700;min-height:48px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.key{border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:10px 0;border-radius:8px;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.key.op{background:#f1f5f9}.key.eq{background:#16a34a;border-color:#16a34a;color:#fff}.key.wide{grid-column:span 2}.paint-toolbar{justify-content:space-between;margin-bottom:10px}.paint-left,.paint-right,.paint-toolbar{display:flex;align-items:center;gap:10px}.paint-left,.paint-right{flex-wrap:wrap}.paint-canvas{border:1px solid #cbd5e1;border-radius:8px;background:#fff;width:100%;height:420px;cursor:crosshair;touch-action:none}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer}.range{accent-color:#16a34a}.matrix-overlay{position:fixed;inset:0;background:#000;z-index:60;overflow:hidden}.matrix-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.matrix-topbar{position:absolute;top:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.35);border-bottom:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.matrix-topbar .title-text{color:#e5e7eb}.matrix-actions{position:absolute;right:12px;display:flex;gap:8px}.image-window{width:min(820px,95vw);height:min(80vh,600px);display:flex;flex-direction:column}.image-body{background:#0b0d10;flex:1 1;display:flex;flex-direction:column;gap:12px;padding:12px;overflow:hidden;min-height:0}.image-viewport{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.image-fit{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:8px}.image-actions{display:flex;justify-content:flex-end;gap:10px}