:root{--background: 0 0% 100%;--foreground: 222 25% 11%;--card: 0 0% 100%;--primary: 113 60% 32%;--brand: 113 60% 43%;--primary-foreground: 0 0% 100%;--secondary: 210 100% 40%;--secondary-foreground: 0 0% 100%;--muted: 220 14% 96%;--muted-foreground: 220 9% 40%;--accent: 31 100% 50%;--accent-foreground: 0 0% 100%;--destructive: 3 82% 49%;--border: 220 13% 90%;--input: 220 13% 86%;--ring: 113 60% 32%;--radius: .75rem;--glass: 210 20% 98%;--glass-border: 214 20% 88%;--sidebar: 210 20% 98%;--shadow-md: 0 1px 2px hsl(222 25% 11% / .04), 0 4px 16px -4px hsl(222 25% 11% / .06);--shadow-lg: 0 12px 40px -8px hsl(222 25% 11% / .18);--centrex-green: #3dae2b;--centrex-green-aa: #2f8a22;--centrex-blue: #0071ce;--centrex-orange: #ff8300;--centrex-red: #e1251b;--centrex-ink: #1c2430}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}html,body{overflow-x:hidden;overscroll-behavior:none}body{font-family:Inter,system-ui,sans-serif;color:hsl(var(--foreground));background:hsl(var(--muted));-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:linear-gradient(135deg,#2a333c,#394756);color:#fff;box-shadow:var(--shadow-md)}.brand{display:flex;flex-direction:column;min-width:160px;flex-shrink:0}.brand h1{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.1rem;font-weight:700;margin:0;letter-spacing:-.02em}.brand .sub{font-size:.72rem;opacity:.8;font-weight:500}.brand .sub span{color:var(--centrex-green);font-weight:700}.top-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;align-items:center;min-width:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:8px 12px;font:600 .85rem Inter,system-ui,sans-serif;cursor:pointer;background:hsl(var(--card));color:hsl(var(--foreground));transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0}.btn .ico{flex-shrink:0}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--centrex-green-aa);color:#fff}.btn-primary:hover{background:var(--centrex-green)}.btn-secondary{background:var(--centrex-blue);color:#fff}.btn-ghost{background:#ffffff1a;color:#fff;border-color:#ffffff2e;box-shadow:none}.btn-ghost:hover{background:#ffffff2e}.btn-accent{background:var(--centrex-orange);color:#fff}.toolbar-row{display:flex;align-items:center;min-width:0;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border))}.toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px 14px;flex:1;min-width:0}.panels-toggle{display:none;align-items:center;gap:6px;margin-left:10px;flex-shrink:0}.tool-group{display:flex;gap:4px;padding-right:10px;margin-right:6px;border-right:1px solid hsl(var(--border));align-items:center}.tool-group:last-child{border-right:none}.tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid hsl(var(--border));background:hsl(var(--glass));border-radius:8px;padding:7px 10px;font:600 .78rem Inter,system-ui,sans-serif;cursor:pointer;color:hsl(var(--foreground));white-space:nowrap;flex-shrink:0}.tool.active{background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary))}.tool:hover:not(.active){border-color:var(--centrex-blue)}.workspace{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0}.drawer-head,.drawer-backdrop{display:none}.sidebar{background:hsl(var(--sidebar));border-right:1px solid hsl(var(--border));padding:12px;overflow:auto}.sidebar h2{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground));margin:12px 0 8px}.sidebar h2:first-child{margin-top:0}.panel{background:#fff;border:1px solid hsl(var(--border));border-radius:var(--radius);padding:10px;box-shadow:var(--shadow-md);margin-bottom:10px}.panel label{display:block;font-size:.72rem;font-weight:600;color:hsl(var(--muted-foreground));margin-bottom:4px}.panel input,.panel select{width:100%;border:1px solid hsl(var(--input));border-radius:8px;padding:7px 9px;font:500 .85rem Inter,system-ui,sans-serif;margin-bottom:8px}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.icon-btn{border:1px solid hsl(var(--border));background:#fff;border-radius:10px;padding:6px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.62rem;font-weight:600;color:hsl(var(--foreground))}.icon-btn img{width:28px;height:28px}.icon-btn.active,.icon-btn:hover{border-color:var(--centrex-green);box-shadow:0 0 0 2px #3baf2c33}.cat-power{color:var(--centrex-red)}.cat-lv{color:var(--centrex-blue)}.board-wrap{position:relative;min-height:0;background:linear-gradient(90deg,hsl(220 14% 92%) 1px,transparent 1px),linear-gradient(hsl(220 14% 92%) 1px,transparent 1px),#f3f4f6;background-size:24px 24px;overflow:hidden}#stage-host,.board-wrap{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#stage-host{width:100%;height:100%}.status{display:flex;gap:16px;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;padding:6px 14px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid hsl(var(--border));font-size:.78rem;color:hsl(var(--muted-foreground))}.status>span:first-child{overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.status>span{flex-shrink:0}.status strong{color:hsl(var(--foreground))}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:hsl(var(--muted));font-weight:600}.pill.ok{background:#3baf2c26;color:var(--centrex-green-aa)}.pill.warn{background:#ff840026;color:#b35c00}.hint{font-size:.75rem;color:hsl(var(--muted-foreground));line-height:1.4}.file-input,.hint-touch{display:none}@media(hover:none)and (pointer:coarse){.hint-touch{display:inline}.hint-mouse{display:none}}@media(max-width:1099px){.topbar{padding:8px 12px;gap:10px}.top-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.top-actions [data-act=undo] .lbl,.top-actions [data-act=redo] .lbl,.top-actions [data-act=save] .lbl{display:none}.panels-toggle{display:inline-flex}.toolbar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:6px 10px}.tool-group{flex-shrink:0}.tool-hint{display:none}.workspace{grid-template-columns:minmax(0,1fr)}.board-wrap{grid-column:1;grid-row:1}.sidebar{position:absolute;z-index:20;top:0;bottom:0;left:0;width:min(320px,85vw);border-right:1px solid hsl(var(--border));box-shadow:var(--shadow-lg);transform:translate(-105%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s;padding-top:0;overscroll-behavior:contain}.panels-open .sidebar{transform:none;visibility:visible;transition:transform .2s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;margin:0 -12px 8px;padding:8px 12px;background:hsl(var(--sidebar));border-bottom:1px solid hsl(var(--border));font-family:Plus Jakarta Sans,Inter,sans-serif}.panels-open .drawer-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#15192347}.tool,.btn,.icon-btn{min-height:44px;min-width:44px}.panel input,.panel select{min-height:44px;font-size:16px}}@media(max-width:767px){.topbar{padding:6px 8px;gap:8px}.brand{min-width:0}.brand h1{font-size:1rem;white-space:nowrap}.brand .sub{display:none}.top-actions{gap:6px}.top-actions .btn{padding:0 10px}.top-actions .btn .lbl{display:none}.toolbar{gap:4px;padding:6px 8px}.tool-group{gap:4px;padding-right:6px;margin-right:2px}.tool{padding:6px 10px}.panels-toggle{margin-left:8px}.panels-toggle span{display:none}.sidebar{top:auto;right:0;width:auto;max-height:62%;border-right:none;border-top:1px solid hsl(var(--border));border-radius:16px 16px 0 0;transform:translateY(105%)}.panels-open .sidebar{transform:none}.icon-grid{grid-template-columns:repeat(4,1fr)}.status{gap:8px;padding-left:8px;padding-right:8px;font-size:.72rem}.status .pill{padding:2px 6px}}