:root{--bg-color: #0f172a;--sidebar-bg: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--accent-hover: #0ea5e9;--border-color: rgba(148, 163, 184, .1);--glass-border: 1px solid rgba(255, 255, 255, .05);--font-main: "Outfit", sans-serif;--thread-color: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);height:100vh;overflow:hidden}.app-container{display:flex;height:100%}.sidebar{width:320px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:var(--glass-border);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;z-index:10;overflow-y:auto;max-height:100vh;flex-shrink:0}.logo h1{font-weight:600;font-size:1.5rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo p{font-size:.875rem;color:var(--text-secondary)}.controls{display:flex;flex-direction:column;gap:1rem;flex-grow:1}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.range-wrapper{display:flex;align-items:center;gap:1rem}input[type=range]{flex-grow:1;accent-color:var(--accent-color);height:4px;background:#ffffff1a;border-radius:2px;appearance:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--accent-color);border-radius:50%;cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}#radial-val,#spiral-val,#sag-val{font-variant-numeric:tabular-nums;width:3ch;text-align:right;font-size:.875rem}.checkbox-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.checkbox-option input{accent-color:var(--accent-color);width:16px;height:16px}.color-picker-group{display:flex;gap:1rem}.color-input-wrapper{display:flex;flex-direction:column;gap:.25rem;flex:1}.color-input-wrapper label{font-size:.8rem;color:var(--text-secondary)}input[type=color]{width:100%;height:32px;border:none;border-radius:4px;background:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:4px}.radio-group{display:flex;flex-direction:column;gap:.5rem;background:#0003;padding:.5rem;border-radius:8px}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.radio-option:hover{background:#ffffff0d}.radio-option input{accent-color:var(--accent-color)}.radio-label{font-size:.9rem}.actions{display:flex;flex-direction:column;gap:.75rem}.btn{padding:.75rem;border-radius:8px;border:none;font-family:var(--font-main);font-weight:600;cursor:pointer;transition:all .2s}.btn.primary{background:var(--accent-color);color:#0f172a}.btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn.secondary:hover{background:#ffffff0d;border-color:var(--text-secondary)}.canvas-area{flex-grow:1;justify-content:center;align-items:center;overflow:hidden;display:flex}.checkered-bg{background:conic-gradient(#eee 90deg,#fff 90deg 180deg,#eee 180deg 270deg,#fff 270deg);background-size:20px 20px}.canvas-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}svg{width:90%;height:90%;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:d .3s ease-out,stroke .3s,fill .3s}svg.glowing{filter:url(#glow)}.web-thread{stroke:var(--thread-color, #ffffff);fill:none;stroke-linecap:round;stroke-linejoin:round}.web-thread.tapered{fill:var(--thread-color, rgba(255, 255, 255, .6));stroke:none}#gdpr-banner{position:fixed;left:0;right:0;bottom:0;background:#000000d9;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:12px 16px;display:none;align-items:center;gap:12px;z-index:99999;box-shadow:0 -4px 20px #0006}#gdpr-banner .gdpr-msg{flex:1;font-size:14px;line-height:1.3}#gdpr-banner .gdpr-actions{display:flex;gap:8px}.gdpr-btn{border:0;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}.gdpr-accept{background:#1a73e8;color:#fff}.gdpr-reject{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.12)}@media(max-width:520px){#gdpr-banner{padding:10px}.gdpr-msg{font-size:13px}}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;height:50%;max-height:none;border-right:none;border-top:var(--glass-border);order:2}.canvas-area{height:50%;width:100%;order:1}svg{width:90%;height:90%;max-width:none;max-height:none}}