:root{--bg-main:#f7f8f5;--bg-surface:#fafbf9;--bg-alt:#f0f2ee;--border-default:#e2e5df;--divider:#d8dcd5;--text-primary:#2a3a2e;--text-secondary:#4a5a4d;--text-muted:#6b7a6e;--text-disabled:#a5b5a8;--accent-primary:#5e7a68;--accent-primary-hover:#4a6454;--accent-secondary:#7a9a85;--accent-secondary-hover:#6b8a75;--success:#4b7c60;--warning:#c8a600;--danger:#b04a4a;--info:#6f7d8c;--canvas-bg:#eeefe8;--grid:#d5d8ce;--selection:#5e7a68;--safe-zone:#d0e5d7;--warning-zone:#e8e3b8;--error-zone:#e5d0d0;--shadow-sm:0 1px 2px 0 rgba(42,58,46,.06);--shadow-md:0 4px 6px -1px rgba(42,58,46,.1),0 2px 4px -2px rgba(42,58,46,.08);--shadow-lg:0 10px 15px -3px rgba(42,58,46,.12),0 4px 6px -4px rgba(42,58,46,.1);--shadow-xl:0 20px 25px -5px rgba(42,58,46,.14),0 8px 10px -6px rgba(42,58,46,.12)}.dark,[data-theme=dark]{--bg-main:#0f120f;--bg-surface:#151a15;--bg-alt:#1a201a;--border-default:#2a352a;--divider:#354035;--text-primary:#e8f0e8;--text-secondary:#c8d8c8;--text-muted:#95a895;--text-disabled:#5a6a5a;--accent-primary:#7a9a85;--accent-primary-hover:#8faa9a;--accent-secondary:#95a895;--accent-secondary-hover:#a5b8a5;--success:#6f9c83;--warning:#d6c15a;--danger:#c97373;--info:#9fb0c0;--canvas-bg:#121512;--grid:#2a352a;--selection:#7a9a85;--safe-zone:#3c5f4d;--warning-zone:#5f5a3c;--error-zone:#5f3c3c;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -4px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6),0 8px 10px -6px rgba(0,0,0,.5)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary,body{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.bg-surface{background-color:var(--bg-surface)}.bg-alt{background-color:var(--bg-alt)}.bg-canvas{background-color:var(--canvas-bg)}.border-default{border-color:var(--border-default)}.ai-bubble{background-color:var(--accent-primary);color:#fff;transition:all .2s ease}.ai-bubble:hover{background-color:var(--accent-primary-hover)}.ai-thinking{color:var(--text-muted)}.btn-primary{background-color:var(--accent-primary);color:#fff;border:none;transition:all .2s ease}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background-color:var(--bg-alt);border-color:var(--accent-primary)}.btn-success{background-color:var(--success);color:#fff}.btn-warning{background-color:var(--warning);color:#fff}.btn-danger{background-color:var(--danger);color:#fff}.editor-canvas{background-color:var(--canvas-bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px}.editor-selection{outline:2px solid var(--selection);box-shadow:0 0 8px rgba(94,122,104,.4)}.editor-safe-zone{background-color:var(--safe-zone)}.editor-warning-zone{background-color:var(--warning-zone)}.editor-error-zone{background-color:var(--error-zone)}a,button,input,select,textarea{transition:all .2s ease}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--text-primary);text-decoration:none}a:hover{color:var(--accent-primary)}.card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}input,select,textarea{background-color:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);border-radius:4px}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--bg-alt) 25%,var(--border-default) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .4s ease}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}