: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)}.field-label{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.dark .field-label,.field-label{color:#94a3b8}@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(svg){display:none}}