*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}button{font:inherit;cursor:pointer}:root{--color-bg: #ffffff;--color-surface: #f8fafc;--color-surface-elev: #f1f5f9;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-accent: #5865F2;--color-accent-hover: #4752c4;--color-success: #10b981;--color-success-bg: #d1fae5;--color-accent-bg: rgba(88, 101, 242, .12);--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06)}:root[data-theme=dark]{--color-bg: #0b0f17;--color-surface: #111827;--color-surface-elev: #1f2937;--color-border: #1f2937;--color-text: #e5e7eb;--color-text-muted: #94a3b8;--color-accent: #818cf8;--color-accent-hover: #6366f1;--color-success: #34d399;--color-success-bg: #064e3b;--color-accent-bg: rgba(129, 140, 248, .2);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3)}html,body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .15s ease,color .15s ease}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.15;letter-spacing:-.01em}.inline-tabs{display:inline-flex;align-items:flex-end;gap:2px;align-self:stretch}.inline-tab{display:inline-flex;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;text-decoration:none;margin-bottom:-1px;transition:background .12s ease,color .12s ease;cursor:pointer}.inline-tab:hover{background:var(--color-surface-elev);color:var(--color-text)}.inline-tab--active{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border);font-weight:600}.inline-tab--active:hover{background:var(--color-bg)}.ntts-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--color-accent-bg);color:var(--color-accent);background-size:200% 100%;background-position:50% 0;transition:transform .18s ease,box-shadow .18s ease;cursor:default}.ntts-badge:hover{transform:scale(1.08);box-shadow:0 0 8px var(--color-accent);background-image:linear-gradient(90deg,var(--color-accent-bg) 0%,rgba(255,255,255,.35) 50%,var(--color-accent-bg) 100%);animation:ntts-shimmer 1.6s linear infinite}@keyframes ntts-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dev-badge{position:relative;display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.04em;background:#ef444426;color:#ef4444;transition:transform .18s ease,box-shadow .18s ease;cursor:default}:root[data-theme=dark] .dev-badge{background:#f8717133;color:#f87171}.dev-badge:hover{transform:scale(1.08);box-shadow:0 0 8px #ef4444}.dev-confetti{position:absolute;top:50%;left:50%;width:5px;height:5px;background:var(--dev-c, #ef4444);border-radius:1px;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.dev-badge:hover .dev-confetti{animation:dev-confetti-burst .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes dev-confetti-burst{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--dev-dx, 20px)),calc(-50% + var(--dev-dy, -20px))) rotate(540deg);opacity:0}}.layer-selection{animation:layer-selection-march 1s linear infinite}@keyframes layer-selection-march{0%{stroke-dashoffset:0}to{stroke-dashoffset:-14}}@media(prefers-reduced-motion:reduce){.layer-selection{animation:none}}.app-shell{min-height:100%;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text)}.app-header{display:flex;align-items:stretch;justify-content:flex-start;padding:0 clamp(16px,4vw,32px);min-height:56px;border-bottom:1px solid var(--color-border);background:var(--color-surface);gap:16px}.app-header__brand{display:flex;align-items:center;font-weight:700;letter-spacing:-.01em;font-size:18px;color:var(--color-text)}.app-header__actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.auth-slot{min-width:200px;display:flex;justify-content:flex-end}.editor-layout{flex:1;display:grid;grid-template-columns:260px 1fr 280px;min-height:0}.editor-aside-left{border-right:1px solid var(--color-border);padding:16px;background:var(--color-surface);overflow-y:auto;display:flex;flex-direction:column;min-height:0}.editor-canvas-section{position:relative;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--color-bg)}.editor-aside-right{border-left:1px solid var(--color-border);padding:16px;background:var(--color-surface);overflow-y:auto;min-height:0;display:flex;flex-direction:column}.page-content{padding:clamp(24px,4vw,48px) clamp(16px,4vw,40px);width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box}@media(max-width:899px){.app-header{padding:8px clamp(12px,4vw,32px);gap:8px;flex-wrap:wrap}.app-header__brand{font-size:16px}.app-header__actions{gap:8px}.auth-slot{min-width:0}.app-header .inline-tabs{flex-basis:100%;order:5;margin-bottom:-1px;overflow-x:auto}.editor-layout{display:flex;flex-direction:column;overflow-y:auto}.editor-aside-left,.editor-aside-right{border-left:none;border-right:none;border-bottom:1px solid var(--color-border);overflow-y:visible}.editor-canvas-section{min-height:480px;padding:16px}}