.pro-designer-app{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#1a1a1a}body:has(.pro-designer-app){overflow:hidden}.pro-designer{--pro-bg: #1a1a1a;--pro-surface: #242424;--pro-surface-raised: #2e2e2e;--pro-stage: #1e1e1e;--pro-border: #3d3d3d;--pro-text: #ececec;--pro-text-muted: #9a9a9a;--pro-btn-bg: #2e2e2e;--pro-btn-hover: #383838;--pro-accent: var(--ink-red);--pro-accent-mix: color-mix(in srgb, var(--pro-surface) 88%, var(--ink-red) 12%);--pro-hint-bg: color-mix(in srgb, var(--pro-surface) 88%, transparent);--pro-mobile-banner: color-mix(in srgb, var(--pro-surface) 92%, var(--ink-red) 8%);flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--pro-bg);color:var(--pro-text)}.pro-designer[data-theme=light]{--pro-bg: var(--paper);--pro-surface: var(--ink-white);--pro-surface-raised: var(--paper);--pro-stage: color-mix(in srgb, var(--paper) 86%, var(--ink-black) 14%);--pro-border: var(--line);--pro-text: var(--ink-black);--pro-text-muted: var(--muted);--pro-btn-bg: var(--paper);--pro-btn-hover: var(--ink-white);--pro-accent-mix: color-mix(in srgb, var(--ink-white) 88%, var(--ink-red) 12%);--pro-hint-bg: color-mix(in srgb, var(--ink-white) 88%, transparent);--pro-mobile-banner: color-mix(in srgb, var(--ink-white) 92%, var(--ink-red) 8%)}.pro-designer__topbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"brand leading strip persist";grid-template-rows:auto;align-items:end;gap:.55rem .85rem;padding:.55rem .85rem;border-bottom:1px solid var(--pro-border);background:var(--pro-surface);min-width:0}.pro-designer__brand{grid-area:brand;align-self:center}.pro-designer__topbar-leading{display:flex;align-items:center;gap:.5rem;min-width:0}.pro-designer__brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem .85rem;flex-shrink:0}.pro-designer__back{font-size:.88rem;color:var(--pro-text-muted);text-decoration:underline;text-underline-offset:.15em}.pro-designer__title{margin:0;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.02em;color:var(--pro-text)}.pro-designer__history{display:flex;align-items:center;gap:.5rem;flex:1 1 auto;min-width:5rem;max-width:11rem}.pro-designer__history-scrub-slot{flex:1;min-width:6rem}.pro-designer__history-scrub{display:grid;gap:.15rem;width:100%}.pro-designer__history-scrub-label{font-size:.72rem;color:var(--pro-text-muted);font-variant-numeric:tabular-nums}.pro-designer__history-scrub input[type=range]{width:100%}.pro-designer__preview-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.pro-designer__preview-presets .pro-designer__text-btn.is-active{border-color:var(--pro-accent);color:var(--pro-accent)}.pro-designer__field-item-head{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.35rem}.pro-designer__field-name-input{flex:1;min-width:6rem;font:inherit;font-size:.88rem;padding:.15rem .25rem;border:1px solid var(--pro-border);background:var(--pro-btn-bg);color:var(--pro-text)}.pro-designer__field-default{display:grid;gap:.2rem;margin-top:.25rem}.pro-designer__topbar-leading{grid-area:leading}.pro-designer__profile-strip{grid-area:strip;display:flex;flex-wrap:nowrap;align-items:end;justify-content:flex-end;gap:.55rem .75rem;min-width:0;max-width:100%}.pro-designer__profile-divider{align-self:stretch;width:1px;margin:.15rem .1rem;background:var(--pro-border);flex-shrink:0}.pro-designer__profile--connected[hidden]+.pro-designer__profile-divider{display:none}.pro-designer__profile--connected{flex:0 1 12rem;min-width:9rem;max-width:14rem}.pro-designer__persist-actions{grid-area:persist;align-self:end;display:flex;flex:0 0 auto;flex-shrink:0;align-items:flex-end;padding-left:.75rem;border-left:1px solid var(--pro-border);white-space:nowrap}.pro-designer__theme-toggle{font-size:1.05rem;line-height:1}.pro-designer__profile{display:grid;gap:.2rem;flex:0 1 11rem;min-width:8rem;max-width:11rem}.pro-designer__profile--media{flex-basis:16rem;max-width:18rem}.pro-designer__profile--device{flex:0 1 11rem;min-width:8rem;max-width:11rem}.pro-designer__device-control{position:relative;display:block;min-height:2.1rem;width:100%}.pro-designer__device-control select,.pro-designer__device-control .pro-designer__device-sign-in{position:absolute;inset:0;width:100%;box-sizing:border-box}.pro-designer__device-control select,.pro-designer__profile select{width:100%;min-width:0;min-height:2.1rem;padding:.2rem .35rem;font:inherit;font-size:.88rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.pro-designer__device-control select{text-overflow:ellipsis}.pro-designer__profile-strip:has(.pro-designer__device-sign-in:not([hidden])) .pro-designer__preview-push{display:none!important}.pro-designer__preview-push{flex-shrink:0;align-self:end;min-height:2.1rem;height:2.1rem;padding-top:0;padding-bottom:0;white-space:nowrap}.pro-designer .btn--ghost{border:1px solid var(--pro-border);color:var(--pro-text)}.pro-designer .btn--ghost:not(:disabled){background:var(--pro-btn-bg)}.pro-designer .btn--ghost:disabled{opacity:.42;cursor:not-allowed}.pro-designer__persist-actions .btn--red{min-height:2.1rem;height:2.1rem;padding-top:0;padding-bottom:0}.pro-designer__preview-push[hidden],.pro-designer .btn[hidden]{display:none!important}.pro-designer__device-sign-in{min-height:2.1rem;padding:0 .95rem;border-radius:999px;border-color:#d97706;background:#f59e0b;color:#1a1208;font-size:.92rem;white-space:nowrap}.pro-designer__device-sign-in[hidden],.pro-designer__device-control select[hidden],.pro-designer__profile[hidden],.pro-designer__profile--connected[hidden]{display:none!important}.pro-designer__device-sign-in:hover{filter:brightness(1.06)}.pro-designer__profile select,.pro-designer__panel input,.pro-designer__panel select,.pro-designer__panel textarea{background:var(--pro-btn-bg);color:var(--pro-text);border:1px solid var(--pro-border)}.pro-designer__status{margin:0;border-radius:0}.pro-designer__desktop-notice{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.55rem .85rem;border-bottom:1px solid var(--pro-border);background:var(--pro-mobile-banner);font-size:.88rem;color:var(--pro-text)}.pro-designer__desktop-notice[hidden]{display:none}.pro-designer__desktop-notice-text{margin:0;flex:1;min-width:0}.pro-designer__desktop-notice a{text-decoration:underline;text-underline-offset:.15em;color:var(--pro-text)}.pro-designer__desktop-notice-dismiss{flex-shrink:0;border:0;background:transparent;color:var(--pro-text-muted);font:inherit;font-size:1.25rem;line-height:1;padding:0 .15rem;cursor:pointer}.pro-designer__desktop-notice-dismiss:hover{color:var(--pro-text)}.pro-designer__workspace{flex:1;display:grid;grid-template-columns:3.25rem minmax(0,1fr) minmax(16rem,22rem);grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.pro-designer__rail{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .35rem;border-right:1px solid var(--pro-border);background:var(--pro-surface);overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.pro-designer__tool,.pro-designer__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;flex-shrink:0;border:1px solid var(--pro-border);border-radius:.35rem;background:var(--pro-btn-bg);color:var(--pro-text);cursor:pointer}.pro-designer__tool:hover,.pro-designer__icon-btn:hover:not(:disabled){background:var(--pro-btn-hover)}.pro-designer__tool svg,.pro-designer__icon-btn svg{width:1.15rem;height:1.15rem}.pro-designer__tool.is-active,.pro-designer__tool[aria-pressed=true]{border-color:var(--pro-accent);background:var(--pro-accent-mix);box-shadow:inset 0 0 0 1px var(--pro-accent)}.pro-designer__tool:disabled,.pro-designer__icon-btn:disabled{opacity:.45;cursor:not-allowed}.pro-designer__text-btn{border:1px solid var(--pro-border);border-radius:.35rem;background:var(--pro-btn-bg);color:var(--pro-text);padding:.25rem .55rem;font:inherit;font-size:.82rem;cursor:pointer}.pro-designer__stage{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--pro-stage);container-type:inline-size;container-name:pro-stage}.pro-designer__chrome-bar{--pro-chrome-control-h: 2rem;--pro-chrome-bar-h: 2.75rem;--pro-chrome-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");position:relative;z-index:2;box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;gap:0;flex-shrink:0;width:100%;max-width:100%;height:var(--pro-chrome-bar-h);min-height:var(--pro-chrome-bar-h);max-height:var(--pro-chrome-bar-h);padding:calc((var(--pro-chrome-bar-h) - var(--pro-chrome-control-h)) / 2) .65rem;border-bottom:1px solid var(--pro-border);background:var(--pro-surface);overflow:hidden}.pro-designer__chrome-group{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-height:var(--pro-chrome-control-h)}.pro-designer__chrome-group--zoom{margin-left:auto;flex-shrink:0;min-width:0;max-width:100%}.pro-designer__chrome-divider{flex-shrink:0;align-self:center;width:1px;height:1.25rem;margin:0 .55rem;background:color-mix(in srgb,var(--pro-border) 88%,transparent)}.pro-designer__size-readout{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:var(--pro-chrome-control-h);color:var(--pro-text-muted);white-space:nowrap}.pro-designer__chrome-inline{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--pro-text-muted);cursor:pointer;user-select:none;white-space:nowrap}.pro-designer__chrome-bar .pro-designer__chrome-select{box-sizing:border-box;width:auto;min-width:0;min-height:0;max-height:var(--pro-chrome-control-h);height:var(--pro-chrome-control-h);margin:0;padding:0 1.35rem 0 .45rem;border:1px solid var(--pro-border);border-radius:.35rem;background-color:var(--pro-btn-bg);background-image:var(--pro-chrome-select-chevron);background-repeat:no-repeat;background-position:right .4rem center;background-size:.55rem auto;color:var(--pro-text);font:inherit;font-size:.8125rem;line-height:var(--pro-chrome-control-h);vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer}.pro-designer__chrome-select--units{min-width:3rem}.pro-designer__chrome-secondary{display:flex;align-items:center;flex-shrink:0;gap:.35rem}.pro-designer__chrome-view-btn{display:none;align-items:center;justify-content:center;flex-shrink:0;height:var(--pro-chrome-control-h);padding:0 .6rem;border:1px solid var(--pro-border);border-radius:.35rem;background:var(--pro-btn-bg);color:var(--pro-text);font:inherit;font-size:.8125rem;line-height:1;cursor:pointer}.pro-designer__chrome-view-btn:hover{background:var(--pro-btn-hover)}.pro-designer__chrome-view-btn:focus-visible{outline:2px solid var(--ink-red, #c8102e);outline-offset:1px}.pro-designer__chrome-bar.is-chrome-view-open .pro-designer__chrome-view-btn{border-color:color-mix(in srgb,var(--pro-border) 55%,var(--ink-red, #c8102e) 45%);background:color-mix(in srgb,var(--pro-surface-raised) 70%,var(--ink-red, #c8102e) 30%);font-weight:600}.pro-designer__chrome-bar .pro-designer__chrome-select:focus-visible{outline:2px solid var(--ink-red, #c8102e);outline-offset:1px}.pro-designer__chrome-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--pro-chrome-control-h);padding:0 .55rem;border:1px solid var(--pro-border);border-radius:.35rem;background:var(--pro-btn-bg);color:var(--pro-text-muted);font-size:.8125rem;line-height:1;cursor:pointer;user-select:none}.pro-designer__chrome-toggle:hover{background:var(--pro-btn-hover);color:var(--pro-text)}.pro-designer__chrome-toggle:has(input:checked){background:color-mix(in srgb,var(--pro-surface-raised) 70%,var(--ink-red, #c8102e) 30%);color:var(--pro-text);font-weight:600}.pro-designer__chrome-toggle:has(input:focus-visible){outline:2px solid var(--ink-red, #c8102e);outline-offset:1px}.pro-designer__chrome-toggle input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pro-designer__toggle{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--pro-text);cursor:pointer;user-select:none}.pro-designer__toggle input{accent-color:var(--ink-red, #c8102e)}.pro-designer__chrome-bar .pro-designer__palette,.pro-designer__chrome-bar .pro-designer__palette--active{margin-top:0;flex-wrap:nowrap;gap:.3rem}.pro-designer__chrome-bar .pro-designer__palette-swatch{width:var(--pro-chrome-control-h);height:var(--pro-chrome-control-h);box-sizing:border-box}.pro-designer__chrome-bar .pro-designer__view-mode{height:var(--pro-chrome-control-h)}.pro-designer__chrome-bar .pro-designer__view-mode-btn{display:inline-flex;align-items:center;height:100%;padding:0 .55rem;font-size:.8125rem}.pro-designer__chrome-bar .pro-designer__icon-btn{width:var(--pro-chrome-control-h);height:var(--pro-chrome-control-h)}.pro-designer__chrome-bar .pro-designer__text-btn{box-sizing:border-box;display:inline-flex;align-items:center;height:var(--pro-chrome-control-h);padding:0 .5rem;font-size:.8125rem;line-height:1}.pro-designer__chrome-bar .pro-designer__zoom{display:flex;flex-wrap:nowrap;align-items:center;gap:.2rem;max-width:100%;min-width:0}.pro-designer__chrome-bar .pro-designer__zoom-label{display:inline-flex;align-items:center;justify-content:center;height:var(--pro-chrome-control-h);min-width:2.35rem;padding:0 .1rem;font-size:.8125rem;font-variant-numeric:tabular-nums;flex-shrink:0}.pro-designer__chrome-bar .pro-designer__text-btn[data-pro-zoom-fit],.pro-designer__chrome-bar .pro-designer__text-btn[data-pro-zoom-reset]{padding-inline:.4rem;flex-shrink:0}.pro-designer .badge-bezel{padding:0}.pro-designer .badge-bezel{padding:0;display:block;line-height:0}.pro-designer .badge-canvas{width:auto;height:auto;max-width:none}.pro-designer .badge-bezel--crisp{border-radius:0;box-shadow:none;filter:none;overflow:hidden}.pro-designer .badge-bezel--smoothed{border-radius:var(--bezel);box-shadow:0 10px 30px #11111114,0 0 0 1px #1111110a;filter:drop-shadow(0 2px 8px rgba(17,17,17,.1))}.pro-designer .badge-canvas--crisp{image-rendering:pixelated;image-rendering:crisp-edges;border-radius:0}.pro-designer .badge-canvas--smoothed{image-rendering:auto;border-radius:calc(var(--bezel) - 10px)}.pro-designer__view-mode{display:inline-flex;align-items:stretch;border:1px solid var(--pro-border);border-radius:.35rem;overflow:hidden;background:var(--pro-btn-bg)}.pro-designer__view-mode-btn{border:0;background:transparent;color:var(--pro-text-muted);font:inherit;font-size:.8125rem;line-height:1.2;padding:.28rem .55rem;cursor:pointer}.pro-designer__view-mode-btn+.pro-designer__view-mode-btn{border-left:1px solid var(--pro-border)}.pro-designer__view-mode-btn.is-active{background:color-mix(in srgb,var(--pro-surface-raised) 70%,var(--ink-red) 30%);color:var(--pro-text);font-weight:600}.pro-designer__view-mode-btn:focus-visible{outline:2px solid var(--ink-red, #c8102e);outline-offset:-2px}.pro-designer[data-canvas-view-mode=layout] .pro-designer__canvas-frame{box-shadow:inset 0 0 0 1px #4f46e540}.pro-designer--layout-unavailable [data-pro-layout-only]{display:none!important}.pro-designer__grid-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.35rem}.pro-designer__grid-merges{display:flex;flex-direction:column;gap:.35rem}.pro-designer__grid-merge-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.35rem}.pro-designer__grid-merge-field input{width:3.25rem}.pro-designer[data-canvas-view-mode=surface] .pro-designer__canvas-frame{box-shadow:inset 0 0 0 1px #1111111f}.pro-designer__zoom{display:flex;align-items:center;gap:.35rem}.pro-designer__zoom-label{min-width:3.25rem;text-align:center;font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--pro-text)}.pro-designer__viewport{position:relative;flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:1.75rem minmax(0,1fr);grid-template-rows:1.75rem minmax(0,1fr);outline:none;--pro-grid-major: color-mix(in srgb, var(--pro-border) 85%, var(--pro-text-muted) 15%);--pro-grid-minor: color-mix(in srgb, var(--pro-border) 55%, transparent)}.pro-designer__viewport.is-rulers-hidden{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.pro-designer__viewport.is-rulers-hidden .pro-designer__canvas-scene{grid-column:1;grid-row:1}.pro-designer__ruler-corner{border-right:1px solid var(--pro-border);border-bottom:1px solid var(--pro-border);background:var(--pro-surface)}.pro-designer__ruler-x,.pro-designer__ruler-y{position:relative;overflow:hidden;background:var(--pro-surface);color:var(--pro-text-muted);font-size:.62rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.pro-designer__ruler-x{grid-column:2;border-bottom:1px solid var(--pro-border)}.pro-designer__ruler-y{grid-column:1;grid-row:2;border-right:1px solid var(--pro-border)}.pro-designer__ruler-tick{position:absolute;pointer-events:none;color:var(--pro-text-muted)}.pro-designer__ruler-x .pro-designer__ruler-tick{top:0;bottom:0;width:0;border-left:1px solid color-mix(in srgb,var(--pro-border) 70%,transparent);transform:translate(-.5px)}.pro-designer__ruler-x .pro-designer__ruler-tick.is-major{border-left-color:color-mix(in srgb,var(--pro-border) 90%,var(--pro-text-muted) 10%)}.pro-designer__ruler-y .pro-designer__ruler-tick{left:0;right:0;height:0;border-top:1px solid color-mix(in srgb,var(--pro-border) 70%,transparent);transform:translateY(-.5px)}.pro-designer__ruler-y .pro-designer__ruler-tick.is-major{border-top-color:color-mix(in srgb,var(--pro-border) 90%,var(--pro-text-muted) 10%)}.pro-designer__ruler-label{position:absolute;font-size:.58rem;line-height:1;white-space:nowrap}.pro-designer__ruler-x .pro-designer__ruler-label{top:.12rem;left:.18rem}.pro-designer__ruler-y .pro-designer__ruler-label{left:.12rem;top:.1rem;writing-mode:vertical-rl;transform:rotate(180deg)}.pro-designer__canvas-frame{position:relative;display:block;width:fit-content;height:fit-content;line-height:0}.pro-designer__grid-overlay{position:absolute;inset:0;pointer-events:none;line-height:0}.pro-designer__grid-overlay svg{display:block;width:100%;height:100%}.pro-designer__canvas-scene{grid-column:2;grid-row:2;position:relative;overflow:hidden;cursor:grab}.pro-designer__canvas-scene.is-panning{cursor:grabbing}.pro-designer__canvas-scene.is-placement-tool,.pro-designer__canvas-scene.is-pen-tool{cursor:crosshair}.pro-designer__canvas-wrap{position:absolute;left:50%;top:50%;transform-origin:center center;will-change:transform}.pro-designer__pan-hint{position:absolute;left:50%;bottom:.45rem;transform:translate(-50%);margin:0;padding:.25rem .55rem;border-radius:999px;background:var(--pro-hint-bg);font-size:.75rem;color:var(--pro-text-muted);pointer-events:none}.pro-designer__profile-note{margin:0;padding:.35rem .65rem;font-size:.82rem;color:var(--pro-text-muted);text-align:center;border-top:1px solid var(--pro-border);background:var(--pro-surface)}.pro-designer__sidebar{display:flex;flex-direction:column;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;border-left:1px solid var(--pro-border);background:var(--pro-surface-raised);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable}.pro-designer h1,.pro-designer h2,.pro-designer h3{font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:normal;line-height:1.35;text-transform:none;margin:0 0 .35rem}.pro-designer__panel{flex-shrink:0;min-height:min-content;padding:.75rem;border-bottom:1px solid var(--pro-border)}.pro-designer__panel-head{margin-bottom:.55rem}.pro-designer__panel-title{margin:0 0 .35rem;font-size:1rem;font-weight:700;letter-spacing:normal;line-height:1.35;text-transform:none;color:var(--pro-text)}.pro-designer__panel-hint,.pro-designer__sidebar-foot{margin:0;font-size:.82rem;color:var(--pro-text-muted)}.pro-designer__sidebar-foot{flex-shrink:0;margin-top:auto;padding:.75rem}.pro-designer__panel-head{margin-bottom:.35rem}.pro-designer__panel-toggle{display:flex;align-items:center;gap:.35rem;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;user-select:none}.pro-designer__panel-toggle--sub{width:100%}.pro-designer__panel-toggle .pro-designer__panel-title,.pro-designer__panel-toggle .pro-designer__panel-subhead{margin:0}.pro-designer__panel-chevron{flex-shrink:0;font-size:.82rem;color:var(--pro-text-muted);line-height:1}.pro-designer__panel-body.is-collapsed,.pro-designer__subsection-body.is-collapsed{display:none}.pro-designer__panel-body>.pro-designer__panel-hint:first-child{margin-bottom:.55rem}.pro-designer__panel--layers .pro-designer__panel-hint,.pro-designer__panel--identities .pro-designer__panel-hint{margin-bottom:.55rem}.pro-designer__subsection{margin-top:.65rem}.pro-designer__subsection-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.35rem}.pro-designer__subsection-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.pro-designer__subsection-reset{padding:.15rem .45rem;font-size:.72rem}.pro-designer__subsection-body{display:grid;gap:.45rem}.pro-designer__field-with-bind{display:grid;gap:.25rem}.pro-designer__field-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:center}.pro-designer__colour-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.pro-designer__value-bind-btn{flex-shrink:0;width:2rem;height:2rem;border:1px solid var(--pro-border);border-radius:.25rem;background:var(--pro-surface);color:var(--pro-text-muted);cursor:pointer;font-size:.9rem;line-height:1}.pro-designer__value-bind-btn.is-bound{border-color:var(--pro-accent);color:var(--pro-accent)}.pro-designer__value-bind-row{display:contents}.pro-designer__layer-stack{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;flex-shrink:0}.pro-designer__layer{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.25rem;align-items:center;padding:.35rem;border:1px solid var(--pro-border);background:var(--pro-surface)}.pro-designer__layer--virtual{grid-template-columns:minmax(0,1fr);padding:.5rem .65rem}.pro-designer__layer.is-selected{border-color:var(--pro-accent);box-shadow:inset 0 0 0 1px var(--pro-accent)}.pro-designer__layer.is-hidden .pro-designer__layer-name{opacity:.45;text-decoration:line-through}.pro-designer__layer.is-locked{background:color-mix(in srgb,var(--pro-surface) 92%,var(--pro-border) 8%)}.pro-designer__layer-grip{border:0;background:transparent;color:var(--pro-text-muted);cursor:grab;padding:0;font:inherit;line-height:1;touch-action:none}.pro-designer__layer-grip:active{cursor:grabbing}.pro-designer__layer.is-dragging{opacity:.55}.pro-designer__layer.is-drop-target{border-color:var(--pro-accent);box-shadow:inset 0 0 0 1px var(--pro-accent)}.pro-designer__layer-name{border:0;background:transparent;text-align:left;font:inherit;font-size:.88rem;padding:.15rem 0;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pro-text)}.pro-designer__layer-name-input{width:100%;font:inherit;font-size:.88rem;padding:.15rem .25rem;border:1px solid var(--pro-border);background:var(--pro-btn-bg);color:var(--pro-text)}.pro-designer__layer-actions{display:flex;flex-wrap:wrap;gap:.1rem}.pro-designer__layer-btn{min-width:1.65rem;padding:.15rem .25rem;border:1px solid var(--pro-border);border-radius:.25rem;background:var(--pro-btn-bg);color:var(--pro-text);font:inherit;font-size:.75rem;cursor:pointer}.pro-designer__layer-btn.is-on{border-color:var(--pro-accent);color:var(--pro-accent)}.pro-designer__layer-btn[aria-label^=Delete]{font-weight:700;color:var(--pro-accent)}.pro-designer__layer-type{display:block;font-size:.72rem;color:var(--pro-text-muted)}.pro-designer__qr-toggle{display:flex;align-items:center;gap:.45rem;margin-bottom:.65rem;color:var(--pro-text)}.pro-designer__palette-slot{display:flex;align-items:center}.pro-designer__palette,.pro-designer__palette--active{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.25rem}.pro-designer__field-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.pro-designer__field-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.pro-designer__field-item{padding:.35rem;border:1px solid var(--pro-border);background:var(--pro-surface);font-size:.85rem}.pro-designer__field-item.is-linked{border-color:var(--pro-accent)}.pro-designer__palette-swatch--yellow{background:#ffdc00}.pro-designer__palette-swatch{width:1.35rem;height:1.35rem;border:1px solid var(--pro-border);border-radius:.2rem;cursor:pointer;padding:0}.pro-designer__palette-swatch--white{background:#fff}.pro-designer__palette-swatch--black{background:#111}.pro-designer__palette-swatch--red{background:var(--ink-red)}.pro-designer__palette-swatch.is-active{box-shadow:0 0 0 2px var(--pro-accent)}.pro-designer__inline-edit{position:fixed;z-index:10000;margin:0;padding:.15rem .25rem;border:2px solid var(--pro-accent);background:#fff;color:#111;font-family:ui-sans-serif,system-ui,sans-serif;resize:none;outline:none}.designer-props-empty{color:var(--pro-text-muted);font-size:.88rem}.pro-designer__fit-hint{margin:0;font-size:.82rem;line-height:1.35;color:var(--pro-text-muted)}.pro-designer__fit-hint--warn{color:#c8102e}.pro-designer__panel-subhead{margin:.35rem 0 0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pro-text-muted)}.pro-designer__pin-row{display:flex;flex-wrap:wrap;gap:.35rem .65rem}.pro-designer__pin-toggle{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;cursor:pointer}.pro-designer__box-model{--pro-box-model-gutter-x: 2.8rem;--pro-box-model-gutter-y: 1.45rem;--pro-box-model-set: color-mix(in srgb, var(--ink-red) 55%, #ffffff);position:relative;width:100%;font-size:.72rem;user-select:none}.pro-designer[data-theme=light] .pro-designer__box-model{--pro-box-model-set: var(--pro-accent)}.pro-designer__box-model-ring{position:relative;display:grid;grid-template-columns:var(--pro-box-model-gutter-x) minmax(0,1fr) var(--pro-box-model-gutter-x);grid-template-rows:var(--pro-box-model-gutter-y) auto var(--pro-box-model-gutter-y);border:1px solid var(--pro-border);border-radius:4px}.pro-designer__box-model-ring--margin{background:color-mix(in srgb,var(--pro-surface-raised) 70%,var(--pro-bg))}.pro-designer__box-model-ring--padding{border-radius:3px;background:var(--pro-surface)}.pro-designer__box-model-inner{grid-column:2;grid-row:2;min-width:0}.pro-designer__box-model-content{min-height:1.35rem;border:1px dashed var(--pro-border);border-radius:2px;background:color-mix(in srgb,var(--pro-surface-raised) 60%,transparent)}.pro-designer__box-model-label{position:absolute;top:.3rem;left:.4rem;z-index:2;font-size:.56rem;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;color:var(--pro-text-muted);pointer-events:none}.pro-designer__box-model-value{z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:0;border:0;background:transparent;color:var(--pro-text-muted);font:inherit;font-variant-numeric:tabular-nums;line-height:1;cursor:ns-resize;touch-action:none}.pro-designer__box-model-value--top{grid-column:1 / -1;grid-row:1;clip-path:polygon(0 0,100% 0,calc(100% - var(--pro-box-model-gutter-x)) 100%,var(--pro-box-model-gutter-x) 100%)}.pro-designer__box-model-value--bottom{grid-column:1 / -1;grid-row:3;clip-path:polygon(var(--pro-box-model-gutter-x) 0,calc(100% - var(--pro-box-model-gutter-x)) 0,100% 100%,0 100%)}.pro-designer__box-model-value--left{grid-column:1;grid-row:1 / -1;clip-path:polygon(0 0,100% var(--pro-box-model-gutter-y),100% calc(100% - var(--pro-box-model-gutter-y)),0 100%)}.pro-designer__box-model-value--right{grid-column:3;grid-row:1 / -1;clip-path:polygon(0 var(--pro-box-model-gutter-y),100% 0,100% 100%,0 calc(100% - var(--pro-box-model-gutter-y)))}.pro-designer__box-model-chip{max-width:calc(100% - .2rem);padding:.12rem .2rem;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-designer__box-model-unit-suffix{margin-left:.05em;font-size:.82em;font-weight:600;opacity:.85}.pro-designer__box-model-value:hover{background:color-mix(in srgb,var(--pro-accent) 10%,transparent);color:var(--pro-text)}.pro-designer__box-model-value.is-set{color:var(--pro-box-model-set);font-weight:700}.pro-designer__box-model-value.is-editing{background:color-mix(in srgb,var(--pro-accent) 18%,transparent)}.pro-designer__box-model-value:focus-visible{outline:none;background:color-mix(in srgb,var(--pro-accent) 14%,transparent)}.pro-designer__box-model-value:focus-visible .pro-designer__box-model-chip{box-shadow:0 0 0 2px var(--pro-accent)}.pro-designer__box-model-editor{position:absolute;z-index:20;display:grid;grid-template-columns:4.1rem auto 1.55rem;gap:.25rem;align-items:center;padding:.3rem;border:1px solid var(--pro-border);border-radius:4px;background:var(--pro-surface-raised);box-shadow:0 6px 18px color-mix(in srgb,var(--ink-black) 45%,transparent);user-select:text}.pro-designer__box-model-editor .pro-designer__box-model-input,.pro-designer__box-model-editor .pro-designer__box-model-unit{width:100%;min-width:0;min-height:0;height:1.55rem;padding:0 .3rem;border:1px solid var(--pro-border);border-radius:3px;background:var(--pro-surface);color:var(--pro-text);font:inherit;font-size:.78rem}.pro-designer__box-model-editor .pro-designer__box-model-input:focus,.pro-designer__box-model-editor .pro-designer__box-model-unit:focus{outline:none;border-color:var(--pro-accent);box-shadow:0 0 0 1px var(--pro-accent)}.pro-designer__box-model-editor .pro-designer__box-model-input.is-invalid{border-color:var(--pro-accent);background:color-mix(in srgb,var(--pro-accent) 14%,var(--pro-surface))}.pro-designer__box-model-unset{width:1.55rem;height:1.55rem;padding:0;border:1px solid var(--pro-border);border-radius:3px;background:var(--pro-btn-bg);color:var(--pro-text-muted);font:inherit;font-size:.9rem;line-height:1;cursor:pointer}.pro-designer__box-model-unset:hover,.pro-designer__box-model-unset:focus-visible{background:var(--pro-btn-hover);color:var(--pro-text)}:root.pro-designer--scrubbing-spacing,:root.pro-designer--scrubbing-spacing *{cursor:ns-resize!important;user-select:none!important}.pro-designer__position-mode{display:grid;gap:.25rem}.pro-designer__anchor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.pro-designer__anchor-cell{display:grid;grid-template-columns:auto 1fr auto;gap:.25rem;align-items:center}.pro-designer__anchor-pin{width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--pro-border);border-radius:4px;background:var(--pro-surface);cursor:pointer;font-size:.7rem;font-weight:700}.pro-designer__anchor-pin[aria-pressed=true]{border-color:var(--pro-accent);background:#c8102e1f;color:var(--pro-accent)}.pro-designer__panel--identities{border-bottom:1px solid var(--pro-border)}.pro-designer__identity-preview{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:.5rem}.pro-designer__identity-list{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.25rem}.pro-designer__identity-item{display:flex;align-items:center;gap:.35rem}.pro-designer__identity-item.is-active .pro-designer__identity-select{border-color:var(--pro-accent);color:var(--pro-accent)}.pro-designer__identity-select{flex:1;text-align:left;padding:.35rem .5rem;border:1px solid var(--pro-border);border-radius:4px;background:var(--pro-surface);color:var(--pro-text);font-size:.88rem;cursor:pointer}.pro-designer__identity-props{list-style:none;margin:.35rem 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.pro-designer__identity-prop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:.35rem;align-items:center}.pro-designer__identity-prop-key{font-size:.82rem;color:var(--pro-text-muted);word-break:break-word}.pro-designer__resolved-from{margin:.25rem 0 0;font-size:.78rem;line-height:1.35;color:var(--pro-text-muted)}.pro-designer__resolved-from--identity{color:#c8102e}.pro-designer__resolved-from--dynamic-field{color:#0b6e99}.pro-designer__binding-warn{margin:.25rem 0;padding:.35rem .5rem;border-radius:4px;font-size:.8rem;line-height:1.35;color:#781e0a;background:#c8102e1a;border:1px solid rgba(200,16,46,.35)}.pro-designer__palette--compact .pro-designer__palette-swatch{width:1.35rem;height:1.35rem}@container pro-stage (max-width: 38rem){.pro-designer__chrome-bar .pro-designer__zoom{gap:.12rem}.pro-designer__chrome-bar .pro-designer__zoom-label{min-width:2rem;font-size:.75rem}.pro-designer__chrome-bar .pro-designer__text-btn[data-pro-zoom-fit],.pro-designer__chrome-bar .pro-designer__text-btn[data-pro-zoom-reset]{padding-inline:.3rem;font-size:.75rem}.pro-designer__size-readout{max-width:6.5rem;overflow:hidden;text-overflow:ellipsis}}@media(max-width:1180px){.pro-designer__chrome-view-btn{display:inline-flex}.pro-designer__chrome-divider--secondary,.pro-designer__chrome-divider--view-mode{display:none}.pro-designer__chrome-secondary{display:none;position:absolute;z-index:40;top:calc(100% - 1px);left:.65rem;right:.65rem;flex-wrap:wrap;gap:.5rem;padding:.5rem .6rem;border:1px solid var(--pro-border);border-radius:.35rem;background:var(--pro-surface);box-shadow:0 8px 24px #1111111f}.pro-designer__chrome-bar.is-chrome-view-open .pro-designer__chrome-secondary{display:flex}.pro-designer__chrome-bar.is-chrome-view-open{overflow:visible;z-index:12}.pro-designer__chrome-group--view-mode{margin-left:auto}}@media(max-width:960px){.pro-designer__workspace{grid-template-columns:3.25rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.pro-designer__sidebar{grid-column:1 / -1;max-height:34vh;border-left:0;border-top:1px solid var(--pro-border)}}@media(max-width:640px)and (orientation:portrait){.pro-designer__desktop-notice{border-color:var(--pro-accent)}.pro-designer__rail{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--pro-border)}.pro-designer__workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(36vh,1fr) auto}.pro-designer__rail{grid-row:1}.pro-designer__stage{grid-row:2}.pro-designer__sidebar{grid-row:3;max-height:28vh}.pro-designer__panel--layers,.pro-designer__pan-hint{display:none}}@media(max-width:640px)and (orientation:landscape){.pro-designer__workspace{grid-template-columns:3.25rem minmax(0,1fr) minmax(12rem,16rem);grid-template-rows:none}.pro-designer__sidebar{max-height:none}.pro-designer__panel--layers{display:block}.pro-designer__rail{flex-direction:column;overflow-x:hidden;overflow-y:auto}}.pro-designer__add-key-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.35rem;margin:.5rem 0;align-items:center}.pro-designer__paste-table{display:grid;gap:.35rem;margin:.5rem 0}.pro-designer__paste-table textarea{width:100%;min-height:4.5rem;resize:vertical;font:inherit;border:1px solid var(--pro-border);border-radius:.25rem;padding:.35rem .45rem;background:var(--pro-surface);color:var(--pro-text)}.pro-designer__bind-dialog{border:1px solid var(--pro-border);border-radius:.35rem;padding:1rem;max-width:24rem;background:var(--pro-surface);color:var(--pro-text);box-shadow:0 12px 40px color-mix(in srgb,var(--ink-black) 25%,transparent)}.pro-designer__bind-dialog::backdrop{background:color-mix(in srgb,var(--ink-black) 45%,transparent)}.pro-designer__bind-dialog-form{display:grid;gap:.55rem}.pro-designer__bind-key-input,.pro-designer__bind-pick select{width:100%;font:inherit;border:1px solid var(--pro-border);border-radius:.25rem;padding:.35rem .45rem;background:var(--pro-surface-raised, var(--pro-surface));color:var(--pro-text)}.pro-designer__dialog-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;margin-top:.25rem}.pro-designer__position-mode-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.pro-designer__segment-btn{min-height:2rem;border:1px solid var(--pro-border);border-radius:.25rem;background:var(--pro-surface);color:var(--pro-text);font:inherit;font-size:.78rem;cursor:pointer}.pro-designer__segment-btn.is-active,.pro-designer__segment-btn[aria-pressed=true]{border-color:var(--pro-accent);color:var(--pro-accent);background:#c8102e14}.pro-designer__contained-by{display:block;width:100%;text-align:left;border:1px dashed var(--pro-border);border-radius:.25rem;padding:.35rem .45rem;background:transparent;color:var(--pro-text);font:inherit;cursor:pointer}.pro-designer__contained-by-label{display:block;font-size:.72rem;color:var(--pro-muted, #666)}.pro-designer__pin-presets{display:flex;flex-wrap:wrap;gap:.25rem}.pro-designer__pin-preset{width:2rem;height:2rem;padding:0;border:1px solid var(--pro-border);border-radius:.25rem;background:var(--pro-surface);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.pro-designer__inset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.pro-designer__inset-cell{display:grid;grid-template-columns:auto 1fr auto;gap:.25rem;align-items:center}.pro-designer__inset-pin{width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--pro-border);border-radius:4px;background:var(--pro-surface);cursor:pointer;font-size:.7rem;font-weight:700}.pro-designer__inset-pin[aria-pressed=true]{border-color:var(--pro-accent);background:#c8102e1f;color:var(--pro-accent)}.pro-designer__size-stretch{opacity:.75;font-style:italic}.pro-designer__size-axis{display:grid;gap:.25rem}.pro-designer__toast-host{position:fixed;right:1rem;bottom:1rem;z-index:80;display:flex;flex-direction:column;gap:.35rem;max-width:min(22rem,calc(100vw - 2rem))}.pro-designer__toast{border:1px solid var(--pro-border);border-radius:.35rem;padding:.5rem .65rem;background:var(--pro-surface);color:var(--pro-text);box-shadow:0 8px 24px color-mix(in srgb,var(--ink-black) 18%,transparent);display:flex;align-items:flex-start;gap:.5rem}.pro-designer__toast p{margin:0;flex:1;font-size:.82rem}.pro-designer__toast-dismiss{border:0;background:transparent;color:var(--pro-accent);cursor:pointer;font:inherit;font-size:.78rem;white-space:nowrap}