.sg-root{display:flex;flex-direction:column;gap:.65rem;min-height:600px;color:var(--kami-ink);font-family:inherit}.sg-toolbar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.55rem .65rem;background:var(--kami-surface);border:1px solid var(--kami-border);border-radius:var(--kami-radius-lg);backdrop-filter:blur(8px)}.sg-toolbar-group{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;position:relative}.sg-dim-popover{position:absolute;top:100%;left:0;margin-top:4px;z-index:30;display:flex;gap:.5rem;padding:.5rem;background:var(--kami-surface);border:1px solid var(--kami-border);border-radius:var(--kami-radius);box-shadow:0 4px 14px #0000002e}.sg-dim-popover label{display:flex;align-items:center;gap:.3rem}.sg-dim-input{width:64px;padding:.2rem .35rem;font-size:.76rem;background:var(--kami-bg);color:var(--kami-ink);border:1px solid var(--kami-border);border-radius:3px;font-variant-numeric:tabular-nums}.sg-toolbar-right{margin-left:auto}.sg-tk-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kami-ink-dim);margin-right:.3rem}.sg-tk-tiny{font-size:.65rem;color:var(--kami-ink-faint);margin-left:.35rem}.sg-grid{display:grid;grid-template-columns:56px 1fr 360px;gap:.65rem;align-items:stretch;min-height:calc(100vh - 200px)}@media(max-width:960px){.sg-grid{grid-template-columns:1fr}.sg-left-rail{flex-direction:row!important;overflow-x:auto;padding:.4rem!important;height:auto!important}.sg-right-rail{max-height:none}.sg-canvas-wrap{min-height:60vh}}.sg-left-rail{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .35rem;background:var(--kami-surface);border:1px solid var(--kami-border);border-radius:var(--kami-radius-lg);align-items:center;height:100%}.sg-rail-label{writing-mode:vertical-lr;text-orientation:mixed;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kami-ink-faint);margin-bottom:.3rem}@media(max-width:960px){.sg-rail-label{writing-mode:horizontal-tb;margin:0 .3rem 0 0}}.sg-rail-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--kami-radius);border:1px solid transparent;background:transparent;color:var(--kami-ink-dim);cursor:pointer;transition:background .12s,color .12s,border-color .12s;flex-shrink:0}.sg-rail-icon:hover{color:var(--kami-ink);background:var(--kami-accent-soft)}.sg-rail-icon.is-used{color:var(--kami-ink)}.sg-rail-icon.is-active{border-color:var(--kami-accent);color:var(--kami-accent);background:var(--kami-accent-soft)}.sg-center{display:flex;flex-direction:column;gap:.5rem;min-width:0}.sg-canvas-wrap{flex:1;display:grid;place-items:center;background:#fff;border-radius:var(--kami-radius-lg);border:1px solid var(--kami-border);padding:1rem;overflow:hidden;position:relative;transition:background .2s}.sg-canvas-inner{position:relative;width:100%;max-width:100%;max-height:calc(100vh - 280px);min-height:420px;border-radius:var(--kami-radius);overflow:hidden;box-shadow:0 6px 30px #0000002e}.sg-canvas-svg{width:100%;height:100%;display:block}.sg-canvas-svg svg{width:100%;height:100%;display:block}.sg-canvas-empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.sg-canvas-empty-card{pointer-events:auto;background:#000000bf;color:#fff;padding:1rem 1.4rem;border-radius:var(--kami-radius-lg);display:flex;flex-direction:column;gap:.35rem;text-align:center;max-width:360px;backdrop-filter:blur(8px)}.sg-canvas-empty-card strong{font-size:.95rem}.sg-canvas-empty-card span{font-size:.82rem;opacity:.85}.sg-handles-layer{position:absolute;inset:0;pointer-events:none}.sg-blob-handle{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #0006,0 2px 6px #00000059;cursor:grab;pointer-events:auto;transition:transform .1s;z-index:5;touch-action:none}.sg-blob-handle:hover,.sg-blob-handle.is-hover{transform:scale(1.18)}.sg-blob-handle:active{cursor:grabbing;transform:scale(1.1)}.sg-sample-text{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:.15rem;cursor:grab;user-select:none;font-family:-apple-system,SF Pro Display,Inter,system-ui,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.18);padding:.5rem .7rem;border-radius:var(--kami-radius)}.sg-sample-text:active{cursor:grabbing}.sg-sample-headline{font-size:1.4rem;font-weight:700;line-height:1.1;max-width:280px}.sg-sample-body{font-size:.85rem;opacity:.9;max-width:280px}.sg-wcag{align-self:flex-start;margin-top:.35rem;padding:.12rem .45rem;border-radius:var(--kami-radius);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-shadow:none;background:#fffffff2;color:#0a0a0a}.sg-wcag-aa{background:#dcfce7;color:#166534}.sg-wcag-aaa{background:#bbf7d0;color:#064e3b}.sg-wcag-fail{background:#fecaca;color:#7f1d1d}.sg-fav-strip{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;background:var(--kami-surface);border:1px solid var(--kami-border);border-radius:var(--kami-radius);overflow-x:auto;min-height:56px}.sg-fav-empty{color:var(--kami-ink-faint);font-size:.82rem;padding:.55rem .8rem}.sg-fav-thumb{position:relative;flex-shrink:0;width:64px;height:40px;border-radius:var(--kami-radius);overflow:hidden;border:1px solid var(--kami-border)}.sg-fav-load{all:unset;cursor:pointer;width:100%;height:100%;display:block}.sg-fav-load svg{width:100%;height:100%;display:block}.sg-fav-rm{position:absolute;top:1px;right:1px;width:16px;height:16px;display:grid;place-items:center;background:#0000008c;color:#fff;border:none;border-radius:4px;font-size:11px;cursor:pointer;opacity:0;transition:opacity .12s}.sg-fav-thumb:hover .sg-fav-rm{opacity:1}.sg-right-rail{display:flex;flex-direction:column;background:var(--kami-surface);border:1px solid var(--kami-border);border-radius:var(--kami-radius-lg);overflow:hidden;min-width:0}.sg-tabs{display:flex;border-bottom:1px solid var(--kami-border)}.sg-tab{all:unset;flex:1;text-align:center;padding:.55rem .25rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--kami-ink-dim);cursor:pointer;transition:color .12s,background .12s,border-color .12s;border-bottom:2px solid transparent}.sg-tab:hover{color:var(--kami-ink)}.sg-tab.is-active{color:var(--kami-accent);border-bottom-color:var(--kami-accent);background:var(--kami-accent-soft)}.sg-tab-body{padding:.65rem .7rem;overflow-y:auto;max-height:72vh;scrollbar-gutter:stable}.sg-controls{display:flex;flex-direction:column;gap:.45rem}.sg-controls-head{display:flex;align-items:center;gap:.35rem;padding-bottom:.35rem;border-bottom:1px solid var(--kami-border);margin-bottom:.15rem}.sg-controls-title{font-size:.82rem;font-weight:600;flex:1}.sg-motion-badge{color:var(--kami-accent);font-size:.75rem;opacity:.7;margin-right:.2rem}.sg-gen-desc{margin:0 0 .4rem;padding:.4rem .55rem;background:var(--kami-accent-soft);border-radius:var(--kami-radius);font-size:.72rem;line-height:1.45;color:var(--kami-ink-dim)}.sg-animate-warning{margin:0 0 .4rem;padding:.4rem .55rem;background:#f59e0b24;border-left:3px solid #f59e0b;border-radius:var(--kami-radius);font-size:.68rem;line-height:1.45;color:var(--kami-ink-dim)}.sg-warn-dot{color:#f59e0b;margin-right:.25rem}.sg-tab-section-label{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kami-ink-faint);margin:.8rem 0 .3rem}.sg-tab-section-label:first-child{margin-top:.2rem}.sg-tab-hint{margin:0 0 .4rem;font-size:.68rem;line-height:1.5;color:var(--kami-ink-faint)}.sg-current-palette{font-size:.82rem;font-weight:600;margin-bottom:.35rem}.sg-row-wrap{flex-wrap:wrap}.sg-controls-row{display:grid;grid-template-columns:14px 80px 1fr 44px;align-items:center;gap:.5rem;min-height:26px}.sg-controls-label{font-size:.73rem;color:var(--kami-ink-dim);white-space:nowrap}.sg-row-simple{display:flex;align-items:center;gap:.5rem;min-height:26px}.sg-row-simple .sg-controls-label{min-width:56px}.sg-row-simple .sg-controls-val{margin-left:auto;min-width:44px}.sg-controls-val{font-size:.73rem;color:var(--kami-ink);text-align:right;font-variant-numeric:tabular-nums}.sg-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sg-controls input[type=range]{width:100%;accent-color:var(--kami-accent)}.sg-color-input{width:28px;height:22px;padding:0;border:1px solid var(--kami-border);border-radius:4px;background:transparent;flex-shrink:0;cursor:pointer}.sg-color-row{display:flex;align-items:center;gap:.35rem;min-width:0}.sg-color-hex{flex:1;min-width:0;background:var(--kami-bg);color:var(--kami-ink);border:1px solid var(--kami-border);border-radius:4px;padding:.2rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;outline:none}.sg-color-hex:focus{border-color:var(--kami-accent)}.sg-color-hex.is-invalid{border-color:#dc2626;color:#dc2626}.sg-select{background:var(--kami-bg);color:var(--kami-ink);border:1px solid var(--kami-border);border-radius:4px;padding:.25rem .35rem;font-size:.78rem}.sg-grow{width:100%}.sg-lock{all:unset;cursor:pointer;color:var(--kami-ink-faint);display:grid;place-items:center}.sg-lock:hover{color:var(--kami-ink)}.sg-lock.is-locked{color:var(--kami-accent)}.sg-section-divider{height:1px;background:var(--kami-border);margin:.5rem 0}.sg-mini-btn{all:unset;cursor:pointer;padding:.25rem .55rem;border:1px solid var(--kami-border);border-radius:var(--kami-radius);font-size:.73rem;color:var(--kami-ink-dim);background:transparent;transition:color .12s,background .12s,border-color .12s;display:inline-flex;align-items:center;gap:.25rem}.sg-mini-btn:hover:not([disabled]){color:var(--kami-ink);border-color:var(--kami-border-strong)}.sg-mini-btn[disabled]{opacity:.4;cursor:not-allowed}.sg-mini-btn.is-on{color:var(--kami-accent);border-color:var(--kami-accent);background:var(--kami-accent-soft)}.sg-primary-btn{all:unset;cursor:pointer;padding:.4rem .8rem;background:var(--kami-accent);color:var(--kami-accent-ink);border-radius:var(--kami-radius);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;box-shadow:var(--kami-glow)}.sg-pill{all:unset;cursor:pointer;padding:.2rem .55rem;border:1px solid var(--kami-border);border-radius:999px;font-size:.72rem;color:var(--kami-ink-dim);transition:color .12s,background .12s,border-color .12s;display:inline-flex;align-items:center;gap:.25rem}.sg-pill:hover{color:var(--kami-ink);border-color:var(--kami-border-strong)}.sg-pill.is-on{background:var(--kami-accent);color:var(--kami-accent-ink);border-color:var(--kami-accent)}.sg-kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;padding:.05rem .35rem;border:1px solid currentColor;border-radius:3px;opacity:.7}.sg-compose{display:flex;flex-direction:column;gap:.35rem}.sg-compose-list{display:flex;flex-direction:column;gap:.25rem}.sg-compose-row{display:flex;align-items:center;gap:.3rem;padding:.35rem .45rem;border:1px solid var(--kami-border);border-radius:var(--kami-radius);transition:background .12s,border-color .12s,transform .12s,opacity .12s;cursor:grab;position:relative}.sg-compose-row:active{cursor:grabbing}.sg-compose-row.is-sel{background:var(--kami-accent-soft);border-color:var(--kami-accent)}.sg-compose-row.is-dragging{opacity:.45;transform:scale(.98)}.sg-compose-row.is-drop-target{border-top:2px solid var(--kami-accent);padding-top:calc(.35rem - 1px)}.sg-drag-grip{color:var(--kami-ink-faint);font-size:.85rem;cursor:grab;user-select:none;letter-spacing:-2px;padding:0 .35rem;touch-action:none}.sg-drag-grip:hover{color:var(--kami-ink)}.sg-drag-grip:active{cursor:grabbing}.sg-compose-pick{all:unset;cursor:pointer;flex:1;display:flex;align-items:center;gap:.4rem;color:var(--kami-ink)}.sg-compose-name{font-size:.78rem}.sg-vis{font-size:.85rem;line-height:1}.sg-rm{color:var(--kami-ink-faint)}.sg-rm:hover{color:#dc2626;border-color:#dc2626}.sg-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.sg-add-btn{all:unset;cursor:pointer;display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border:1px solid var(--kami-border);border-radius:var(--kami-radius);font-size:.72rem;color:var(--kami-ink-dim)}.sg-add-btn:hover{color:var(--kami-ink);background:var(--kami-accent-soft)}.sg-palette-tab{display:flex;flex-direction:column;gap:.5rem}.sg-palette-stops{display:flex;height:28px;border-radius:var(--kami-radius);overflow:hidden;border:1px solid var(--kami-border)}.sg-stop{flex:1}.sg-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.sg-palette-card{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.3rem;border:1px solid var(--kami-border);border-radius:var(--kami-radius);transition:border-color .12s,background .12s}.sg-palette-card:hover{border-color:var(--kami-border-strong)}.sg-palette-card.is-sel{border-color:var(--kami-accent);background:var(--kami-accent-soft)}.sg-palette-strip{display:flex;height:18px;border-radius:3px;overflow:hidden}.sg-palette-name{font-size:.68rem;color:var(--kami-ink-dim)}.sg-file-btn{display:inline-block}.sg-dropzone{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border:1px dashed var(--kami-border-strong);border-radius:var(--kami-radius);transition:background .12s,border-color .12s}.sg-dropzone.is-over{background:var(--kami-accent-soft);border-color:var(--kami-accent);border-style:solid}.sg-dropzone-or{font-size:.72rem;color:var(--kami-ink-faint)}.sg-export-tab{display:flex;flex-direction:column;gap:.55rem}.sg-format-pills{display:flex;flex-wrap:wrap;gap:.25rem}.sg-export-actions{display:flex;gap:.35rem;align-items:center}.sg-export-preview{background:var(--kami-bg);color:var(--kami-ink);border:1px solid var(--kami-border);border-radius:var(--kami-radius);padding:.55rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all}.sg-export-preview code{color:inherit;background:transparent}.sg-export-png{background:repeating-conic-gradient(#e5e7eb 0% 25%,#f9fafb 0% 50%) 50% / 16px 16px;border:1px solid var(--kami-border);border-radius:var(--kami-radius);padding:.3rem;display:flex;flex-direction:column;gap:.3rem;align-items:stretch}.sg-export-png img{width:100%;height:auto;max-height:220px;object-fit:contain;border-radius:3px}.sg-export-png-meta{font-size:.68rem;color:var(--kami-ink-faint);text-align:center;font-variant-numeric:tabular-nums}.sg-export-png-loading{color:var(--kami-ink-faint);text-align:center;padding:2rem 0;font-size:.8rem}.sg-cmdk{position:fixed;inset:0;display:grid;place-items:start center;padding-top:12vh;z-index:60}.sg-cmdk-scrim{position:absolute;inset:0;background:#00000080;border:none;cursor:pointer}.sg-cmdk-card{position:relative;z-index:1;background:var(--kami-surface);color:var(--kami-ink);border:1px solid var(--kami-border);border-radius:var(--kami-radius-lg);padding:.85rem 1rem;box-shadow:0 18px 60px #0006;min-width:520px;max-width:640px;display:flex;flex-direction:column;gap:.65rem}.sg-cmdk-input-row{display:flex;align-items:center;gap:.55rem}.sg-cmdk-prompt{color:var(--kami-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem}.sg-cmdk-input{flex:1;background:transparent;border:none;outline:none;color:var(--kami-ink);font-size:1.05rem;padding:.35rem 0;font-family:inherit}.sg-cmdk-input::placeholder{color:var(--kami-ink-faint)}.sg-cmdk-feedback{font-size:.82rem;padding:.35rem .55rem;border-radius:var(--kami-radius)}.sg-cmdk-feedback.is-ok{background:#dcfce7;color:#166534}.sg-cmdk-feedback.is-err{background:#dc26261f;color:#b91c1c}.sg-cmdk-examples{display:flex;flex-direction:column;gap:.35rem}.sg-cmdk-examples-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--kami-ink-faint)}.sg-cmdk-pills{display:flex;flex-wrap:wrap;gap:.25rem}.sg-cmdk-hint{font-size:.7rem;color:var(--kami-ink-faint);border-top:1px solid var(--kami-border);padding-top:.5rem}.sg-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:50}.sg-overlay-scrim{position:absolute;inset:0;background:#0006;border:none;cursor:pointer}.sg-overlay-card{position:relative;z-index:1;background:var(--kami-surface);color:var(--kami-ink);border:1px solid var(--kami-border);border-radius:var(--kami-radius-lg);padding:1rem 1.2rem;box-shadow:0 18px 60px #00000052;min-width:360px;max-width:540px}.sg-overlay-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.sg-overlay-head h3{margin:0;font-size:.98rem}.sg-overlay-table{width:100%;border-collapse:collapse;font-size:.85rem}.sg-overlay-table td{padding:.35rem .4rem}.sg-overlay-table tr+tr{border-top:1px solid var(--kami-border)}body[data-embed=svg-generator] .kami-header>.kami-shell.kami-header-inner{max-width:100%!important;padding-inline:clamp(.75rem,1.6vw,1.5rem)!important}body.is-iframed>.kami-header,body.is-iframed>.kami-footer,body.is-iframed .kami-header,body.is-iframed .kami-footer{display:none!important}body.is-iframed .kami-main.sg-embed-main{padding-top:.4rem!important;padding-bottom:.4rem!important}body.is-iframed .sg-embed-host{padding:0;height:100vh}.kami-main.sg-embed-main{padding-top:calc(var(--kami-header-h) + .6rem);padding-bottom:.6rem;padding-inline:clamp(.5rem,1.5vw,1.1rem);min-height:100dvh;max-width:100%!important;box-sizing:border-box;display:flex;flex-direction:column}.sg-embed-host{flex:1;min-height:0;display:flex;flex-direction:column}.sg-embed-host>.sg-root{flex:1;min-height:0}.sg-embed-host .sg-grid{min-height:0;height:100%;flex:1}.sg-embed-host .sg-canvas-inner{max-height:none}