.ib-shell-wrap.svelte-5tflsx{position:relative;display:flex;flex-direction:column;margin:calc(var(--space-5) * -1);height:calc(100% + var(--space-5) * 2)}.ib-shell::part(app){height:100%}.ib-shell::part(main){padding:0}.ib__content.svelte-5tflsx{padding:var(--space-4) var(--space-4) var(--space-6);display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);grid-auto-rows:min-content;gap:var(--space-5) var(--space-6);align-items:start}@media(max-width:720px){.ib__content.svelte-5tflsx{grid-template-columns:minmax(0,1fr)}}.ib__dock-body.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) var(--space-3) var(--space-4) 0;height:100%;overflow:hidden auto;scrollbar-gutter:stable}@media(min-width:901px){.ib__dock{position:absolute;inset:0;width:auto}}.ib-start.svelte-5tflsx{display:flex;align-items:flex-end;gap:var(--space-3)}.ib-name-actions.svelte-5tflsx{display:flex;align-items:center;gap:var(--space-2)}.ib-brand.svelte-5tflsx{display:flex;flex-direction:column;line-height:1.15}.ib-brand__tag.svelte-5tflsx{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em}.ib-name.svelte-5tflsx{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm)}.ib-name__input.svelte-5tflsx{width:56ch;max-width:50vw;padding:0;background:transparent;border:none;color:var(--fg-1);font-family:var(--font-mono);font-size:var(--text-sm)}.ib-name__input.svelte-5tflsx:focus-visible{outline:none;color:var(--fg-0)}.ib-name__expand.svelte-5tflsx{flex:none;display:grid;place-items:center;width:var(--space-4);height:var(--space-4);font-size:var(--text-sm);line-height:1;color:var(--fg-2);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.ib-name__expand.svelte-5tflsx:hover{color:var(--accent);background:var(--state-hover)}.ib-name__flyout.svelte-5tflsx{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:60;width:min(44rem,80vw);padding:var(--space-3);background:var(--surface-overlay, var(--bg-1));border:var(--border-thin) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 1.5rem 3rem rgba(0, 0, 0, .35))}.ib-name__area.svelte-5tflsx{width:100%;min-height:6rem;padding:var(--space-2);color:var(--fg-1);background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;resize:vertical;white-space:pre-wrap;word-break:break-all}.ib-name__area.svelte-5tflsx:focus-visible{outline:none;border-color:var(--accent)}.ib-meta.svelte-5tflsx{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.ib__layer-actions.svelte-5tflsx{display:flex;gap:var(--space-2)}.ib__stage.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;padding:var(--space-4);border:var(--border-thin) solid var(--line);border-radius:var(--radius-lg);transition:background-color .15s ease}.ib__canvas.svelte-5tflsx{display:flex;align-items:center;justify-content:center;width:100%;max-width:15rem;aspect-ratio:1;margin-inline:auto;padding:0;overflow:hidden;border:var(--border-thin) solid var(--line);border-radius:var(--radius-md);color:var(--fg-0)}.ib__canvas[data-grid].svelte-5tflsx{background-image:linear-gradient(to right,transparent calc(33.333% - .5px),var(--line) calc(33.333% - .5px),var(--line) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),var(--line) calc(66.666% - .5px),var(--line) calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),var(--line) calc(33.333% - .5px),var(--line) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),var(--line) calc(66.666% - .5px),var(--line) calc(66.666% + .5px),transparent calc(66.666% + .5px)),repeating-linear-gradient(to bottom,var(--line) 0 2px,transparent 2px 5px),repeating-linear-gradient(to bottom,var(--line) 0 2px,transparent 2px 5px),repeating-linear-gradient(to bottom,var(--line) 0 2px,transparent 2px 5px),repeating-linear-gradient(to right,var(--line) 0 2px,transparent 2px 5px),repeating-linear-gradient(to right,var(--line) 0 2px,transparent 2px 5px),repeating-linear-gradient(to right,var(--line) 0 2px,transparent 2px 5px);background-size:100% 100%,100% 100%,1px 5px,1px 5px,1px 5px,5px 1px,5px 1px,5px 1px;background-position:center,center,16.666% 0,50% 0,83.333% 0,0 16.666%,0 50%,0 83.333%;background-repeat:no-repeat,no-repeat,repeat-y,repeat-y,repeat-y,repeat-x,repeat-x,repeat-x}.ib__canvas.svelte-5tflsx xtyle-icon{font-size:7.5rem}.ib__preview-foot.svelte-5tflsx{display:flex;align-items:stretch;gap:var(--space-3)}.ib__preview-foot.svelte-5tflsx .ib__sizes:where(.svelte-5tflsx){flex:1;min-width:0}.ib__sizes.svelte-5tflsx{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-4);padding:var(--space-3)}.ib__bg-picker.svelte-5tflsx{flex:none;display:grid;grid-template-columns:repeat(3,auto);gap:var(--space-1);place-content:center;padding:var(--space-2)}.ib__bg-picker.svelte-5tflsx xtyle-swatch{font-size:1.4rem}.ib__size.svelte-5tflsx{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.ib__size-tag.svelte-5tflsx{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3)}.ib__layers.svelte-5tflsx,.ib__inspector.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-3)}.ib__section-head.svelte-5tflsx{display:flex;align-items:center;justify-content:space-between}.ib__layers.svelte-5tflsx h4:where(.svelte-5tflsx){margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-1)}.ib__stack.svelte-5tflsx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:19rem;overflow-y:auto}.ib__chip.svelte-5tflsx{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm)}.ib__chip--on.svelte-5tflsx{border-color:var(--accent);box-shadow:0 0 0 var(--border-thin) var(--accent)}.ib__chip-main.svelte-5tflsx{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:var(--space-1);text-align:start}.ib__chip-name.svelte-5tflsx{font-size:var(--text-sm);flex:none}.ib__chip-meta.svelte-5tflsx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3)}.ib__chip-ops.svelte-5tflsx{display:flex;gap:var(--space-1)}.ib__chip-ops.svelte-5tflsx button:where(.svelte-5tflsx){width:1.5rem;height:1.5rem;display:grid;place-items:center;background:var(--surface-overlay);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--fg-2);cursor:pointer;font-size:var(--text-xs)}.ib__chip-ops.svelte-5tflsx button:where(.svelte-5tflsx):disabled{opacity:.4;cursor:not-allowed}.ib__chip-ops.svelte-5tflsx button:where(.svelte-5tflsx):not(:disabled):hover{color:var(--fg-0);border-color:var(--line-2)}.ib__lock.svelte-5tflsx{flex:none;display:grid;place-items:center;width:1.4rem;height:1.4rem;padding:0;background:none;border:none;color:var(--fg-3);border-radius:var(--radius-sm);cursor:pointer}.ib__lock.svelte-5tflsx:hover{color:var(--fg-1);background:var(--state-hover)}.ib__lock--on.svelte-5tflsx{color:var(--accent)}.ib__lock-svg.svelte-5tflsx{display:block;width:.85rem;height:.85rem}.ib__lock-shackle.svelte-5tflsx,.ib__lock-body.svelte-5tflsx{fill:none;stroke:currentColor;stroke-width:2}.ib__lock--on.svelte-5tflsx .ib__lock-body:where(.svelte-5tflsx),.ib__chip-ops.svelte-5tflsx .ib__layerlock--all:where(.svelte-5tflsx) .ib__lock-body:where(.svelte-5tflsx){fill:currentColor}.ib__lock-dash.svelte-5tflsx{stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.ib__chip-ops.svelte-5tflsx .ib__layerlock--all:where(.svelte-5tflsx),.ib__chip-ops.svelte-5tflsx .ib__layerlock--some:where(.svelte-5tflsx){color:var(--accent);border-color:var(--accent)}.ib__prop.svelte-5tflsx{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.ib__prop--stack.svelte-5tflsx{align-items:start}.ib__prop.svelte-5tflsx>:where(.svelte-5tflsx):not(.ib__lock){min-width:0}.ib__prop-body.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ib__field-label.svelte-5tflsx{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg-2)}.ib__finish.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-3);align-self:start}.ib__finish.svelte-5tflsx h4:where(.svelte-5tflsx){margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-1)}.ib__examples.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-3)}.ib__examples-head.svelte-5tflsx{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ib__examples-head.svelte-5tflsx .ib__search:where(.svelte-5tflsx){flex:1;min-width:0;max-width:16rem}.ib__lib-io.svelte-5tflsx{flex:none;display:flex;gap:var(--space-1)}.ib__file.svelte-5tflsx{display:none}.ib__lib-group.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-2)}.ib__lib-label.svelte-5tflsx{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3)}.ib__example-grid.svelte-5tflsx{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:var(--space-2)}.ib__saved.svelte-5tflsx{position:relative}.ib__saved-remove.svelte-5tflsx{position:absolute;top:calc(var(--space-1) * -1);inset-inline-end:calc(var(--space-1) * -1);width:1.1rem;height:1.1rem;display:grid;place-items:center;padding:0;font-size:var(--text-xs);line-height:1;color:var(--fg-1);background:var(--bg-3, var(--bg-1));border:var(--border-thin) solid var(--line);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:opacity var(--duration-fast, .12s) var(--ease-standard, ease)}.ib__saved.svelte-5tflsx:hover .ib__saved-remove:where(.svelte-5tflsx),.ib__saved-remove.svelte-5tflsx:focus-visible{opacity:1}.ib__saved-remove.svelte-5tflsx:hover{color:var(--danger-text, var(--danger));border-color:var(--danger)}.ib__example.svelte-5tflsx{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--fg-0);cursor:pointer}.ib__example.svelte-5tflsx:hover{border-color:var(--accent)}.ib__example.svelte-5tflsx xtyle-icon{font-size:2rem}.ib__palette-group.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-1)}.ib__palette-label.svelte-5tflsx{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em}.ib__palette-row.svelte-5tflsx{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ib__addbox.svelte-5tflsx{position:relative}.ib__addbtn.svelte-5tflsx{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);font:inherit;font-size:var(--text-sm);color:var(--fg-2);background:var(--bg-1);border:var(--border-thin) dashed var(--line);border-radius:var(--radius-sm);cursor:pointer}.ib__addbtn.svelte-5tflsx:hover{color:var(--accent);border-color:var(--accent)}.ib__addbtn-plus.svelte-5tflsx{font-size:var(--text-body);line-height:1}.ib__addpop.svelte-5tflsx{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:50;display:flex;flex-direction:column;gap:var(--space-2);max-height:min(24rem,60vh);padding:var(--space-3);background:var(--surface-overlay, var(--bg-1));border:var(--border-thin) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 1.5rem 3rem rgba(0, 0, 0, .35))}.ib__addpop--replace.svelte-5tflsx{right:auto;min-width:15rem}.ib__replace.svelte-5tflsx{position:relative;min-width:0}.ib__replace-btn.svelte-5tflsx{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--fg-1);font:inherit;text-align:start;cursor:pointer}.ib__replace-btn.svelte-5tflsx:hover{border-color:var(--accent);color:var(--fg-0)}.ib__replace-btn.svelte-5tflsx:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 var(--border-thin) var(--ring)}.ib__replace-name.svelte-5tflsx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ib__replace-caret.svelte-5tflsx{flex:none;font-size:var(--text-xs);color:var(--fg-3)}.ib__addpop-scroll.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.ib__search.svelte-5tflsx{font:inherit;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);color:var(--fg-1);background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm)}.ib__search.svelte-5tflsx:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 var(--border-thin) var(--accent)}.ib__addtile.svelte-5tflsx{position:relative;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--fg-1);cursor:pointer}.ib__addtile.svelte-5tflsx:hover{border-color:var(--accent);color:var(--accent)}.ib__addtile.svelte-5tflsx xtyle-icon{font-size:1.5rem}.ib__addtile--new.svelte-5tflsx:after{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--success-vivid);box-shadow:0 0 0 2px var(--bg-2)}.ib__field.svelte-5tflsx{display:flex;flex-direction:column;gap:var(--space-1)}.ib__pc-flatten.svelte-5tflsx{display:flex;align-items:center;gap:var(--space-2)}.ib__pc-slots.svelte-5tflsx{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--space-2) var(--space-1)}.ib__pc-slot.svelte-5tflsx{position:relative;display:flex;align-items:center;justify-content:center}.ib__pc-slot--on.svelte-5tflsx:after{content:"";position:absolute;inset:-2px;border:var(--border-normal) solid var(--accent);border-radius:var(--radius-sm);pointer-events:none}.ib__pc-clear.svelte-5tflsx{position:absolute;top:-.4rem;right:-.4rem;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--text-xs);line-height:1;color:var(--fg-1);background:var(--bg-2);border:var(--border-thin) solid var(--line);border-radius:var(--radius-full);cursor:pointer}.ib__pc-clear.svelte-5tflsx:hover{color:var(--danger);border-color:var(--danger)}.ib__field.svelte-5tflsx>span:where(.svelte-5tflsx){font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg-2)}.ib__field-pick.svelte-5tflsx{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-text, var(--accent))}.ib__swatches.svelte-5tflsx{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ib__swatches.svelte-5tflsx xtyle-swatch{font-size:1.6rem}.ib__input.svelte-5tflsx{padding:var(--space-2);background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--fg-0);font:inherit;font-size:var(--text-sm)}.ib__input.svelte-5tflsx:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 var(--border-thin) var(--ring)}.ib__keypad.svelte-5tflsx{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);width:5.25rem}.ib__pad.svelte-5tflsx{aspect-ratio:1;background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.ib__pad.svelte-5tflsx:hover{border-color:var(--line-2)}.ib__pad--on.svelte-5tflsx{background:var(--accent);border-color:var(--accent)}.ib__empty.svelte-5tflsx{margin:0;color:var(--fg-3);font-size:var(--text-sm)}.ib__glyph.svelte-5tflsx{width:3rem;padding:var(--space-1) var(--space-2);text-align:center;background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--fg-0);font-family:var(--font-mono);font-size:var(--text-md)}.ib__glyph.svelte-5tflsx:focus-visible{outline:none;border-color:var(--accent)}.ib__hint.svelte-5tflsx{margin:0;color:var(--fg-3);font-size:var(--text-xs);line-height:1.4}.ib__hint.svelte-5tflsx code:where(.svelte-5tflsx){font-family:var(--font-mono);color:var(--fg-2)}.ib__fonts-load-head.svelte-5tflsx{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ib__fonts-load.svelte-5tflsx{display:block;margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-1);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--fg-2);font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all}