:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-panel:#111827d9;--text-main:#f9fafb;--text-muted:#d1d5db;--danger:#ef4444;--active:#10b981;--bg-app:#1e293b;--line-color:#fff;--line-shadow:#000;--border-color:#ffffff1a}body.light-mode{--bg-panel:#ffffffd9;--text-main:#111827;--text-muted:#4b5563;--bg-app:#f8fafc;--line-color:#0f172a;--line-shadow:#ffffffe6;--border-color:#0000001a}*{box-sizing:border-box;touch-action:none}body,html{background-color:var(--bg-app);width:100%;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#background-container{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}#voronoi-canvas{z-index:2;cursor:crosshair;width:100vw;height:100vh;position:absolute;top:0;left:0}.controls{z-index:10;flex-direction:column;gap:12px;width:90%;max-width:500px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.toolbar,.actions{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;justify-content:center;gap:8px;padding:8px;display:flex;box-shadow:0 8px 32px #0000004d}.top-settings{z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:16px;right:16px}.color-palette{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:8px;max-width:calc(100% - 60px);padding:8px;display:flex;box-shadow:0 4px 16px #0003}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;flex:none;width:32px;height:32px;padding:0;transition:transform .2s;box-shadow:0 2px 4px #0000004d}.color-btn.active{border-color:var(--text-main);transform:scale(1.1)}#btn-theme{background:var(--bg-panel);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 16px #0003}button,.action-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}button:active,.action-btn:active{transform:scale(.96)}.tool-btn.active{background:var(--primary);border-color:var(--primary-hover);box-shadow:0 0 15px #4f46e580}input[type=file]{display:none}@media (width<=600px){button,.action-btn{padding:14px 8px;font-size:14px}}.author-link{z-index:10;color:var(--text-muted);opacity:.4;letter-spacing:.5px;font-size:12px;text-decoration:none;transition:opacity .2s;position:absolute;bottom:8px;right:12px}.author-link:hover{opacity:1;text-decoration:underline}