:root{--ade-primary:#6366f1;--ade-bg:#fff;--ade-text:#1e293b;--ade-text-muted:#64748b;--ade-border:#e2e8f0;--ade-toolbar-bg:#fff;--ade-toolbar-border:#e2e8f0;--ade-btn-bg:#f1f5f9;--ade-btn-hover-bg:#e2e8f0;--ade-btn-active-bg:#6366f1;--ade-btn-active-text:#fff;--ade-canvas-bg:#fff;--ade-grid-line:#e8ecf1;--ade-cursor-bg:#6366f126;--ade-selection-bg:#6366f11f;--ade-selection-border:#6366f180;--ade-statusbar-bg:#f8fafc;--ade-statusbar-border:#e2e8f0;--ade-danger:#ef4444;--ade-separator:#e2e8f0;--ade-charset-bg:#f1f5f9;--ade-text-cursor:#6366f1}._ade-container{padding:var(--main-space-6) var(--main-space-4);color:var(--ade-text);justify-content:center;font-family:inherit;display:flex}._ade-card{background:var(--ade-canvas-bg);border-style:solid;border-width:1px;border-color:var(--ade-border);border-radius:var(--main-radius-lg);box-shadow:var(--main-shadow-sm);flex-direction:column;width:100%;max-width:100%;display:inline-flex;overflow:hidden}._ade-canvas-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:200px;overflow:auto}._ade-canvas{background-color:var(--ade-canvas-bg);background-image:linear-gradient(var(--ade-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--ade-grid-line) 1px, transparent 1px);background-size:var(--ade-cell-width,8.4px) var(--ade-cell-height,18.9px);background-position:var(--ade-grid-offset-x,16px) var(--ade-grid-offset-y,16px);cursor:crosshair;touch-action:none;display:inline-block;position:relative}._ade-grid{padding:var(--main-space-4);font-family:var(--main-font-mono);color:var(--ade-text);white-space:pre;-webkit-user-select:none;user-select:none;letter-spacing:0;-moz-tab-size:4;tab-size:4;z-index:1;margin:0;font-size:14px;line-height:1.35;position:relative}._ade-cursor-highlight{background:var(--ade-cursor-bg);pointer-events:none;z-index:2;border-radius:1px;display:none;position:absolute}._ade-selection-highlight{background:var(--ade-selection-bg);border-style:dashed;border-width:1px;border-color:var(--ade-selection-border);pointer-events:none;z-index:2;display:none;position:absolute}._ade-text-cursor{background:var(--ade-text-cursor);pointer-events:none;z-index:3;width:2px;animation:1s step-end infinite _ade-blink;display:none;position:absolute}@keyframes _ade-blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){._ade-container{padding:var(--main-space-3) var(--main-space-2)}._ade-card{border-radius:var(--main-radius)}._ade-grid{padding:var(--main-space-2);font-size:12px}._ade-canvas-wrapper{min-height:180px}}@media (max-width:480px){._ade-container{padding:var(--main-space-2) var(--main-space-1)}._ade-grid{padding:var(--main-space-1);font-size:11px}}._ade-toolbar{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--ade-toolbar-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ade-toolbar-border);z-index:10;flex-wrap:wrap;flex-shrink:0;display:flex}._ade-toolbar-group{align-items:center;gap:2px;display:flex}._ade-separator{background:var(--ade-separator);flex-shrink:0;width:1px;height:24px}._ade-tool-btn{border-radius:var(--main-radius);width:34px;height:34px;color:var(--ade-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-width:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}@media (hover:hover){._ade-tool-btn:hover{background:var(--ade-btn-bg);color:var(--ade-text)}}._ade-tool-btn--active,._ade-tool-btn--active:hover{background:var(--ade-btn-active-bg);color:var(--ade-btn-active-text)}._ade-tool-btn svg{width:16px;height:16px}._ade-action-btn{align-items:center;gap:var(--main-space-1);border-radius:var(--main-radius);color:var(--ade-text-muted);cursor:pointer;font-size:var(--main-text-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-width:0;padding:.375rem .5rem;transition:background .15s,color .15s;display:inline-flex}@media (hover:hover){._ade-action-btn:hover{background:var(--ade-btn-bg);color:var(--ade-text)}._ade-action-btn:disabled:hover{color:var(--ade-text-muted);background:0 0}._ade-action-btn--danger:hover{color:var(--ade-danger)}}._ade-action-btn:disabled{opacity:.35;cursor:not-allowed}._ade-action-btn svg{width:15px;height:15px}._ade-btn-label{font-size:var(--main-text-xs);font-weight:500}._ade-charset-toggle{background:var(--ade-charset-bg);border-radius:var(--main-radius);padding:2px;display:flex}._ade-charset-btn{border-radius:calc(var(--main-radius) - 2px);color:var(--ade-text-muted);font-size:var(--main-text-xs);cursor:pointer;font-weight:600;font-family:var(--main-font-mono);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-width:0;padding:.25rem .625rem;transition:background .15s,color .15s}@media (hover:hover){._ade-charset-btn:hover{color:var(--ade-text)}}._ade-charset-btn--active,._ade-charset-btn--active:hover{background:var(--ade-bg);color:var(--ade-text);box-shadow:var(--main-shadow-sm)}._ade-size-group{gap:var(--main-space-1)}._ade-size-btn{background:var(--ade-btn-bg);border-radius:var(--main-radius-sm);width:22px;height:22px;color:var(--ade-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-width:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}@media (hover:hover){._ade-size-btn:hover{background:var(--ade-btn-hover-bg);color:var(--ade-text)}}._ade-size-btn svg{width:10px;height:10px}._ade-size-label{font-size:var(--main-text-xs);color:var(--ade-text-muted);font-weight:500;font-family:var(--main-font-mono);text-align:center;min-width:64px}._ade-statusbar{padding:var(--main-space-1) var(--main-space-3);background:var(--ade-statusbar-bg);border-top-style:solid;border-top-width:1px;border-top-color:var(--ade-statusbar-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._ade-statusbar-left,._ade-statusbar-right{align-items:center;gap:var(--main-space-3);display:flex}._ade-status-item{font-size:var(--main-text-xs);color:var(--ade-text-muted);font-family:var(--main-font-mono)}@media (max-width:768px){._ade-toolbar{padding:var(--main-space-2);gap:var(--main-space-1);row-gap:var(--main-space-2)}._ade-btn-label{display:none}._ade-separator{height:24px}._ade-tool-btn{width:40px;height:40px}._ade-action-btn{justify-content:center;min-width:40px;min-height:40px;padding:.5rem}._ade-charset-btn{min-height:32px;padding:.4rem .75rem}._ade-size-btn{width:32px;height:32px}._ade-size-btn svg{width:12px;height:12px}._ade-size-label{min-width:56px;font-size:.75rem}._ade-statusbar{padding:var(--main-space-1) var(--main-space-2);gap:var(--main-space-1);flex-wrap:wrap}}@media (max-width:480px){._ade-toolbar{padding:var(--main-space-1);gap:4px}._ade-toolbar-group{gap:4px}._ade-separator{display:none}._ade-tool-btn{width:38px;height:38px}._ade-action-btn{min-width:38px;min-height:38px;padding:var(--main-space-1)}._ade-statusbar-left,._ade-statusbar-right{gap:var(--main-space-2)}._ade-status-item{font-size:11px}}