:root{--accent-primary:#6366f1;--accent-gradient:linear-gradient(135deg,#6366f1,#7c3aed);--accent-glow:rgba(99,102,241,.18);--accent-glow-strong:rgba(99,102,241,.3);--accent-pill-active-bg:rgba(99,102,241,.85);--accent-surface:rgba(99,102,241,.08);--accent-surface-hover:rgba(99,102,241,.15);--accent-border:rgba(99,102,241,.4);--bg-global:#0c1524;--bg-panel:#0f1a2b;--bg-input:hsla(0,0%,100%,.04);--bg-hover:hsla(0,0%,100%,.07);--bg-surface-subtle:hsla(0,0%,100%,.03);--border-default:hsla(0,0%,100%,.1);--border-subtle:hsla(0,0%,100%,.06);--border-focus:#6366f1;--border-hover:hsla(0,0%,100%,.14);--border-dashed:hsla(0,0%,100%,.12);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.45);--text-muted:hsla(0,0%,100%,.4);--text-placeholder:hsla(0,0%,100%,.28);--status-active-bg:rgba(16,185,129,.12);--status-active-border:rgba(16,185,129,.3);--status-active-text:#10b981;--status-error-bg:rgba(239,68,68,.12);--status-error-border:rgba(239,68,68,.3);--status-error-text:#ef4444;--status-warning-bg:rgba(234,179,8,.12);--status-warning-border:rgba(234,179,8,.3);--status-warning-text:#eab308;--status-info-bg:rgba(99,102,241,.15);--status-info-border:rgba(99,102,241,.3);--status-info-text:#6366f1;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:22px;--radius-full:9999px;--radius:0.75rem;--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:238.7 83.5% 66.7%;--primary-foreground:0 0% 100%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--ring:238.7 83.5% 66.7%}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%}:root{--stitch-primary:#00e096;--stitch-primary-hover:#00c483;--stitch-primary-dark:#00a870;--stitch-bg-light:#f3f4f6;--stitch-bg-dark:#0b0f19;--stitch-surface-dark:#111827;--stitch-surface-light:#fff;--stitch-border-dark:#1f2937;--stitch-border-light:#e5e7eb;--stitch-widget-orange:#ea580c;--stitch-widget-bg:#1f2937;--stitch-shadow-glow:0 0 20px rgba(0,224,150,.15);--stitch-shadow-primary:0 10px 15px -3px rgba(0,224,150,.1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px rgba(0,224,150,.3)}50%{box-shadow:0 0 20px rgba(0,224,150,.6)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.animate-pulse-glow{animation:pulse-glow 2s infinite}.stitch-shadow-glow{box-shadow:var(--stitch-shadow-glow)}.stitch-shadow-primary{box-shadow:var(--stitch-shadow-primary)}.inline-edit-hover{cursor:text;transition:background-color .2s,outline-color .2s}.inline-edit-hover:hover{background-color:#fef3c7;outline:1px solid #fbbf24;border-radius:.25rem;padding-left:.25rem;padding-right:.25rem;margin-left:-.25rem;margin-right:-.25rem}.dark .inline-edit-hover:hover{background-color:rgba(113,63,18,.2)}.stitch-btn-primary{background-color:var(--stitch-primary);color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:var(--stitch-shadow-primary);transition:all .2s;transform-origin:center}.stitch-btn-primary:hover{background-color:var(--stitch-primary-hover)}.stitch-btn-primary:active{transform:scale(.95)}.stitch-btn-secondary{border:1px solid #d1d5db;color:#4b5563;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s,color .2s}.stitch-btn-secondary:hover{background-color:#f3f4f6}.dark .stitch-btn-secondary{border-color:#4b5563;color:#d1d5db}.dark .stitch-btn-secondary:hover{background-color:#374151}.stitch-input{width:100%;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .75rem;color:#374151;outline:none;transition:all .2s}.stitch-input:focus{ring:2px;ring-color:var(--stitch-primary);border-color:var(--stitch-primary)}.dark .stitch-input{background-color:#1f2937;border-color:#4b5563;color:#e5e7eb}.stitch-textarea{width:100%;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .75rem;color:#374151;outline:none;transition:all .2s;font-family:Inter,system-ui,sans-serif;font-size:.75rem}.dark .stitch-textarea{background-color:#1f2937;border-color:#4b5563;color:#e5e7eb}.stitch-toggle-track{position:relative;width:2.75rem;height:1.5rem;background-color:#e5e7eb;border-radius:9999px;transition:all .2s}.stitch-toggle-track:after{content:"";position:absolute;top:2px;left:2px;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;height:1.25rem;width:1.25rem;transition:all .2s}.stitch-toggle-track.checked{background-color:var(--stitch-primary)}.stitch-toggle-track.checked:after{transform:translateX(1.25rem);border-color:#fff}.dark .stitch-toggle-track{background-color:#374151}.stitch-accordion-header{width:100%;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.stitch-accordion-header:hover{background-color:#f9fafb}.dark .stitch-accordion-header{background-color:#1f2937;border-bottom-color:#374151}.dark .stitch-accordion-header:hover{background-color:#111827}.stitch-sidebar-active{background-color:#f3f4f6;color:var(--stitch-primary);font-weight:500;border:1px solid transparent}.dark .stitch-sidebar-active{background-color:rgba(17,24,39,.5);border-color:rgba(0,224,150,.2)}.stitch-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.5rem;color:#4b5563;cursor:pointer;transition:background-color .2s,color .2s}.stitch-sidebar-item:hover{background-color:#f3f4f6}.dark .stitch-sidebar-item{color:#9ca3af}.dark .stitch-sidebar-item:hover{background-color:#1f2937}.stitch-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:box-shadow .2s}.stitch-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dark .stitch-card{background-color:#1f2937;border-color:#374151}.stitch-badge-success{border-radius:.25rem;background-color:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.stitch-badge-success,.stitch-badge-warning{padding:.125rem .5rem;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stitch-badge-warning{border-radius:.25rem;background-color:rgba(249,115,22,.1);color:#f97316;border:1px solid rgba(249,115,22,.2)}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@media (max-width:1280px){.stitch-sidebar{width:220px}.stitch-editor-panel{width:360px}}@media (max-width:1024px){.stitch-sidebar{width:80px}.stitch-sidebar span:not(.material-icons-round){display:none}}