.gt-btn{display:inline-flex;align-items:center;gap:var(--gt-space-2);height:var(--gt-control-h);padding:0 var(--gt-space-3);border:1px solid var(--gt-border-strong);border-radius:var(--gt-radius-md);background:var(--gt-surface);color:var(--gt-text);font:inherit;font-size:var(--gt-font-size);cursor:pointer;white-space:nowrap}.gt-btn:hover:not(:disabled){background:var(--gt-surface-sunken)}.gt-btn:focus-visible{outline:2px solid var(--gt-accent);outline-offset:1px}.gt-btn:disabled{opacity:.45;cursor:default}.gt-btn--primary{background:var(--gt-accent);border-color:var(--gt-accent);color:var(--gt-accent-fg);font-weight:600}.gt-btn--primary:hover:not(:disabled){background:var(--gt-accent-hover)}.gt-btn--ghost{background:transparent;border-color:transparent}.gt-btn--ghost:hover:not(:disabled){background:var(--gt-surface-sunken)}.gt-btn--sm{height:var(--gt-control-h-sm);padding:0 var(--gt-space-2);font-size:var(--gt-font-size-sm)}.gt-btn--icon{padding:0;width:var(--gt-control-h);justify-content:center}.gt-btn--icon.gt-btn--sm{width:var(--gt-control-h-sm)}.gt-seg{display:inline-flex;border:1px solid var(--gt-border-strong);border-radius:var(--gt-radius-md)}.gt-seg>.gt-btn{border:0;border-radius:0}.gt-seg>.gt-btn:first-child{border-top-left-radius:var(--gt-radius-md);border-bottom-left-radius:var(--gt-radius-md)}.gt-seg>.gt-btn:last-child{border-top-right-radius:var(--gt-radius-md);border-bottom-right-radius:var(--gt-radius-md)}.gt-seg>.gt-btn+.gt-btn{border-left:1px solid var(--gt-border-strong)}.gt-seg>.gt-btn[aria-pressed=true]{background:var(--gt-accent);color:var(--gt-accent-fg);font-weight:600}.gt-toolbar{display:flex;align-items:center;gap:var(--gt-space-2);padding:var(--gt-space-2) var(--gt-space-3);background:var(--gt-surface);border-bottom:1px solid var(--gt-border)}.gt-toolbar__sep{width:1px;align-self:stretch;margin:0 var(--gt-space-1);background:var(--gt-border)}.gt-toolbar__gap{flex:1}.gt-field{display:flex;align-items:center;gap:var(--gt-space-2);margin-bottom:var(--gt-space-2)}.gt-field__label{flex:0 0 92px;color:var(--gt-text-muted)}.gt-field__control{flex:1;display:flex;align-items:center;gap:var(--gt-space-2);min-width:0}.gt-field__unit{color:var(--gt-text-subtle);font-size:var(--gt-font-size-sm)}.gt-field__hint{margin:calc(-1 * var(--gt-space-1)) 0 var(--gt-space-2) 100px;color:var(--gt-text-subtle);font-size:var(--gt-font-size-sm);line-height:1.35}.gt-input{width:100%;min-width:0;height:var(--gt-control-h);padding:0 var(--gt-space-2);border:1px solid var(--gt-border);border-radius:var(--gt-radius-sm);background:var(--gt-surface-sunken);color:var(--gt-text);font:inherit;font-size:var(--gt-font-size)}.gt-input:focus{outline:2px solid var(--gt-accent);outline-offset:-1px;background:var(--gt-surface)}.gt-swatch-wrap{position:relative;display:inline-flex;align-items:center}.gt-swatch-wrap:focus-within .gt-swatch{outline:2px solid var(--gt-accent);outline-offset:1px}.gt-swatch{flex:0 0 18px;width:18px;height:18px;background:var(--gt-swatch-color, transparent);border:1px solid var(--gt-border-strong);border-radius:var(--gt-radius-sm)}.gt-color-native{width:0;height:0;padding:0;border:0;opacity:0;position:absolute}.gt-section{border-bottom:1px solid var(--gt-border);padding:var(--gt-space-3)}.gt-section:last-child{border-bottom:0}.gt-section__row{display:flex;align-items:center;gap:var(--gt-space-2)}.gt-section__head{display:flex;align-items:center;justify-content:space-between;flex:1;padding:0 0 var(--gt-space-2);border:0;background:none;cursor:pointer;color:var(--gt-text-subtle);font:inherit;font-size:var(--gt-font-size-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.gt-toggle{display:flex;align-items:center;gap:var(--gt-space-2);cursor:pointer}.gt-slider{flex:1}.gt-props{display:flex;flex-direction:column}.gt-props__head{display:flex;align-items:center;gap:var(--gt-space-2);padding:var(--gt-space-3);border-bottom:1px solid var(--gt-border)}.gt-props__title{flex:1;min-width:0}.gt-props__type{font-weight:700}.gt-props__id{color:var(--gt-text-subtle);font-size:var(--gt-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gt-props__empty{padding:var(--gt-space-5) var(--gt-space-4);color:var(--gt-text-subtle);line-height:1.5}.gt-props__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gt-space-2)}.gt-rule{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gt-space-1);padding:var(--gt-space-2);border:1px solid var(--gt-border);border-radius:var(--gt-radius-md);margin-bottom:var(--gt-space-2)}.gt-rule__word{color:var(--gt-text-subtle)}.gt-rule__chip{height:var(--gt-control-h-sm);padding:0 var(--gt-space-1);border:1px solid var(--gt-border);border-radius:var(--gt-radius-sm);background:var(--gt-surface-sunken);color:var(--gt-text);font:inherit;font-size:var(--gt-font-size-sm);max-width:88px}.gt-rule__extra{color:var(--gt-text-subtle);font-size:var(--gt-font-size-sm)}.gt-rule__spacer{flex:1}.gt-props__note{color:var(--gt-text-subtle);font-size:var(--gt-font-size-sm);line-height:1.4;margin-bottom:var(--gt-space-2)}.gt-align{display:flex;flex-wrap:wrap;gap:var(--gt-space-1)}.gt-root{--gt-bg: #f4f6f8;--gt-surface: #ffffff;--gt-surface-sunken: #f8fafc;--gt-canvas-bg: #eaeef3;--gt-border: #dde2e8;--gt-border-strong: #d3d9e0;--gt-text: #242a31;--gt-text-muted: #5b6572;--gt-text-subtle: #8b949e;--gt-accent: #1c64d1;--gt-accent-hover: #1550ab;--gt-accent-fg: #ffffff;--gt-accent-soft: #e8f0fb;--gt-ok: #1a7f37;--gt-warn: #bf8700;--gt-alarm: #d1242f;--gt-space-1: 4px;--gt-space-2: 8px;--gt-space-3: 12px;--gt-space-4: 16px;--gt-space-5: 20px;--gt-space-6: 24px;--gt-radius-sm: 4px;--gt-radius-md: 6px;--gt-radius-lg: 8px;--gt-shadow-sm: 0 1px 2px rgba(20, 30, 50, .06);--gt-shadow-md: 0 4px 14px rgba(20, 30, 50, .1);--gt-font: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gt-font-size: 13px;--gt-font-size-sm: 11px;--gt-font-size-label: 10px;--gt-control-h: 28px;--gt-control-h-sm: 22px;color:var(--gt-text);font-family:var(--gt-font);font-size:var(--gt-font-size)}.gt-root *,.gt-root *:before,.gt-root *:after{box-sizing:border-box}.mnemo-editor{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--gt-bg)}.mnemo-editor:focus{outline:none}.mnemo-editor__body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:208px 1fr 288px}.mnemo-editor__body--preview{grid-template-columns:1fr}.mnemo-editor__palette{overflow:auto;padding:var(--gt-space-2);background:var(--gt-surface);border-right:1px solid var(--gt-border)}.mnemo-editor__canvas{overflow:auto;padding:var(--gt-space-4);background:var(--gt-canvas-bg)}.mnemo-editor__props{overflow:auto;background:var(--gt-surface);border-left:1px solid var(--gt-border)}.mnemo-canvas{display:block;background:var(--gt-surface);border:1px solid var(--gt-border);box-shadow:var(--gt-shadow-sm);touch-action:none}.gt-palette{display:flex;flex-direction:column;gap:var(--gt-space-2)}.gt-palette__cat{margin:var(--gt-space-2) 0 var(--gt-space-1);color:var(--gt-text-subtle);font-size:var(--gt-font-size-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.gt-palette__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gt-space-1)}.gt-palette__tile{display:flex;flex-direction:column;align-items:center;gap:var(--gt-space-1);padding:var(--gt-space-2) var(--gt-space-1);border:1px solid var(--gt-border);border-radius:var(--gt-radius-md);background:var(--gt-surface);color:var(--gt-text);font:inherit;cursor:grab}.gt-palette__tile:hover{border-color:var(--gt-accent);background:var(--gt-accent-soft)}.gt-palette__label{font-size:var(--gt-font-size-sm);color:var(--gt-text-muted);text-align:center;line-height:1.2}.gt-palette__empty{color:var(--gt-text-subtle);font-size:var(--gt-font-size-sm);line-height:1.4}.mnemo-editor__toolbar{flex:0 0 auto;display:flex;align-items:stretch}.mnemo-editor__toolbar>.gt-toolbar{flex:1}.mnemo-editor__mode{display:flex;align-items:center;padding:var(--gt-space-2) var(--gt-space-3);background:var(--gt-surface);border-bottom:1px solid var(--gt-border)}.app{display:flex;height:100vh;background:var(--gt-bg)}.app__nav{flex:0 0 224px;overflow:auto;padding:var(--gt-space-3);background:var(--gt-surface);border-right:1px solid var(--gt-border)}.app__nav-title{margin-bottom:var(--gt-space-2);color:var(--gt-text-subtle);font-size:var(--gt-font-size-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.app__nav-item{display:block;width:100%;margin-bottom:2px;padding:var(--gt-space-2) var(--gt-space-2);border:0;border-radius:var(--gt-radius-sm);background:none;color:var(--gt-text);font:inherit;text-align:left;cursor:pointer}.app__nav-item:hover{background:var(--gt-surface-sunken)}.app__nav-item[aria-current=true]{background:var(--gt-accent-soft);color:var(--gt-accent);font-weight:600}.app__main{flex:1;display:flex;flex-direction:column;min-width:0}.app__head{display:flex;align-items:center;gap:var(--gt-space-3);padding:var(--gt-space-2) var(--gt-space-3);background:var(--gt-surface);border-bottom:1px solid var(--gt-border)}.app__title{flex:1;font-weight:600}.app__stage{flex:1;overflow:auto;min-height:0}