:root{--ds-gray-0: #ffffff;--ds-gray-50: #f7f7f8;--ds-gray-100: #eeeef0;--ds-gray-150: #e6e6e9;--ds-gray-200: #d8d8dd;--ds-gray-300: #bcbcc4;--ds-gray-500: #6c6c75;--ds-gray-700: #3a3a40;--ds-gray-900: #18181b;--ds-blue-500: #4c8bf5;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 24px;--ds-radius-sm: 5px;--ds-radius-md: 9px;--ds-radius-lg: 14px;--ds-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ds-font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ds-shadow-1: 0 1px 2px rgba(24, 24, 27, .08), 0 0 0 1px rgba(24, 24, 27, .03);--ds-shadow-2: 0 8px 28px -8px rgba(24, 24, 27, .22), 0 1px 2px rgba(24, 24, 27, .08);--ds-dur: .12s;--ds-ease: cubic-bezier(.2, .6, .2, 1);--ds-z-chrome: 10;--ds-surface: var(--ds-gray-0);--ds-surface-sunken: var(--ds-gray-50);--ds-border: var(--ds-gray-200);--ds-border-strong: var(--ds-gray-300);--ds-ink: var(--ds-gray-900);--ds-ink-muted: var(--ds-gray-500);--ds-accent: var(--ds-blue-500);--ds-accent-ink: #ffffff;--ds-accent-weak: rgba(76, 139, 245, .12);--ds-danger: #d92d20;--ds-danger-weak: rgba(217, 45, 32, .07)}html,body{user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}.ds-keycap{display:inline-block;font-family:var(--ds-font-mono);font-size:11px;line-height:1;min-width:12px;padding:3px 5px 4px;text-align:center;color:var(--ds-ink-muted);background:var(--ds-surface);border:1px solid var(--ds-border-strong);border-bottom-width:2px;border-radius:var(--ds-radius-sm)}.ds-keycap--xs{font-size:10px;padding:2px 4px 3px;min-width:10px}.ds-toolbar{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:var(--ds-z-chrome);display:flex;flex-direction:column;gap:var(--ds-space-1);padding:var(--ds-space-3);font-family:var(--ds-font-ui);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-2)}.ds-toolbar-main{display:flex;align-items:center;gap:var(--ds-space-1)}.ds-tool,.ds-action{display:flex;flex-direction:column;align-items:center;gap:6px;width:50px;padding:9px 6px 7px;border:0;background:transparent;border-radius:var(--ds-radius-md);color:var(--ds-ink-muted);cursor:pointer}.ds-tool:hover,.ds-action:not(:disabled):hover{background:var(--ds-surface-sunken);color:var(--ds-ink)}.ds-tool[aria-pressed=true]{background:var(--ds-accent-weak);color:var(--ds-accent)}.ds-tool[aria-pressed=true] .ds-keycap{color:var(--ds-accent);border-color:var(--ds-accent)}.ds-tool svg,.ds-action svg{width:20px;height:20px;display:block}.ds-tool:focus-visible,.ds-action:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}.ds-action:disabled{opacity:.38;cursor:default}.ds-divider{width:1px;height:28px;align-self:center;margin:0 3px;background:var(--ds-border)}.ds-zoom-group{display:flex;align-items:center;gap:var(--ds-space-1);margin-left:auto}.ds-swatch{width:18px;height:18px;padding:0;border:1px solid rgba(0,0,0,.16);border-radius:50%;cursor:pointer}.ds-swatch:hover{transform:scale(1.15)}.ds-swatch:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}.ds-swatch-custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:conic-gradient(red,#f0f,#00f,#0ff,#0f0,#ff0,red)}.ds-swatch-custom::-webkit-color-swatch-wrapper{padding:0}.ds-swatch-custom::-webkit-color-swatch{border:none;border-radius:50%;opacity:0}.ds-zoom{width:auto;min-width:54px;padding-left:10px;padding-right:10px}.ds-zoom-pct{font-family:var(--ds-font-mono);font-size:12px;color:var(--ds-ink);font-variant-numeric:tabular-nums}.ds-status{position:fixed;top:14px;left:14px;z-index:var(--ds-z-chrome);font-family:var(--ds-font-mono);font-size:11px;letter-spacing:.01em;color:var(--ds-ink-muted);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:7px 11px;box-shadow:var(--ds-shadow-1);pointer-events:none}.ds-status b{color:var(--ds-ink);font-weight:600}.ds-legend{position:fixed;bottom:20px;left:14px;z-index:var(--ds-z-chrome);display:flex;flex-direction:column;gap:6px;font-family:var(--ds-font-ui);font-size:11px;color:var(--ds-ink-muted);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:9px 11px;box-shadow:var(--ds-shadow-1);pointer-events:none}.ds-legend-row{display:flex;align-items:center;gap:6px}.ds-legend-keys{display:inline-flex;align-items:center;gap:3px}.ds-chip{font-family:var(--ds-font-ui);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-ink-muted);background:var(--ds-surface-sunken);border:1px solid var(--ds-border);border-radius:4px;padding:2px 6px}.ds-legend-label{color:var(--ds-ink)}.ds-home{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--ds-z-chrome) + 5);overflow-y:auto;padding:48px max(24px,6vw);font-family:var(--ds-font-ui);background:var(--ds-surface-sunken)}.ds-home-head{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto 28px}.ds-home-title{font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ds-ink)}.ds-home-new{padding:9px 16px;border:0;border-radius:var(--ds-radius-md);background:var(--ds-accent);color:var(--ds-accent-ink);font:inherit;font-weight:500;cursor:pointer}.ds-home-new:hover{filter:brightness(.96)}.ds-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;max-width:1100px;margin:0 auto}.ds-home-empty{grid-column:1 / -1;padding:64px 0;text-align:center;color:var(--ds-ink-muted);font-size:14px}.ds-home-card{position:relative;display:block;width:100%;padding:0;border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);text-align:left;cursor:pointer;overflow:hidden}.ds-home-card:hover{border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-1)}.ds-home-thumb{height:132px;background:radial-gradient(circle,var(--ds-gray-200) 1px,transparent 1px) 0 0 / 18px 18px,var(--ds-gray-50);border-bottom:1px solid var(--ds-border)}.ds-home-card-name{padding:11px 12px 2px;font-size:14px;font-weight:500;color:var(--ds-ink)}.ds-home-card-meta{padding:0 12px 12px;font-size:11px;color:var(--ds-ink-muted)}.ds-home-card-del{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;color:var(--ds-ink-muted);background:#ffffffd9;border-radius:6px;opacity:0}.ds-home-card:hover .ds-home-card-del{opacity:1}.ds-home-card-del:hover{color:var(--ds-danger)}.ds-docbar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:var(--ds-z-chrome);display:flex;align-items:center;gap:8px;padding:6px 12px 6px 9px;font-family:var(--ds-font-ui);font-size:13px;color:var(--ds-ink);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-1);cursor:pointer}.ds-docbar:hover{border-color:var(--ds-border-strong)}.ds-docbar-back{color:var(--ds-ink-muted);font-size:15px}.ds-errors{position:fixed;top:14px;right:14px;z-index:calc(var(--ds-z-chrome) + 4);width:360px;max-height:70vh;display:flex;flex-direction:column;font-family:var(--ds-font-ui);background:var(--ds-surface);border:1px solid var(--ds-danger);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-2);overflow:hidden}.ds-errors-header{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;font-size:12px;font-weight:600;color:var(--ds-danger);background:var(--ds-danger-weak);border-bottom:1px solid var(--ds-border)}.ds-errors-clear{border:0;background:transparent;font:inherit;font-weight:500;color:var(--ds-ink-muted);cursor:pointer}.ds-errors-clear:hover{color:var(--ds-ink)}.ds-errors-list{overflow-y:auto}.ds-error{position:relative;padding:9px 28px 9px 11px;border-bottom:1px solid var(--ds-border)}.ds-error-msg{font-size:12px;color:var(--ds-ink);word-break:break-word}.ds-error-detail{margin:6px 0 0;max-height:160px;overflow:auto;font-family:var(--ds-font-mono);font-size:11px;line-height:1.5;color:var(--ds-ink-muted);white-space:pre-wrap;word-break:break-word}.ds-error-close{position:absolute;top:6px;right:6px;width:20px;height:20px;border:0;background:transparent;font-size:16px;line-height:1;color:var(--ds-ink-muted);cursor:pointer}.ds-error-close:hover{color:var(--ds-ink)}.ds-menu{position:fixed;z-index:calc(var(--ds-z-chrome) + 3);min-width:184px;padding:5px;font-family:var(--ds-font-ui);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-2)}.ds-menu-item{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:7px 9px;border:0;background:transparent;border-radius:var(--ds-radius-sm);font-size:13px;color:var(--ds-ink);text-align:left;cursor:pointer}.ds-menu-item:hover{background:var(--ds-accent);color:var(--ds-accent-ink)}.ds-menu-item:disabled{color:var(--ds-ink-muted);opacity:.5;cursor:default}.ds-menu-item:disabled:hover{background:transparent;color:var(--ds-ink-muted)}.ds-menu-key{font-family:var(--ds-font-mono);font-size:11px;color:var(--ds-ink-muted)}.ds-menu-item:hover .ds-menu-key{color:var(--ds-accent-ink)}.ds-menu-sep{height:1px;margin:5px 4px;background:var(--ds-border)}.ds-tooltip{position:fixed;z-index:calc(var(--ds-z-chrome) + 2);transform:translate(-50%,calc(-100% - 9px));display:flex;align-items:center;gap:7px;padding:5px 9px;font-family:var(--ds-font-ui);font-size:12px;white-space:nowrap;color:#fff;background:var(--ds-ink);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-2);pointer-events:none}.ds-tooltip-key{font-family:var(--ds-font-mono);font-size:11px;line-height:1;padding:2px 5px 3px;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.26);border-radius:4px}.ds-text-editor{position:fixed;z-index:calc(var(--ds-z-chrome) + 1);margin:0;padding:0;border:0;outline:0;resize:none;overflow:hidden;background:transparent;text-align:center;white-space:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: no-preference){.ds-tool,.ds-action{transition:background var(--ds-dur) var(--ds-ease),color var(--ds-dur) var(--ds-ease)}}.ds-help-btn{position:fixed;right:20px;bottom:20px;z-index:var(--ds-z-chrome);width:30px;height:30px;font-family:var(--ds-font-ui);font-size:15px;color:var(--ds-ink-muted);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:50%;box-shadow:var(--ds-shadow-1);cursor:pointer}.ds-help-btn:hover{color:var(--ds-ink);border-color:var(--ds-border-strong)}.ds-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--ds-z-chrome) + 10);display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4);background:#18181b47}.ds-help{width:min(720px,100%);max-height:86vh;overflow-y:auto;font-family:var(--ds-font-ui);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-2)}.ds-help-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-3) var(--ds-space-4);font-size:13px;font-weight:600;color:var(--ds-ink);background:var(--ds-surface);border-bottom:1px solid var(--ds-border)}.ds-help-close{font-size:18px;line-height:1;color:var(--ds-ink-muted);background:transparent;border:0;cursor:pointer}.ds-help-close:hover{color:var(--ds-ink)}.ds-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-2) var(--ds-space-5);padding:var(--ds-space-4)}.ds-help-group h3{margin:0 0 var(--ds-space-2);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-ink-muted)}.ds-help-row{display:flex;align-items:baseline;gap:var(--ds-space-3);padding:3px 0}.ds-help-keys{flex:0 0 132px;display:flex;flex-wrap:wrap;gap:var(--ds-space-1)}.ds-help-desc{flex:1;font-size:12px;color:var(--ds-ink)}@media (max-width: 560px){.ds-help-grid{grid-template-columns:1fr}}.ds-inspector{position:fixed;top:14px;right:14px;z-index:var(--ds-z-chrome);width:220px;padding:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-3);font-family:var(--ds-font-ui);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-2)}.ds-layers{position:fixed;top:56px;left:14px;z-index:var(--ds-z-chrome);width:220px;max-height:calc(100vh - 76px);display:flex;flex-direction:column;font-family:var(--ds-font-ui);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-2);overflow:hidden}.ds-layers-list{overflow-y:auto;padding:var(--ds-space-1)}.ds-layers-empty{padding:var(--ds-space-3);font-size:12px;color:var(--ds-ink-muted)}.ds-layer{display:flex;align-items:center;gap:var(--ds-space-2);height:28px;padding-right:var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:12px;color:var(--ds-ink);cursor:default;-webkit-user-select:none;user-select:none}.ds-layer:hover{background:var(--ds-surface-sunken)}.ds-layer.is-selected{background:var(--ds-accent-weak);color:var(--ds-accent)}.ds-layer.is-drop-target{box-shadow:inset 0 2px 0 0 var(--ds-accent)}.ds-layer-icon{flex:none;width:16px;text-align:center;color:var(--ds-ink-muted)}.ds-layer.is-selected .ds-layer-icon{color:var(--ds-accent)}.ds-layer-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-field-label{font-size:11px;letter-spacing:.01em;color:var(--ds-ink-muted)}.ds-field-row{display:flex;align-items:center;gap:var(--ds-space-2)}.ds-field-row>.ds-field-label{flex:1}.ds-field-block{display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-range{flex:1;accent-color:var(--ds-accent)}.ds-num{width:52px;padding:4px 6px;font:inherit;font-size:12px;text-align:right;color:var(--ds-ink);background:var(--ds-surface);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm)}.ds-num:focus-visible{outline:2px solid var(--ds-accent);outline-offset:1px}.ds-well-swatch{flex:none;width:30px;height:20px;padding:0;background-color:#fff;border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);cursor:pointer}.ds-well-swatch:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}.ds-well-swatch--transparent{background-color:#fff;background-image:linear-gradient(45deg,var(--ds-gray-200) 25%,transparent 25%),linear-gradient(-45deg,var(--ds-gray-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ds-gray-200) 75%),linear-gradient(-45deg,transparent 75%,var(--ds-gray-200) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.ds-well-swatch--mixed{background-color:#fff;background-image:linear-gradient(135deg,var(--ds-gray-150) 0 50%,var(--ds-gray-300) 50% 100%)}.ds-well-popover{position:fixed;z-index:calc(var(--ds-z-chrome) + 1);display:flex;flex-direction:column;gap:6px;padding:var(--ds-space-2);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-2)}.ds-well-grid{display:grid;grid-template-columns:repeat(5,18px);gap:5px}.ds-well-used{border-top:1px solid var(--ds-border);padding-top:6px}.ds-toolbar{max-width:calc(100vw - 24px)}.ds-toolbar-main{flex-wrap:wrap;justify-content:center}@media (max-width: 860px){.ds-legend{display:none}}@media (max-width: 600px){.ds-tool,.ds-action{width:42px;padding:7px 4px 6px}.ds-swatches{gap:4px;padding:0 2px}.ds-toolbar{bottom:12px}}