.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:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;padding:.55rem .85rem;border-bottom:1px solid var(--pro-border);background:var(--pro-surface)}.pro-designer__brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem .85rem}.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;min-width:8rem;max-width:20rem}.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-actions{display:flex;flex-wrap:wrap;align-items:end;gap:.55rem .85rem;margin-left:auto}.pro-designer__theme-toggle{font-size:1.05rem;line-height:1}.pro-designer__profile{display:grid;gap:.2rem;min-width:min(100%,12rem)}.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;background:var(--pro-stage)}.pro-designer__chrome-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .85rem;padding:.45rem .65rem;border-bottom:1px solid var(--pro-border);background:var(--pro-surface)}.pro-designer__size-readout{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;color:var(--pro-text-muted)}.pro-designer__edge-mode{display:grid;gap:.2rem;min-width:min(100%,9rem)}.pro-designer__edge-mode select{background:var(--pro-btn-bg);color:var(--pro-text);border:1px solid var(--pro-border);font:inherit;font-size:.82rem;padding:.2rem .35rem}.pro-designer__measurement{display:flex;flex-wrap:wrap;align-items:end;gap:.45rem .75rem}.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__unit-mode{display:grid;gap:.2rem;min-width:4.5rem}.pro-designer__unit-mode select{background:var(--pro-btn-bg);color:var(--pro-text);border:1px solid var(--pro-border);font:inherit;font-size:.82rem;padding:.2rem .35rem}.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:.82rem;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__spacing-nested{width:100%}.pro-designer__spacing-ring{position:relative;padding:2.1rem 2.65rem;background:var(--pro-btn-bg);border:1px solid var(--pro-border);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--ink-black) 35%,transparent),inset 0 -1px color-mix(in srgb,var(--pro-text) 6%,transparent);clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px))}.pro-designer__spacing-ring--margin{padding:2.35rem 2.85rem}.pro-designer__spacing-ring--padding{padding:2.1rem 2.65rem}.pro-designer__spacing-ring-head{position:absolute;top:.28rem;left:.45rem;right:.45rem;display:flex;align-items:center;justify-content:space-between;gap:.35rem;pointer-events:none}.pro-designer__spacing-ring-head .pro-designer__link-sides{pointer-events:auto}.pro-designer__spacing-ring-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pro-text-muted)}.pro-designer__spacing-core{position:relative;min-height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--pro-surface);border:1px solid var(--pro-border);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink-black) 28%,transparent);clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px))}.pro-designer__spacing-core-label{font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--pro-text-muted)}.pro-designer__spacing-edge{position:absolute;display:flex;align-items:center;gap:.2rem;padding:.1rem;border-radius:.25rem;z-index:1}.pro-designer__spacing-edge input,.pro-designer__spacing-edge select{width:2.65rem;min-width:0;font:inherit;font-size:.72rem;padding:.12rem .2rem;background:var(--pro-surface);color:var(--pro-text);border:1px solid var(--pro-border)}.pro-designer__spacing-edge select{width:auto;padding-right:.1rem}.pro-designer__spacing-edge--top{top:.55rem;left:50%;transform:translate(-50%)}.pro-designer__spacing-edge--right{right:.35rem;top:50%;transform:translateY(-50%);flex-direction:column}.pro-designer__spacing-edge--bottom{bottom:.35rem;left:50%;transform:translate(-50%)}.pro-designer__spacing-edge--left{left:.35rem;top:50%;transform:translateY(-50%);flex-direction:column}.pro-designer__spacing-segment{width:1.25rem;height:1.25rem;padding:0;border:1px solid var(--pro-border);border-radius:.2rem;background:var(--pro-surface);color:var(--pro-text-muted);font:inherit;font-size:.62rem;font-weight:700;line-height:1;cursor:pointer}.pro-designer__spacing-edge.is-active{box-shadow:inset 0 0 0 1px var(--pro-accent)}.pro-designer__spacing-edge.is-active .pro-designer__spacing-segment{border-color:var(--pro-accent);color:var(--pro-accent)}.pro-designer__spacing-edge.is-active input:focus,.pro-designer__spacing-edge.is-active select:focus{outline:none;border-color:var(--pro-accent);box-shadow:0 0 0 1px var(--pro-accent)}.pro-designer__link-sides{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:.75rem;line-height:1}.pro-designer__link-sides[aria-pressed=true]{border-color:var(--pro-accent);color:var(--pro-accent)}.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}@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}