@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";:root{--color-bg: #faf7f6;--color-surface: #ffffff;--color-border: #ece4e3;--color-border-strong: #d9caca;--color-sidebar-border: #e3d3d3;--color-text: #241a1a;--color-text-secondary: #6b5c5c;--color-text-muted: #a8989a;--color-accent: #b3122a;--color-accent-hover: #8f0e22;--color-accent-bg: #fdeaec;--color-accent-bg-hover: #fbd4d8;--color-danger: #b3541a;--color-danger-bg: #fdf1e6;--color-success: #1f7a3f;--color-warning-bg: #fdf1e6;--color-warning-text: #8a4a12;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 20px;--shadow-sm: 0 1px 3px rgba(46, 10, 15, .08), 0 1px 2px rgba(46, 10, 15, .05);--shadow-md: 0 4px 10px rgba(46, 10, 15, .1), 0 1px 3px rgba(46, 10, 15, .07);--shadow-lg: 0 16px 32px rgba(46, 10, 15, .16), 0 4px 10px rgba(46, 10, 15, .08);--shadow-header: 0 2px 8px rgba(46, 10, 15, .07);--shadow-accent-glow: 0 4px 14px rgba(179, 18, 42, .3);--font-family: "Rubik", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}button,select,input{font-family:var(--font-family);font-size:13px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 14px;color:var(--color-text);cursor:pointer;font-weight:500;letter-spacing:.01em;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap}button:hover:not(:disabled){background:#fbf5f5;border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}button:active:not(:disabled){background:#f5e9e9;box-shadow:none;transform:translateY(1px)}button:disabled{cursor:default;opacity:.4}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:0 0 0 2px #b3122a59}select,input[type=text],input[type=number]{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--color-surface);color:var(--color-text);font-weight:400;transition:border-color .15s ease,box-shadow .15s ease}select:focus,input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #b3122a29}.app-header{background:var(--color-surface);border-bottom:1.5px solid var(--color-border);box-shadow:var(--shadow-header);position:relative;z-index:10}.app-toolbar{background:var(--color-surface);border-bottom:1.5px solid var(--color-border)}.app-sidebar{background:var(--color-surface);border-right:2.5px solid var(--color-sidebar-border)}.app-canvas-area{background:var(--color-bg)}.surface-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.popover{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.btn-accent{background:linear-gradient(180deg,#c41930 0%,var(--color-accent) 100%);border-color:var(--color-accent);color:#fff;border-radius:var(--radius-pill);padding:7px 18px;font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow-accent-glow)}.btn-accent:hover:not(:disabled){background:linear-gradient(180deg,#a80f24 0%,var(--color-accent-hover) 100%);border-color:var(--color-accent-hover);box-shadow:0 6px 16px #b3122a66}.btn-danger-text{color:var(--color-danger)}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:3px 10px;border-radius:var(--radius-pill);letter-spacing:.02em}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-success{background:#e5f3ea;color:var(--color-success)}.tool-active{background:var(--color-accent-bg)!important;border-color:var(--color-accent)!important;color:var(--color-accent-hover)!important}.tool-active:hover:not(:disabled){background:var(--color-accent-bg-hover)!important}