@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#09090b;--bg-elevated:#111114;--panel:#16161a;--panel-hover:#1c1c22;--line:#27272a;--line-strong:#3f3f46;--fg:#fafafa;--fg-muted:#a1a1aa;--fg-subtle:#71717a;--accent:#a3e635;--accent-fg:#14532d;--danger:#fb7185;--info:#38bdf8;--radius:12px;--shadow:0 0 0 1px #ffffff08, 0 12px 40px #00000059;--font:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell:has(.app-sidebar.is-collapsed){grid-template-columns:56px 1fr}.app-shell:has(.catalog-main){height:100vh;overflow:hidden}@media (max-width:900px){:is(.app-shell,.app-shell:has(.app-sidebar.is-collapsed)){grid-template-columns:1fr}.app-shell:has(.catalog-main){height:auto;overflow:visible}.app-sidebar{z-index:20;border-bottom:1px solid var(--line);position:sticky;top:0;border-right:0!important}.app-sidebar.is-collapsed{width:auto}.app-sidebar.is-collapsed .app-brand-text,.app-sidebar.is-collapsed .app-nav-label{display:inline}.app-sidebar.is-collapsed .app-nav-short{display:none}.app-sidebar.is-collapsed .app-nav{flex-wrap:wrap;gap:.25rem;display:flex}}.app-sidebar{background:var(--bg-elevated);border-right:1px solid var(--line);flex-direction:column;gap:1.5rem;min-width:0;padding:1.25rem 1rem;display:flex;overflow:hidden}.app-sidebar-top{justify-content:space-between;align-items:flex-start;gap:.35rem;display:flex}.app-sidebar-toggle{border:1px solid var(--line);background:var(--panel);width:2rem;height:2rem;color:var(--fg-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.app-sidebar-toggle:hover{color:var(--fg);background:var(--panel-hover);border-color:var(--line-strong)}.app-sidebar-toggle:focus-visible{outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-sidebar-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent)}}.app-sidebar-toggle:focus-visible{outline-offset:2px}.app-sidebar-toggle svg{stroke:currentColor;flex-shrink:0;width:1.125rem;height:1.125rem;display:block}.app-sidebar-foot{margin-top:auto;padding:.25rem 0}.app-sidebar-foot .btn{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.app-brand{align-items:center;gap:.75rem;min-width:0;padding:.25rem .5rem;display:flex}.app-brand-mark{background:linear-gradient(135deg, var(--accent), #4ade80);width:32px;height:32px;box-shadow:0 0 24px var(--accent);border-radius:9px;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.app-brand-mark{box-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent)}}.app-nav{gap:.25rem;display:grid}.app-nav a{color:var(--fg-muted);border-radius:10px;align-items:center;gap:.6rem;padding:.65rem .75rem;transition:all .15s;display:flex}.app-nav-short{text-align:center;letter-spacing:-.02em;width:1.25rem;font-size:.75rem;font-weight:700;display:none}.app-nav-icon{width:1.25rem;height:1.25rem;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-nav a:hover{background:var(--panel);color:var(--fg)}.app-nav a.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-nav a.active{background:color-mix(in srgb, var(--accent) 14%, var(--panel))}}.app-nav a.active{color:var(--accent);font-weight:600}.app-sidebar.is-collapsed{align-items:stretch;gap:.75rem;padding:.75rem .4rem}.app-sidebar.is-collapsed .app-sidebar-top{flex-direction:column;align-items:center}.app-sidebar.is-collapsed .app-brand{justify-content:center;padding:0}.app-sidebar.is-collapsed .app-brand-text,.app-sidebar.is-collapsed .app-nav-label,.app-sidebar.is-collapsed .app-nav-short{display:none}.app-sidebar.is-collapsed .app-nav a,.app-sidebar.is-collapsed .app-sidebar-foot .btn{justify-content:center;padding:.55rem .35rem}.app-sidebar.is-collapsed .app-sidebar-toggle{width:100%;max-width:2.25rem;margin-inline:auto}.app-main{min-width:0;padding:1.5rem 1.75rem 3rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{letter-spacing:-.03em;margin:0;font-size:1.65rem}.page-header p{color:var(--fg-muted);margin:.35rem 0 0;font-size:.95rem}.toolbar{flex-wrap:wrap;gap:.65rem;margin-bottom:1.25rem;display:flex}.field{gap:.35rem;min-width:0;display:grid}.field span{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.input,.select,.textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--fg);border-radius:10px;outline:none;padding:.65rem .8rem;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.input:focus,.select:focus,.textarea:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}}.search-input{flex:1;min-width:min(280px,100%)}.btn{border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .95rem;transition:all .15s;display:inline-flex}.btn:hover{background:var(--panel-hover)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:650}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:0 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.site-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:inherit;gap:0;padding:0;text-decoration:none;transition:all .15s;display:grid;overflow:hidden}.site-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.site-card-body{gap:.75rem;padding:.9rem 1.1rem 1.1rem;display:grid}.site-card-media{aspect-ratio:16/10;background:linear-gradient(160deg, var(--accent), var(--panel-hover))}@supports (color:color-mix(in lab, red, red)){.site-card-media{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 12%, var(--panel-hover)), var(--panel-hover))}}.site-card-media{border-bottom:1px solid var(--line);overflow:hidden}.site-card-media img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.site-card-media-empty{text-align:center;width:100%;height:100%;color:var(--fg-subtle);letter-spacing:.02em;place-items:center;padding:1rem;font-size:.78rem;display:grid}.badge{border:1px solid var(--line);color:var(--fg-muted);background:var(--bg);border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.72rem;display:inline-flex}.badge-accent{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.badge-accent{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}}.badge-accent{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.badge-accent{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.tag{color:var(--fg-muted);background:#232329;border-radius:6px;padding:.12rem .45rem;font-size:.72rem;display:inline-flex}.tag-row{flex-wrap:wrap;gap:.35rem;display:flex}.empty{text-align:center;color:var(--fg-muted);border:1px dashed var(--line);border-radius:var(--radius);padding:2.5rem 1.25rem}.app-main.catalog-main{flex-direction:column;height:100vh;min-height:100vh;padding:.5rem .75rem .75rem 0;display:flex;overflow:hidden}@media (max-width:900px){.app-main.catalog-main{height:auto;min-height:100vh;padding:.75rem;overflow:visible}}.catalog-shell{flex:1;grid-template-columns:280px minmax(0,1fr);gap:.65rem;height:100%;min-height:0;display:grid}@media (max-width:960px){.catalog-shell{grid-template-columns:1fr;height:auto}}.catalog-rail{border-radius:14px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.catalog-rail-head{border-bottom:1px solid var(--line);flex:none;padding:.75rem}.catalog-rail-split{flex:1;grid-template-rows:minmax(140px,38%) minmax(180px,1fr);min-height:0;display:grid}.catalog-rail-pane{border-bottom:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.catalog-rail-pane-components{border-bottom:0}.catalog-rail-pane-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:.35rem .5rem .65rem;overflow:hidden auto}.catalog-rail-section{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);flex:none;align-items:center;padding:.55rem .75rem .35rem;font-size:.68rem;display:flex}.catalog-rail-scroll{flex:1;padding:.5rem;overflow:auto}.catalog-nav-item,.catalog-comp-item{text-align:left;width:100%;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;transition:all .12s;display:flex}.catalog-nav-item:hover,.catalog-comp-item:hover{background:var(--panel-hover);color:var(--fg)}.catalog-nav-item.active,.catalog-comp-item.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.catalog-nav-item.active,.catalog-comp-item.active{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}}.catalog-nav-item.active,.catalog-comp-item.active{color:var(--accent)}.catalog-count{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:.72rem}.catalog-comp-item{flex-direction:column;align-items:flex-start;margin-bottom:.15rem}.catalog-comp-label{color:inherit;font-size:.9rem;font-weight:600}.catalog-comp-type{font-family:var(--mono);color:var(--fg-subtle);font-size:.68rem}.catalog-comp-meta{border-bottom:1px solid var(--line);padding:0 1rem .75rem}.catalog-comp-desc{color:var(--fg);margin:0;font-size:.9rem;line-height:1.45}.catalog-comp-usecases{margin-top:.65rem}.catalog-comp-usecases strong{letter-spacing:.02em;text-transform:uppercase;color:var(--fg-muted,#a1a1aa);margin-bottom:.25rem;font-size:.75rem;display:block}.catalog-comp-usecases ul{color:var(--fg);margin:0;padding-left:1.1rem;font-size:.85rem;line-height:1.4}.catalog-comp-hidden-note{color:var(--fg-subtle);margin:.5rem 0 0;font-size:.78rem}.catalog-comp-row{justify-content:space-between;align-items:center;gap:.45rem;width:100%;display:flex}.catalog-approval-summary{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.catalog-approval-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.28rem .45rem;font-size:.68rem;font-weight:650;line-height:1;display:inline-flex}.catalog-approval-badge.is-approved{color:#0f6b3c;background:#22c55e}@supports (color:color-mix(in lab, red, red)){.catalog-approval-badge.is-approved{background:color-mix(in srgb, #22c55e 16%, var(--panel))}}.catalog-approval-badge.is-approved{border-color:#22c55e59}.catalog-approval-badge.is-pending{color:#8a5b00;background:#eab308}@supports (color:color-mix(in lab, red, red)){.catalog-approval-badge.is-pending{background:color-mix(in srgb, #eab308 16%, var(--panel))}}.catalog-approval-badge.is-pending{border-color:#eab30859}.catalog-approval-badge.is-rejected{color:#9f1239;background:#f43f5e}@supports (color:color-mix(in lab, red, red)){.catalog-approval-badge.is-rejected{background:color-mix(in srgb, #f43f5e 14%, var(--panel))}}.catalog-approval-badge.is-rejected{border-color:#f43f5e59}.catalog-empty-inline{color:var(--fg-subtle);padding:.75rem;font-size:.85rem}.catalog-stage{flex-direction:column;gap:.45rem;min-width:0;min-height:0;display:flex}.catalog-chrome{flex-direction:column;flex:none;gap:.35rem;display:flex}.tpl-catalog-chrome{gap:.45rem;padding:0 .1rem .15rem}.tpl-chrome-top{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.tpl-chrome-title{flex-wrap:wrap;align-items:baseline;gap:.55rem;min-width:0;display:flex}.tpl-chrome-title h1{letter-spacing:-.02em;margin:0;font-size:1.05rem;line-height:1.2}.tpl-chrome-meta{color:var(--fg-subtle);white-space:nowrap;font-size:.78rem}.tpl-chrome-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.tpl-open-tab{align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.82rem;display:inline-flex}.tpl-chrome-controls{flex-wrap:wrap;align-items:center;gap:.45rem .65rem;display:flex}.tpl-chrome-controls .tpl-page-tabs{flex:auto;margin-top:0}.tpl-chrome-controls .tpl-style-field{margin:0}.tpl-chrome-controls .tpl-style-field .select{min-width:7.5rem;height:2rem;padding:.2rem .5rem;font-size:.82rem}.tpl-chrome-controls .new-site-viewport-toggles{margin-left:auto}.tpl-chrome-controls .new-site-viewport-btn{justify-content:center;width:2rem;height:2rem;padding:0}.tpl-chrome-controls .tpl-page-tabs .btn{padding:.3rem .65rem;font-size:.8rem}.catalog-stage-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-height:0;padding:0 .15rem;display:flex}.catalog-stage-title{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.catalog-stage-title h2{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:28ch;margin:0;font-size:.95rem;font-weight:650;overflow:hidden}.catalog-stage-title .catalog-comp-type{margin:0}.catalog-stage-actions{flex-wrap:wrap;flex-shrink:0;gap:.35rem;display:flex}.catalog-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;padding:.4rem .55rem;display:flex}.catalog-toolbar-end{flex-wrap:wrap;align-items:center;gap:.35rem;margin-left:auto;display:flex}.btn-sm{border-radius:8px;padding:.28rem .55rem;font-size:.75rem}.select-sm{width:auto;min-width:5.5rem;height:auto;padding:.28rem .45rem;font-size:.75rem}.chip-row{flex-wrap:wrap;gap:.25rem;display:flex}.chip{border:1px solid var(--line);background:var(--bg);color:var(--fg-muted);cursor:pointer;border-radius:999px;padding:.18rem .55rem;font-size:.72rem;transition:all .12s}.chip:hover{color:var(--fg);border-color:var(--line-strong)}.chip.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.chip.active{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.chip.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.chip.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.chip.active{color:var(--accent);font-weight:600}.chip-meta{opacity:.55;font-variant-numeric:tabular-nums;margin-left:.35rem;font-size:.68rem}.catalog-preview-wrap{border:1px solid var(--line);overscroll-behavior:contain;background:radial-gradient(circle at 1px 1px,#2a2a30 1px,#0000 0) 0 0/16px 16px,#0c0c0f;border-radius:12px;flex:auto;min-width:0;min-height:0;padding:.75rem;display:block;overflow:hidden auto}.catalog-viewport-stage{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.catalog-preview-shell{isolation:isolate;contain:paint;background:#111;border-radius:12px;width:100%;max-width:100%;min-height:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 64px #0000008c}.catalog-preview-frame{width:1440px;height:auto;min-height:320px;box-shadow:none;transform-origin:0 0;background:#fff;border-radius:0;margin:0;position:absolute;top:0;left:0;overflow:hidden}.catalog-preview-frame iframe{background:#fff;border:0;width:100%;height:320px;min-height:320px;display:block;overflow:hidden}.catalog-code-panel{flex-direction:column;max-height:240px;display:flex;overflow:hidden}.catalog-code-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.65rem .9rem;font-size:.85rem;display:flex}.catalog-code-panel .code-block{flex:1;max-height:190px;overflow:auto}.catalog-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (max-width:960px){.catalog-layout{grid-template-columns:1fr}}.catalog-side{gap:.35rem;padding:.85rem;display:grid;position:sticky;top:1rem}.catalog-side a,.catalog-side button{text-align:left;width:100%;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.55rem .65rem}.catalog-side a:hover,.catalog-side button:hover,.catalog-side a.active,.catalog-side button.active{background:var(--panel);color:var(--fg)}.catalog-side .active{color:var(--accent)!important;background:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.catalog-side .active{background:color-mix(in srgb, var(--accent) 12%, var(--panel))!important}}.preview-frame{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:220px;overflow:hidden}.preview-frame iframe{background:#fff;border:0;width:100%;min-height:280px;display:block}.code-block{font-family:var(--mono);border:1px solid var(--line);color:#d4d4d8;background:#0c0c0f;border-radius:10px;padding:.9rem 1rem;font-size:.78rem;overflow:auto}.split-2{grid-template-columns:1.2fr .8fr;gap:1rem;display:grid}@media (max-width:1000px){.split-2{grid-template-columns:1fr}}.login-wrap{background:radial-gradient(ellipse 80% 50% at 50% -20%, var(--accent), transparent), var(--bg);place-items:center;min-height:100vh;padding:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.login-wrap{background:radial-gradient(ellipse 80% 50% at 50% -20%, color-mix(in srgb, var(--accent) 18%, transparent), transparent), var(--bg)}}.app-main.styles-main{flex-direction:column;height:100vh;padding:.5rem .75rem .75rem 0;display:flex;overflow:hidden}.sg-shell{flex:1;grid-template-columns:240px minmax(0,1fr);gap:.65rem;min-height:0;display:grid}@media (max-width:960px){.app-main.styles-main{height:auto;padding:.75rem;overflow:visible}.sg-shell{grid-template-columns:1fr}}.sg-rail{border-radius:14px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.sg-rail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.sg-rail-scroll{flex:1;min-height:0;padding:.35rem .5rem .75rem;overflow:auto}.sg-main{flex-direction:column;gap:.55rem;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.sg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:0 .15rem;display:flex}.sg-header-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.sg-title-input{max-width:320px;padding:.35rem .55rem;font-size:1.15rem;font-weight:650}.sg-body{flex:1;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:.65rem;min-height:0;display:grid;overflow:hidden}@media (max-width:1100px){.sg-body{grid-template-columns:1fr;overflow:auto}}.sg-editor{flex-direction:column;min-height:0;padding:.85rem;display:flex;overflow:auto}.sg-tabs{flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;display:flex}.sg-group-head{gap:.15rem;margin-bottom:.75rem;display:grid}.sg-group-head span,.sg-group-head em{color:var(--fg-muted);font-size:.82rem;font-style:normal}.sg-group-head em{color:var(--accent)}.sg-fields{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem .85rem;display:grid}.sg-fields-stack{grid-template-columns:1fr}.sg-field-wide{grid-column:1/-1}.sg-color-row{align-items:center;gap:.4rem;display:flex}.sg-color-swatch{border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:1.65rem;height:1.65rem}.sg-chip-row{flex-wrap:wrap;gap:.3rem;display:flex}.sg-chip-row-tight .chip{padding:.15rem .45rem;font-size:.68rem}.sg-font-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem;max-height:240px;margin:.35rem 0;padding-right:.15rem;display:grid;overflow:auto}.sg-font-status{color:var(--fg-subtle);margin:.2rem 0 0;font-size:.75rem}.sg-font-card{border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .6rem;display:flex}.sg-font-card strong{font-family:inherit;font-size:.72rem;font-weight:600}.sg-font-card span{font-size:1.35rem;line-height:1}.sg-font-card.active,.sg-icon-lib.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.sg-font-card.active,.sg-icon-lib.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}}.sg-font-card.active,.sg-icon-lib.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.sg-font-card.active,.sg-icon-lib.active{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.sg-icon-libs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.45rem;display:grid}.sg-icon-lib{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:12px;gap:.25rem;padding:.7rem .75rem;display:grid}.sg-icon-lib strong{font-size:.85rem}.sg-icon-lib span{color:var(--fg-muted);font-size:.72rem}.sg-icon-lib em{color:var(--fg-subtle);font-size:.65rem;font-style:normal}.sg-ai{gap:.45rem;padding:.7rem .85rem;display:grid}.sg-ai-head{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;display:flex}.sg-ai-head span{color:var(--fg-muted);font-size:.78rem}.sg-ai-prompt{resize:vertical;min-height:2.8rem;font-size:.85rem!important}.sg-ai-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sg-ai-note{color:var(--accent);font-size:.75rem;font-style:normal}.sg-icon-sample{gap:.5rem;margin:1rem 0 1.25rem;display:grid}.sg-icon-row{flex-wrap:wrap;gap:.45rem;display:flex}.sg-icon-cell{border-radius:var(--swi-radius-sm,8px);background:var(--swi-surface);border:1px solid var(--swi-border);width:2.4rem;height:2.4rem;color:var(--swi-fg);place-items:center;display:grid}.sg-field{gap:.3rem;display:grid}.sg-field-label{color:var(--fg-subtle);flex-direction:column;gap:.1rem;font-size:.72rem;display:flex}.sg-field-label em{opacity:.7;font-size:.65rem;font-style:normal}.sg-field-control{align-items:center;gap:.35rem;display:flex}.sg-input{flex:1;min-width:0;padding:.35rem .5rem!important;font-size:.78rem!important}.sg-color{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:2rem;height:2rem;padding:0}.sg-preview-wrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:#0c0c0f;border-radius:14px;flex-direction:column;gap:.45rem;height:100%;min-height:0;max-height:100%;padding:.65rem;display:flex;overflow:hidden auto}.sg-preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);flex:none;padding:0 .15rem;font-size:.7rem}.sg-preview{background:var(--swi-bg,#fff);color:var(--swi-fg,#111);font-family:var(--swi-font-body,system-ui);font-size:var(--swi-size-body,1rem);font-weight:var(--swi-weight-body,400);line-height:var(--swi-leading-body,1.5);letter-spacing:var(--swi-tracking-body,0);border-radius:12px;flex:none;overflow:visible;box-shadow:0 20px 50px #00000059}.sg-preview-inner{padding:1.5rem 1.35rem 1.75rem}.sg-preview-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--swi-accent);margin:0 0 .75rem;font-size:.68rem;font-weight:700}.sg-preview h1,.sg-preview h2,.sg-preview h3,.sg-preview h4,.sg-preview h5,.sg-preview h6{font-family:var(--swi-font-heading);font-weight:var(--swi-weight-heading);line-height:var(--swi-leading-heading);letter-spacing:var(--swi-tracking-heading);color:var(--swi-heading);margin:0 0 .4rem}.sg-preview h1{font-size:var(--swi-size-h1)}.sg-preview h2{font-size:var(--swi-size-h2)}.sg-preview h3{font-size:var(--swi-size-h3)}.sg-preview h4{font-size:var(--swi-size-h4)}.sg-preview h5{font-size:var(--swi-size-h5)}.sg-preview h6{font-size:var(--swi-size-h6)}.sg-preview a{color:var(--swi-link);-webkit-text-decoration:var(--swi-link-decoration,underline);-webkit-text-decoration:var(--swi-link-decoration,underline);-webkit-text-decoration:var(--swi-link-decoration,underline);text-decoration:var(--swi-link-decoration,underline);text-underline-offset:.18em;transition:color .15s,text-decoration-color .15s}.sg-preview a:hover{color:var(--swi-link-hover,var(--swi-accent));-webkit-text-decoration:var(--swi-link-hover-decoration,underline);-webkit-text-decoration:var(--swi-link-hover-decoration,underline);-webkit-text-decoration:var(--swi-link-hover-decoration,underline);text-decoration:var(--swi-link-hover-decoration,underline)}.sg-preview a:focus-visible,.sg-preview .swi-btn:focus-visible{outline:2px solid var(--swi-focus-ring,var(--swi-accent));outline-offset:2px}.sg-preview strong{font-weight:var(--swi-weight-bold)}.sg-preview-prose{margin:1.15rem 0 .35rem}.sg-preview-prose>.sg-preview-kicker{margin-bottom:.55rem}.sg-preview-prose p{margin:0 0 var(--swi-paragraph-gap,.75em)}.sg-preview-prose ul{list-style-type:var(--swi-list-style-ul,disc);margin:0 0 var(--swi-list-margin-bottom,1em);padding-inline-start:var(--swi-list-indent,1.25em)}.sg-preview-prose ol{list-style-type:var(--swi-list-style-ol,decimal);margin:0 0 var(--swi-list-margin-bottom,1em);padding-inline-start:var(--swi-list-indent,1.25em)}.sg-preview-prose ul ul{list-style-type:var(--swi-list-nested-style-ul,circle);margin:var(--swi-list-item-gap,.35em) 0 0;padding-inline-start:var(--swi-list-nested-indent,1.2em)}.sg-preview-prose ol ol{list-style-type:var(--swi-list-nested-style-ol,lower-alpha);margin:var(--swi-list-item-gap,.35em) 0 0;padding-inline-start:var(--swi-list-nested-indent,1.2em)}.sg-preview-prose li{margin:0 0 var(--swi-list-item-gap,.35em)}.sg-preview-prose li:last-child{margin-bottom:0}.sg-preview-prose li::marker{color:var(--swi-list-marker,var(--swi-fg))}.sg-preview-prose blockquote{margin:0 0 var(--swi-list-margin-bottom,1em);border-inline-start:var(--swi-blockquote-border-width,3px) solid var(--swi-blockquote-border-color,var(--swi-accent));padding-inline-start:var(--swi-blockquote-indent,1em)}@supports (color:color-mix(in lab, red, red)){.sg-preview-prose blockquote{border-inline-start:var(--swi-blockquote-border-width,3px) solid var(--swi-blockquote-border-color,color-mix(in srgb, var(--swi-accent) 55%, transparent))}}.sg-preview-prose blockquote{color:var(--swi-blockquote-color,var(--swi-muted))}.sg-preview-hr{margin:var(--swi-list-margin-bottom,1em) 0;border:0;border-top:var(--swi-hr-thickness,1px) solid var(--swi-hr-color,var(--swi-border))}.sg-preview-code,.sg-preview code{border-radius:var(--swi-code-radius,4px);background:var(--swi-code-bg,var(--swi-fg));padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}@supports (color:color-mix(in lab, red, red)){.sg-preview-code,.sg-preview code{background:var(--swi-code-bg,color-mix(in srgb, var(--swi-fg) 8%, var(--swi-bg)))}}.sg-preview-code,.sg-preview code{color:var(--swi-code-fg,var(--swi-fg))}.sg-preview .swi-btn{justify-content:center;align-items:center;gap:var(--swi-button-gap,.5rem);padding:var(--swi-button-pad-y) var(--swi-button-pad-x);border-radius:var(--swi-button-radius);background:var(--swi-button-bg,var(--swi-accent));color:var(--swi-button-fg,var(--swi-on-primary,#fff));font-weight:var(--swi-button-weight);font-size:var(--swi-button-font-size,var(--swi-size-body));letter-spacing:var(--swi-button-letter-spacing,0);text-transform:var(--swi-button-text-transform,none);border:var(--swi-button-border-width,1px) solid var(--swi-button-border,transparent);box-shadow:var(--swi-button-shadow,none);cursor:pointer;box-sizing:border-box;font-family:inherit;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.sg-preview a.swi-btn,.sg-preview a.swi-btn:hover,.sg-preview a.swi-btn:focus-visible,.sg-preview .swi-btn:hover,.sg-preview .swi-btn:focus-visible{text-decoration:none}.sg-preview .swi-btn:hover{background:var(--swi-button-hover-bg,var(--swi-accent));color:var(--swi-button-hover-fg,var(--swi-button-fg,var(--swi-on-primary,#fff)));border-color:var(--swi-button-hover-border,transparent);box-shadow:var(--swi-button-hover-shadow,var(--swi-button-shadow,none))}.sg-preview .swi-btn-secondary{background:var(--swi-button-secondary-bg,transparent);color:var(--swi-button-secondary-fg,var(--swi-fg));border-color:var(--swi-button-secondary-border,var(--swi-border))}.sg-preview .swi-btn-secondary:hover{background:var(--swi-button-secondary-hover-bg);color:var(--swi-button-secondary-hover-fg,var(--swi-fg));border-color:var(--swi-button-secondary-hover-border,var(--swi-border))}.sg-preview .swi-btn-ghost{background:var(--swi-button-ghost-bg,var(--swi-fg))}@supports (color:color-mix(in lab, red, red)){.sg-preview .swi-btn-ghost{background:var(--swi-button-ghost-bg,color-mix(in srgb, var(--swi-fg) 6%, transparent))}}.sg-preview .swi-btn-ghost{color:var(--swi-button-ghost-fg,var(--swi-fg));border-color:#0000}.sg-preview .swi-btn-ghost:hover{background:var(--swi-button-ghost-hover-bg);color:var(--swi-button-ghost-hover-fg,var(--swi-fg))}.sg-preview .swi-btn-soft{background:var(--swi-button-soft-bg);color:var(--swi-button-soft-fg,var(--swi-accent));border-color:#0000}.sg-preview .swi-btn-soft:hover{background:var(--swi-button-soft-hover-bg);color:var(--swi-button-soft-hover-fg,var(--swi-accent))}.sg-preview .swi-btn-link{color:var(--swi-button-link-fg,var(--swi-link));box-shadow:none;-webkit-text-decoration:var(--swi-button-link-decoration,underline);-webkit-text-decoration:var(--swi-button-link-decoration,underline);-webkit-text-decoration:var(--swi-button-link-decoration,underline);text-decoration:var(--swi-button-link-decoration,underline);text-underline-offset:.18em;background:0 0;border-color:#0000;border-radius:0;padding-inline:0}.sg-preview .swi-btn-link:hover{color:var(--swi-button-link-hover-fg,var(--swi-link-hover));box-shadow:none;-webkit-text-decoration:var(--swi-button-link-hover-decoration,underline);-webkit-text-decoration:var(--swi-button-link-hover-decoration,underline);-webkit-text-decoration:var(--swi-button-link-hover-decoration,underline);text-decoration:var(--swi-button-link-hover-decoration,underline);background:0 0;border-color:#0000}.sg-preview .swi-btn-danger{background:var(--swi-button-danger-bg,var(--swi-danger));color:var(--swi-button-danger-fg,#fff);border-color:#0000}.sg-preview .swi-btn-danger:hover{background:var(--swi-button-danger-hover-bg);color:var(--swi-button-danger-hover-fg,#fff);border-color:#0000}.sg-preview .swi-btn--sm{padding:var(--swi-button-pad-y-sm) var(--swi-button-pad-x-sm);font-size:var(--swi-button-font-size-sm,var(--swi-size-small))}.sg-preview .swi-btn--lg{padding:var(--swi-button-pad-y-lg) var(--swi-button-pad-x-lg);font-size:var(--swi-button-font-size-lg,1.0625rem)}.sg-preview .swi-btn--rounded{border-radius:var(--swi-button-radius-rounded,12px)}.sg-preview .swi-btn--sharp{border-radius:var(--swi-button-radius-sharp,0)}.sg-preview .swi-btn--filled{background:var(--swi-button-bg,var(--swi-accent));color:var(--swi-button-fg,var(--swi-on-primary,#fff));border:var(--swi-button-border-width,1px) solid var(--swi-button-border,transparent)}.sg-preview .swi-btn--filled:hover{background:var(--swi-button-hover-bg);color:var(--swi-button-hover-fg,var(--swi-button-fg,var(--swi-on-primary,#fff)));border-color:var(--swi-button-hover-border,transparent)}.sg-preview .swi-btn--outline{background:var(--swi-button-secondary-bg,transparent);color:var(--swi-button-secondary-fg,var(--swi-fg));border:var(--swi-button-border-width,1px) solid var(--swi-button-secondary-border,var(--swi-border))}.sg-preview .swi-btn--outline:hover{background:var(--swi-button-secondary-hover-bg);color:var(--swi-button-secondary-hover-fg,var(--swi-fg));border-color:var(--swi-button-secondary-hover-border,var(--swi-border))}.sg-preview .swi-btn--clear{color:var(--swi-button-link-fg,var(--swi-link));border:0;border-bottom:var(--swi-button-border-width,1px) solid var(--swi-button-link-fg,var(--swi-link));box-shadow:none;background:0 0;border-radius:0;padding:.75rem 1rem}.sg-preview .swi-btn--clear:hover{background:var(--swi-button-ghost-hover-bg);color:var(--swi-button-link-hover-fg,var(--swi-link-hover));border-bottom-color:var(--swi-button-link-hover-fg,var(--swi-link-hover))}.sg-preview-buttons{margin:1.15rem 0 .25rem}.sg-preview-buttons>.sg-preview-kicker{margin-bottom:.55rem}.sg-preview-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .75rem;display:flex}.sg-preview .swi-card{--_card-bg:var(--swi-card-bg,var(--swi-surface));--_card-fg:var(--swi-card-fg,var(--swi-fg));--_card-border:var(--swi-card-border,var(--swi-border));--_card-shadow:var(--swi-card-shadow,var(--swi-shadow-sm));gap:var(--swi-card-gap,.75rem);background:var(--_card-bg);color:var(--_card-fg);border:var(--swi-card-border-width,1px) solid var(--_card-border);border-radius:var(--swi-card-radius,var(--swi-radius));box-shadow:var(--_card-shadow);padding:var(--swi-card-pad-y,var(--swi-space-md)) var(--swi-card-pad-x,var(--swi-space-md));box-sizing:border-box;flex-direction:column;display:flex}.sg-preview .swi-card--soft{--_card-bg:var(--swi-card-soft-bg);--_card-fg:var(--swi-card-soft-fg,var(--swi-fg));--_card-border:var(--swi-card-soft-border,transparent);--_card-shadow:var(--swi-card-soft-shadow,none)}.sg-preview .swi-card--elevated{--_card-bg:var(--swi-card-elevated-bg,var(--swi-surface));--_card-border:var(--swi-card-elevated-border,transparent);--_card-shadow:var(--swi-card-elevated-shadow,var(--swi-shadow-md))}.sg-preview .swi-card--bordered{--_card-bg:var(--swi-card-bordered-bg,var(--swi-bg));--_card-border:var(--swi-card-bordered-border,var(--swi-border));--_card-shadow:var(--swi-card-bordered-shadow,none)}.sg-preview .swi-card--media,.sg-preview .swi-card--horizontal{gap:0;padding:0;overflow:hidden}.sg-preview .swi-card--horizontal{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;display:grid}.sg-preview .swi-card__media{aspect-ratio:var(--swi-card-media-aspect,16 / 9);border-radius:var(--swi-card-media-radius,0);background:var(--swi-fg);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sg-preview .swi-card__media{background:color-mix(in srgb, var(--swi-fg) 6%, var(--swi-bg))}}.sg-preview .swi-card__media{min-height:4.5rem}.sg-preview .swi-card--horizontal .swi-card__media{aspect-ratio:auto;height:100%;min-height:100%}.sg-preview .swi-card__body{gap:var(--swi-card-gap,.75rem);padding:var(--swi-card-pad-y,var(--swi-space-md)) var(--swi-card-pad-x,var(--swi-space-md));flex-direction:column;min-width:0;display:flex}.sg-preview .swi-card:not(.swi-card--media):not(.swi-card--horizontal) .swi-card__body{padding:0}.sg-preview .swi-card__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--swi-size-small);color:var(--swi-accent);margin:0;font-weight:650}.sg-preview .swi-card__title{font-family:var(--swi-font-heading);font-weight:var(--swi-weight-heading);line-height:var(--swi-leading-heading);letter-spacing:var(--swi-tracking-heading);color:var(--swi-heading);font-size:var(--swi-size-h4);margin:0}.sg-preview .swi-card__text{color:var(--swi-card-muted,var(--swi-muted));font-size:var(--swi-size-body);line-height:var(--swi-leading-body);margin:0}.sg-preview-cards-block{margin:1.15rem 0 .35rem}.sg-preview-cards-block>.sg-preview-kicker{margin-bottom:.55rem}.sg-preview-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.sg-preview-cards--media{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sg-swatches{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.sg-swatch{justify-items:center;gap:.25rem;width:3.2rem;display:grid}.sg-swatch span{border:1px solid var(--swi-fg);border-radius:999px;width:2rem;height:2rem}@supports (color:color-mix(in lab, red, red)){.sg-swatch span{border:1px solid color-mix(in srgb, var(--swi-fg) 15%, transparent)}}.sg-swatch em{color:var(--swi-muted);font-size:.62rem;font-style:normal}.sg-radius-row{flex-wrap:wrap;gap:.5rem;display:flex}.sg-radius-demo{background:var(--swi-surface);border:1px solid var(--swi-border);width:3.5rem;height:3.5rem;color:var(--swi-muted);text-transform:uppercase;place-items:center;font-size:.65rem;display:grid}.sg-shadow-row{flex-wrap:wrap;gap:.85rem;margin:0 0 1rem;padding:.35rem .15rem .55rem;display:flex}.sg-shadow-demo{background:var(--swi-bg);border-radius:var(--swi-radius,8px);letter-spacing:.06em;min-width:4.75rem;height:3.75rem;color:var(--swi-muted);text-transform:uppercase;place-items:center;font-size:.65rem;display:grid}.app-shell.app-shell--studio{height:100vh;overflow:hidden}.app-shell:has(.site-studio-main){height:100vh;overflow:hidden}.app-main.site-studio-main{flex-direction:column;gap:.35rem;height:100%;min-height:0;padding:.5rem .75rem .65rem;display:flex;overflow:hidden}.ss-shell{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex;overflow:hidden}.ss-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.1rem 0;display:flex}.ss-header-meta{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-width:0;display:flex}.ss-back{color:var(--fg-muted);white-space:nowrap;font-size:.78rem}.ss-back:hover{color:var(--fg)}.ss-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:14rem;margin:0;font-size:1.05rem;line-height:1.2;overflow:hidden}.ss-slug{color:var(--fg-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.ss-header-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ss-header-actions .btn-sm,.ss-header-actions .ss-select-trigger{box-sizing:border-box;border-radius:8px;height:32px;min-height:32px;padding:0 .7rem;font-size:.78rem;line-height:1}.ss-header-actions .ss-select{align-items:center;display:flex}.ss-tabs{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;flex-shrink:0;gap:.5rem;padding:.35rem;display:flex}@supports (color:color-mix(in lab, red, red)){.ss-tabs{background:color-mix(in srgb, var(--panel) 70%, transparent)}}.ss-tabs-nav{align-items:stretch;gap:.35rem;padding:.35rem}.ss-tab-nav-item{position:relative}.ss-tab-nav-trigger{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:.4rem;max-width:14rem;padding:.42rem .7rem;font-size:.78rem;transition:all .12s;display:inline-flex}.ss-tab-nav-trigger:hover{color:var(--fg);background:var(--bg)}.ss-tab-nav-trigger.is-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-tab-nav-trigger.is-active{background:color-mix(in srgb, var(--accent) 16%, var(--bg))}}.ss-tab-nav-trigger.is-active{color:var(--accent);font-weight:600}.ss-tab-nav-item[data-open=true] .ss-tab-nav-trigger{color:var(--fg);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}@supports (color:color-mix(in lab, red, red)){.ss-tab-nav-item[data-open=true] .ss-tab-nav-trigger{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 90%, transparent)}}.ss-tab-nav-label{white-space:nowrap}.ss-tab-nav-current{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:6.5rem;font-size:.68rem;font-weight:500;overflow:hidden}.ss-tab-nav-trigger.is-active .ss-tab-nav-current{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-tab-nav-trigger.is-active .ss-tab-nav-current{color:color-mix(in srgb, var(--accent) 70%, var(--muted))}}.ss-tab-nav-chevron{opacity:.7;flex-shrink:0;transition:transform .12s}.ss-tab-nav-item[data-open=true] .ss-tab-nav-chevron{transform:rotate(180deg)}.ss-tab-nav-menu{z-index:40;border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:.15rem;min-width:11.5rem;padding:.3rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 28px #00000024}.ss-tab-nav-option{width:100%;color:var(--fg-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .6rem;font-size:.8rem;transition:all .12s;display:inline-flex}.ss-tab-nav-option:hover{color:var(--fg);background:var(--bg)}.ss-tab-nav-option.is-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-tab-nav-option.is-active{background:color-mix(in srgb, var(--accent) 16%, var(--bg))}}.ss-tab-nav-option.is-active{color:var(--accent);font-weight:600}.ss-tab{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:.35rem;padding:.38rem .7rem;font-size:.78rem;transition:all .12s;display:inline-flex}.ss-tab:hover{color:var(--fg);background:var(--bg)}.ss-tab.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-tab.active{background:color-mix(in srgb, var(--accent) 16%, var(--bg))}}.ss-tab.active{color:var(--accent);font-weight:600}.ss-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ss-body>*{flex:1;min-height:0}.ss-agent-plugin{height:100%;min-height:0;color:var(--puck-color-text,#181818);flex-direction:column;display:flex}.ss-agent-plugin-head{z-index:5;border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 8px;font-size:13px;display:flex;position:relative}.ss-agent-brand{flex:1;align-items:center;gap:8px;min-width:0;display:inline-flex}.ss-agent-title{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.ss-agent-head-actions{flex-shrink:0;align-items:center;gap:2px;display:inline-flex;position:relative}.ss-agent-icon-btn{color:#5a5a5a;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .14s,color .14s;display:inline-flex}.ss-agent-icon-btn:hover:not(:disabled){color:#181818;background:#0000000f}.ss-agent-icon-btn.is-active{background:var(--accent,#5a8f2a)}@supports (color:color-mix(in lab, red, red)){.ss-agent-icon-btn.is-active{background:color-mix(in srgb, var(--accent,#5a8f2a) 18%, transparent)}}.ss-agent-icon-btn.is-active{color:#1a3d0a}.ss-agent-icon-btn:disabled{opacity:.4;cursor:not-allowed}.ss-agent-history{z-index:40;background:#fff;border:1px solid #0000001f;border-radius:12px;width:min(300px,78vw);max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 12px 32px #00000024}.ss-agent-history-head{color:#6a6a6a;padding:6px 8px 4px;font-size:11px;font-weight:600}.ss-agent-history-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ss-agent-history-list li{grid-template-columns:1fr auto;align-items:stretch;gap:2px;display:grid}.ss-agent-history-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:7px 8px;display:flex}.ss-agent-history-item:hover,.ss-agent-history-item.is-active{background:#0000000d}.ss-agent-history-title{color:#1c1c1c;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.ss-agent-history-meta{color:#7a7a7a;font-size:10px}.ss-agent-history-del{color:#8a8a8a;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;display:inline-flex}.ss-agent-history-del:hover{color:#8a2a22;background:#fff1f0}.ss-agent-pick-banner{color:#3f3f3f;background:var(--accent,#5a8f2a);border-bottom:1px solid #00000014;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 12px;font-size:11px;display:flex}@supports (color:color-mix(in lab, red, red)){.ss-agent-pick-banner{background:color-mix(in srgb, var(--accent,#5a8f2a) 8%, #fff)}}.ss-agent-pick-banner{flex-shrink:0}.ss-agent-compose-wrap{background:#fefefd;border-top:1px solid #00000014;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 12px 12px;display:flex}.ss-agent-compose-wrap .ss-agent-pick-banner{border:1px solid var(--accent,#5a8f2a)}@supports (color:color-mix(in lab, red, red)){.ss-agent-compose-wrap .ss-agent-pick-banner{border:1px solid color-mix(in srgb, var(--accent,#5a8f2a) 28%, transparent)}}.ss-agent-compose-wrap .ss-agent-pick-banner{background:var(--accent,#5a8f2a);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.ss-agent-compose-wrap .ss-agent-pick-banner{background:color-mix(in srgb, var(--accent,#5a8f2a) 8%, #fff)}}.ss-agent-composer{background:#fff;border:1px solid #00000024;border-radius:14px;flex-direction:column;gap:0;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.ss-agent-composer:focus-within{border-color:var(--accent,#5a8f2a)}@supports (color:color-mix(in lab, red, red)){.ss-agent-composer:focus-within{border-color:color-mix(in srgb, var(--accent,#5a8f2a) 55%, #aaa)}}.ss-agent-composer:focus-within{box-shadow:0 0 0 3px var(--accent,#5a8f2a)}@supports (color:color-mix(in lab, red, red)){.ss-agent-composer:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#5a8f2a) 18%, transparent)}}.ss-agent-composer.is-uploading{opacity:.85}.ss-agent-composer-context{border-bottom:1px solid #0000000f;padding:8px 10px 0}.ss-agent-composer-context-toggle{color:#5a5a5a;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:2px 4px;font-size:11px;font-weight:600;display:inline-flex}.ss-agent-composer-context-toggle:hover{color:#181818;background:#0000000d}.ss-agent-composer-context-toggle svg{transition:transform .16s}.ss-agent-composer .ss-agent-context-stack{padding:6px 0 8px}.ss-agent-composer-atts{flex-wrap:wrap;gap:8px;padding:10px 10px 0;display:flex}.ss-agent-composer-att{background:#f3f3f4;border:1px solid #0000001f;border-radius:10px;width:56px;height:56px;position:relative;overflow:hidden}.ss-agent-composer-att img{object-fit:cover;width:100%;height:100%;display:block}.ss-agent-composer-att-x{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:3px;right:3px}.ss-agent-composer-input{resize:none;color:#181818;width:100%;min-height:52px;max-height:160px;font:inherit;background:0 0;border:0;padding:12px 12px 6px;font-size:13px;line-height:1.45;overflow-y:auto}.ss-agent-composer-input:focus{outline:none}.ss-agent-composer-input:disabled{opacity:.7}.ss-agent-composer-bar{justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 8px;display:flex}.ss-agent-composer-bar-left{align-items:center;gap:2px;display:flex}.ss-agent-composer-tool{color:#5a5a5a;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .14s,color .14s;display:inline-flex}.ss-agent-composer-tool:hover:not(:disabled){color:#181818;background:#0000000f}.ss-agent-composer-tool.is-active{background:var(--accent,#5a8f2a)}@supports (color:color-mix(in lab, red, red)){.ss-agent-composer-tool.is-active{background:color-mix(in srgb, var(--accent,#5a8f2a) 18%, transparent)}}.ss-agent-composer-tool.is-active{color:#2a4a12}.ss-agent-composer-tool:disabled{opacity:.4;cursor:not-allowed}.ss-agent-msg-atts{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.ss-agent-msg-att{object-fit:cover;border:1px solid #0000001f;border-radius:8px;width:64px;height:64px}.ss-agent-context-stack{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px 0;display:flex}.ss-agent-context-chip{color:#2a2a2a;background:var(--accent,#5a8f2a);border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:3px 4px 3px 8px;font-size:10px;line-height:1.2;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ss-agent-context-chip{background:color-mix(in srgb, var(--accent,#5a8f2a) 14%, #fff)}}.ss-agent-context-chip{border:1px solid var(--accent,#5a8f2a)}@supports (color:color-mix(in lab, red, red)){.ss-agent-context-chip{border:1px solid color-mix(in srgb, var(--accent,#5a8f2a) 28%, transparent)}}.ss-agent-context-chip.is-field{background:#e5ebf2;border-color:#2a5a8f47}.ss-agent-context-chip-label{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.ss-agent-context-chip-label em{color:#6b6b6b;font-style:normal}.ss-agent-context-chip-x{color:#5a5a5a;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ss-agent-context-chip-x:hover:not(:disabled){color:#181818;background:#00000014}.ss-agent-clear{color:#6b6b6b;cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:auto;padding:4px 6px;font-size:11px;transition:color .16s,background-color .16s}.ss-agent-clear:hover:not(:disabled){color:#181818;background:#0000000d}body[data-ss-agent-pick="1"] .ss-puck [class*=PuckPreview],body[data-ss-agent-pick="1"] .ss-puck iframe{cursor:crosshair!important}.ss-agent-plugin .ss-agent-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;min-height:0;padding:10px 12px;display:flex;overflow:auto}.ss-agent-plugin .ss-agent-empty{color:#5a5a5a;flex-direction:column;gap:12px;padding-top:8px;font-size:12px;display:flex}.ss-agent-empty-hero{align-items:flex-start;gap:10px;display:flex}.ss-agent-pulse{background:var(--accent,#5a8f2a);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px;animation:1.6s cubic-bezier(.22,1,.36,1) infinite ss-agent-pulse}@keyframes ss-agent-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent,#5a8f2a) 45%, transparent);transform:scale(1)}70%{transform:scale(1.05);box-shadow:0 0 0 8px #0000}to{transform:scale(1);box-shadow:0 0 #0000}}.ss-agent-plugin .ss-agent-suggestions{flex-direction:column;gap:6px;display:flex}.ss-agent-plugin .ss-agent-chip{text-align:left;color:#181818;cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:10px;padding:8px 10px;font-size:12px;transition:border-color .18s,transform .16s cubic-bezier(.22,1,.36,1)}.ss-agent-plugin .ss-agent-chip:hover:not(:disabled){border-color:var(--accent,#5a8f2a)}@supports (color:color-mix(in lab, red, red)){.ss-agent-plugin .ss-agent-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent,#5a8f2a) 50%, #ccc)}}.ss-agent-plugin .ss-agent-chip:hover:not(:disabled){transform:translateY(-1px)}.ss-agent-plugin .ss-agent-msg{flex-direction:column;gap:6px;animation:.22s cubic-bezier(.22,1,.36,1) both ss-agent-msg-in;display:flex}@keyframes ss-agent-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ss-agent-plugin .ss-agent-msg.user{align-items:flex-end}.ss-agent-plugin .ss-agent-msg.assistant{align-items:flex-start}.ss-agent-plugin .ss-agent-bubble{word-break:break-word;border-radius:12px;max-width:100%;padding:9px 11px;font-size:12.5px;line-height:1.45}.ss-agent-plugin .ss-agent-msg.user .ss-agent-bubble{background:var(--accent,#8bdc3f)}@supports (color:color-mix(in lab, red, red)){.ss-agent-plugin .ss-agent-msg.user .ss-agent-bubble{background:color-mix(in srgb, var(--accent,#8bdc3f) 28%, #fff)}}.ss-agent-plugin .ss-agent-msg.user .ss-agent-bubble{white-space:pre-wrap}.ss-agent-plugin .ss-agent-msg.assistant .ss-agent-bubble{background:#f3f3f4;width:100%}.ss-agent-md{font-size:inherit;color:inherit;line-height:1.5}.ss-agent-md>:first-child{margin-top:0}.ss-agent-md>:last-child{margin-bottom:0}.ss-agent-md p{margin:.45em 0}.ss-agent-md h1,.ss-agent-md h2,.ss-agent-md h3,.ss-agent-md h4{color:#181818;margin:.7em 0 .35em;font-size:1em;font-weight:650;line-height:1.3}.ss-agent-md h1{font-size:1.15em}.ss-agent-md h2{font-size:1.08em}.ss-agent-md ul,.ss-agent-md ol{margin:.4em 0;padding-left:1.25em}.ss-agent-md li,.ss-agent-md li>p{margin:.15em 0}.ss-agent-md strong{font-weight:650}.ss-agent-md em{font-style:italic}.ss-agent-md a{color:#2a5a8f;text-underline-offset:2px;text-decoration:underline}.ss-agent-md code{background:#00000012;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}.ss-agent-md pre{color:#f2f2f2;background:#1e1e1e;border-radius:8px;margin:.5em 0;padding:8px 10px;font-size:11px;line-height:1.45;overflow-x:auto}.ss-agent-md pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.ss-agent-md blockquote{color:#4a4a4a;border-left:3px solid #0000002e;margin:.5em 0;padding:.15em 0 .15em .75em}.ss-agent-md hr{border:0;border-top:1px solid #0000001f;margin:.7em 0}.ss-agent-md-table{margin:.5em 0;overflow-x:auto}.ss-agent-md table{border-collapse:collapse;width:100%;font-size:11.5px}.ss-agent-md th,.ss-agent-md td{text-align:left;border:1px solid #0000001f;padding:4px 6px}.ss-agent-md th{background:#0000000a;font-weight:600}.ss-agent-caret{vertical-align:-1px;background:#181818;width:2px;height:.9em;margin-left:2px;animation:1s step-end infinite ss-agent-blink;display:inline-block}@keyframes ss-agent-blink{50%{opacity:0}}.ss-agent-typing{align-items:center;gap:4px;height:14px;display:inline-flex}.ss-agent-typing span{background:#8a8a8a;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite ss-agent-dot}.ss-agent-typing span:nth-child(2){animation-delay:.15s}.ss-agent-typing span:nth-child(3){animation-delay:.3s}@keyframes ss-agent-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.ss-agent-reasoning{text-align:left;color:#5a5a5a;background:#f9f9f9;border:1px solid #00000014;border-radius:10px;width:100%;padding:7px 9px}.ss-agent-reasoning-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;padding:0;display:block}.ss-agent-reasoning-label{color:#3f3f3f;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.ss-agent-reasoning[data-open="1"] .ss-agent-reasoning-label svg:last-child{transform:rotate(180deg)}.ss-agent-reasoning-label svg:last-child{transition:transform .18s cubic-bezier(.22,1,.36,1)}.ss-agent-reasoning-body,.ss-agent-reasoning-preview{word-break:break-word;color:#6a6a6a;margin-top:6px;font-size:11px;line-height:1.4;display:block}.ss-agent-reasoning-body{cursor:default}.ss-agent-reasoning-body .ss-agent-md{color:#6a6a6a;font-size:11px}.ss-agent-reasoning-body .ss-agent-md h1,.ss-agent-reasoning-body .ss-agent-md h2,.ss-agent-reasoning-body .ss-agent-md h3,.ss-agent-reasoning-body .ss-agent-md h4{color:#4a4a4a}.ss-agent-reasoning-preview{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ss-agent-tools{flex-direction:column;gap:4px;width:100%;margin:0;padding:0;list-style:none;display:flex}.ss-agent-tools li{background:#fff;border:1px solid #00000014;border-radius:8px;grid-template-columns:16px minmax(0,auto) 1fr;align-items:start;gap:6px;padding:6px 8px;font-size:11px;display:grid}.ss-agent-tools li[data-status=running]{border-color:var(--accent,#5a8f2a)}@supports (color:color-mix(in lab, red, red)){.ss-agent-tools li[data-status=running]{border-color:color-mix(in srgb, var(--accent,#5a8f2a) 35%, #ddd)}}.ss-agent-tools li[data-status=error]{color:#8a2a22;border-color:#d19b96}.ss-agent-tool-icon{color:#4a4a4a;margin-top:1px;display:inline-flex}.ss-agent-tool-name{color:#2a2a2a;text-transform:capitalize;align-items:center;gap:4px;font-weight:600;display:inline-flex}.ss-agent-tool-summary{color:#6b6b6b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-agent-status{color:#5a5a5a;align-items:center;gap:6px;padding:4px 2px;font-size:11px;display:inline-flex}.ss-agent-spin{animation:.8s linear infinite ss-agent-spin}@keyframes ss-agent-spin{to{transform:rotate(360deg)}}.ss-agent-plugin .ss-agent-error{color:#c43c3c;margin:0 12px;font-size:12px}.ss-agent-plugin .ss-agent-undo{border-top:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.ss-agent-send{background:var(--accent,#5a8f2a);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .14s cubic-bezier(.22,1,.36,1),opacity .14s;display:inline-flex}.ss-agent-send:hover:not(:disabled){transform:translateY(-1px)}.ss-agent-send:disabled{opacity:.45;cursor:not-allowed}.ss-agent-send.is-stop{background:#2a2a2a}@media (prefers-reduced-motion:reduce){.ss-agent-pulse,.ss-agent-spin,.ss-agent-typing span,.ss-agent-caret,.ss-agent-msg,.ss-agent-chip{transition:none!important;animation:none!important}}:is(.ss-puck--with-agent [class*=_Sidebar--left]:has(.ss-agent-plugin),.ss-puck--with-agent [class*=_PuckPluginTab--visible]:has(.ss-agent-plugin)){min-height:0;overflow:hidden}.ss-puck--with-agent [class*=_PuckPluginTab-body]:has(.ss-agent-plugin){flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;padding:0!important}.ss-puck--with-agent [class*=_PuckPluginTab--visible]:has(.ss-agent-plugin){flex:auto;height:100%;min-height:0;overflow:hidden}.ss-msg.ok{color:#8bdc3f;flex-shrink:0;margin:0}.ss-msg.err{color:#ff7b7b;white-space:pre-wrap;flex-shrink:0;margin:0}.ss-puck{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;height:100%;min-height:0;color:var(--puck-color-text,#181818);--puck-color-text:#181818;--puck-color-text-secondary:#5a5a5a;--puck-color-text-muted:#767676;--puck-color-text-subtle:#ababab;--puck-color-surface:#fff;--puck-color-surface-muted:#f5f5f5;--puck-color-surface-subtle:#fafafa;--puck-color-border:#e4e4e7;--bg:#fafafa;--bg-elevated:#fff;--panel:#fff;--panel-hover:#f4f4f5;--line:#e4e4e7;--line-strong:#d4d4d8;--fg:#18181b;--fg-muted:#52525b;--fg-subtle:#71717a;--accent:#65a30d;--accent-fg:#14532d;--shadow:0 0 0 1px #0000000a, 0 8px 24px #0000000f;flex-direction:column;padding:0;display:flex;overflow:hidden}.ss-puck .btn{background:var(--panel);color:var(--fg);border-color:var(--line)}.ss-puck .btn:hover{background:var(--panel-hover)}.ss-puck .btn-primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}.ss-puck .btn-ghost{background:0 0}.ss-puck .input,.ss-puck .select,.ss-puck .textarea{color:var(--fg);border-color:var(--line);background:#fff}.ss-puck .ss-muted,.ss-puck .mm-empty,.ss-puck .mm-field-label,.ss-puck .mm-field-sub>span,.ss-puck .fi-hint,.ss-puck .mm-field-preview-empty{color:var(--fg-muted)}.ss-puck .fi-grid{border-color:var(--line);background:#fff}.ss-puck .fi-icon{color:var(--fg)}.ss-puck .fi-icon:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-puck .fi-icon:hover{background:color-mix(in srgb, var(--accent) 14%, #fff)}}.ss-puck .fi-icon.is-selected{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-puck .fi-icon.is-selected{background:color-mix(in srgb, var(--accent) 18%, #fff)}}.ss-puck [class*=_ObjectField-fieldset]{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.ss-puck [class*=_ObjectField-fieldset] legend{color:var(--fg-muted);padding:0 4px;font-size:12px}.ss-puck [class*=_Input-input],.ss-puck [class*=_Input] input,.ss-puck [class*=_Input] textarea,.ss-puck [class*=_Input] select{color:var(--fg)!important;border-color:var(--line)!important;background:#fff!important}.ss-puck [class*=_Sidebar],.ss-puck [class*=_SidebarSection],.ss-puck [class*=_PuckFields]{color:var(--fg)}.swi-rt-bubble{z-index:10000;color:#fafafa;pointer-events:auto;background:#181818;border-radius:10px;flex-direction:column;align-items:stretch;gap:8px;max-width:min(360px,100vw - 24px);padding:6px 8px;display:flex;box-shadow:0 0 0 1px #ffffff14,0 14px 36px #0006}.swi-rt-bubble [data-puck-rte-menu]{color:#fafafa;flex-wrap:nowrap}.swi-rt-link-wrap{align-items:center;gap:0;display:flex;position:relative}.swi-rt-link-picker{color:#fafafa;background:#111114;border:1px solid #2a2a30;border-radius:10px;flex-direction:column;gap:8px;width:min(320px,100vw - 16px);padding:10px;display:flex;box-shadow:0 12px 32px #00000073}.swi-rt-link-label{letter-spacing:.04em;text-transform:uppercase;color:#a1a1aa;font-size:11px;font-weight:600}.swi-rt-link-row{align-items:center;gap:6px;display:flex}.swi-rt-link-input{color:#fafafa;background:#09090b;border:1px solid #3f3f46;border-radius:7px;flex:1;min-width:0;height:32px;padding:0 10px;font-size:13px}.swi-rt-link-input:focus{border-color:#a3e635;outline:none;box-shadow:0 0 0 2px #a3e6354d}.swi-rt-link-btn{color:#fafafa;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.swi-rt-link-btn:hover{background:#27272a}.swi-rt-link-btn--primary{color:#14532d;background:#a3e635;border-color:#a3e635}.swi-rt-link-btn--primary:hover{filter:brightness(1.05)}.swi-rt-link-pages-head{letter-spacing:.04em;text-transform:uppercase;color:#a1a1aa;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.swi-rt-link-filter{color:#fafafa;text-transform:none;letter-spacing:normal;background:#09090b;border:1px solid #3f3f46;border-radius:6px;width:110px;height:26px;padding:0 8px;font-size:12px;font-weight:400}.swi-rt-link-page-list{flex-direction:column;gap:2px;max-height:168px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.swi-rt-link-page{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 8px;display:flex}.swi-rt-link-page:hover,.swi-rt-link-page.is-active{background:#27272a}.swi-rt-link-page-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.swi-rt-link-page-path{color:#a1a1aa;font-size:11px;font-family:var(--mono,ui-monospace, monospace);background:0 0;flex-shrink:0}.swi-rt-link-empty{color:#71717a;padding:8px;font-size:12px}.swi-rt-link-remove{color:#fb7185;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:4px 2px;font-size:12px;display:inline-flex}.swi-rt-link-remove:hover{text-decoration:underline}.ss-puck .swi-field-label-row{width:100%;padding-bottom:var(--puck-field-label-space-y,12px);color:var(--puck-field-label-color-text,var(--puck-color-text-secondary,#5a5a5a));font-size:var(--puck-field-label-font-size,14px);font-weight:var(--puck-field-label-font-weight,600);align-items:center;gap:8px;display:flex}.ss-puck .swi-field-label-icon{color:var(--puck-field-label-color-icon,var(--puck-color-text-subtle,#ababab));margin-inline-end:2px;padding-inline-start:4px;display:flex}.ss-puck .swi-field-label-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.swi-rt-expand-label-btn{border:1px solid var(--puck-color-border,#dcdcdc);background:var(--puck-color-surface,#fff);height:26px;color:var(--puck-color-text-secondary,#5a5a5a);letter-spacing:.02em;cursor:pointer;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.swi-rt-expand-label-btn:hover:not(:disabled){color:var(--puck-color-text,#181818);border-color:var(--puck-color-border-hover,#949494);background:var(--puck-color-surface-muted,#f5f5f5)}.swi-rt-expand-label-btn:disabled{opacity:.5;cursor:not-allowed}.swi-rt-modal-root{z-index:11000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.swi-rt-modal-backdrop{cursor:pointer;background:#0000008c;border:0;position:absolute;inset:0}.swi-rt-modal{z-index:1;color:#fafafa;background:#111114;border:1px solid #2a2a30;border-radius:14px;flex-direction:column;width:min(820px,100%);max-height:min(88vh,900px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000080}.swi-rt-modal-head{border-bottom:1px solid #27272a;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 10px;display:flex}.swi-rt-modal-head strong{font-size:15px;display:block}.swi-rt-modal-head p{color:#a1a1aa;margin:4px 0 0;font-size:12px}.swi-rt-modal-icon-btn{color:#fafafa;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.swi-rt-modal-toolbar{background:#0c0c0f;border-bottom:1px solid #27272a;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 14px;display:flex}.swi-rt-modal-tool{color:#e4e4e7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;height:30px;padding:0 10px;font-size:12px;font-weight:600}.swi-rt-modal-tool:hover,.swi-rt-modal-tool.is-active{background:#27272a;border-color:#3f3f46}.swi-rt-modal-tool-sep{background:#3f3f46;width:1px;height:18px;margin:0 4px}.swi-rt-modal-body{background:#09090b;flex:1;min-height:280px;padding:18px 20px;overflow:auto}.swi-rt-modal-prose{color:#fafafa;outline:none;min-height:240px;font-size:16px;line-height:1.6}.swi-rt-modal-prose p{margin:0 0 .85em}.swi-rt-modal-prose a{color:#a3e635;text-decoration:underline}.swi-rt-modal-prose ul,.swi-rt-modal-prose ol{margin:0 0 .85em;padding-left:1.35em}.swi-rt-modal-foot{background:#111114;border-top:1px solid #27272a;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.ss-puck [class*=_ActionBar]>[class*=ActionBar-separator]:first-child,.ss-puck [class*=_ActionBar] [class*=ActionBar-separator]:first-child{display:none}.ss-puck .Puck{height:100%;min-height:0;color:var(--puck-color-text,#181818);flex:1;overflow:hidden}.ss-puck [class*=_PuckLayout]{height:100%;min-height:0}.ss-puck [class*=_PuckLayout-inner]{height:100%;min-height:0;overflow:hidden}.ss-puck [class*=_PuckPreview]{overscroll-behavior:contain;height:100%;min-height:0;overflow:auto}.ss-puck [class*=_PuckPreview-frame]{max-width:100%;display:block}.ss-puck [class*=_OutlineWrapper],.ss-puck [class*=_LayerTree],.ss-puck [class*=_Layer-inner],.ss-puck [class*=_Layer-clickable],.ss-puck [class*=_Layer-name],.ss-puck [class*=_DrawerItem],.ss-puck [class*=_ComponentList]{color:var(--puck-color-text,#181818)}.ss-puck [class*=_Sidebar--left]:has([class*=_BlocksPlugin]){min-height:0;overflow:hidden!important}:is(.ss-puck [class*=_PuckPluginTab--visible]:has([class*=_BlocksPlugin]),.ss-puck [class*=_PuckPluginTab-body]:has([class*=_BlocksPlugin])){flex:auto;min-height:0;overflow:hidden}.ss-puck [class*=_BlocksPlugin]{box-sizing:border-box;flex-direction:column;flex:auto;min-height:0;max-height:100%;height:100%!important;padding:0!important;display:flex!important;overflow:hidden!important}.ss-puck .ss-comp-lib{height:100%;min-height:0;max-height:100%}.ss-puck .ss-comp-lib-scroll [class*=_Drawer]{display:block}.ss-block-item{width:100%;min-width:0;position:relative}.ss-block-item-label{width:100%;min-width:0}.ss-block-popover{z-index:1200;color:#fafafa;pointer-events:auto;background:#111114;border:1px solid #ffffff1f;border-radius:12px;width:min(360px,42vw);position:fixed;overflow:hidden;box-shadow:0 16px 40px #00000073}.ss-block-popover-head{color:#fafafa;background:#16161a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:.1rem;padding:.55rem .7rem;display:flex}.ss-block-popover-head strong{color:#fafafa;font-size:.82rem}.ss-block-popover-head span{color:#a1a1aa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.ss-block-popover-desc{color:#f4f4f5;margin:.45rem 0 0;font-family:inherit;font-size:.75rem;font-weight:400;line-height:1.4}.ss-block-popover-usecases{color:#d4d4d8;margin:.35rem 0 0;padding-left:1rem;font-family:inherit;font-size:.7rem;font-weight:400;line-height:1.4}.ss-block-popover-frame{background:#fff;position:relative;overflow:hidden}.ss-block-popover-frame iframe{pointer-events:none;background:#fff;border:0;display:block}.ss-block-popover.is-desktop{max-width:min(520px,100vw - 16px)}.ss-block-popover.is-tablet{max-width:min(380px,100vw - 16px)}.ss-block-popover.is-mobile{max-width:min(280px,100vw - 16px)}.ss-grid{grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr) minmax(200px,.9fr);align-items:stretch;gap:.75rem;height:100%;min-height:0;display:grid}.ss-grid--pages{grid-template-columns:minmax(240px,.85fr) minmax(0,1.6fr)}.ss-grid--publish{grid-template-columns:minmax(220px,.9fr) minmax(220px,.95fr) minmax(0,1.2fr)}.ss-grid--settings{grid-template-columns:minmax(180px,220px) minmax(0,1fr);align-items:stretch}.ss-forms{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:stretch;gap:.85rem;height:100%;min-height:0;display:grid}.ss-forms-list{min-height:0}.ss-forms-editor{flex-direction:column;min-height:0;overflow:hidden;display:flex!important}.ss-forms-editor-head{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.ss-forms-title-input{flex:auto;min-width:0;height:2.25rem;font-size:1.05rem;font-weight:650}.ss-forms-editor-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.ss-forms-editor-actions .btn-sm{white-space:nowrap;height:2.25rem}.ss-forms-seg{border:1px solid var(--fg,#111);align-items:stretch;height:2.25rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ss-forms-seg{border:1px solid color-mix(in srgb, var(--fg,#111) 14%, transparent)}}.ss-forms-seg{border-radius:999px;flex-shrink:0;overflow:hidden}.ss-forms-seg button{font:inherit;cursor:pointer;color:var(--muted,#666);background:0 0;border:0;padding:0 .9rem;font-size:.85rem;line-height:1}.ss-forms-seg button.active{background:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.ss-forms-seg button.active{background:color-mix(in srgb, var(--accent,#2563eb) 16%, transparent)}}.ss-forms-seg button.active{color:var(--fg,#111);font-weight:600}.ss-forms-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.65rem;display:flex}.ss-forms-submit-inline{min-width:12rem;margin:0}.ss-forms-submit-inline span{font-size:.78rem}.ss-forms-field-card-head{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ss-forms-field-toggle{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:.45rem;padding:0;display:flex}.ss-forms-field-toggle strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-forms-field-req{text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#666);white-space:nowrap;font-size:.7rem;font-weight:600}.ss-forms-field-width-hint{white-space:nowrap;margin-left:auto;padding-right:.35rem;font-size:.75rem}.ss-forms-field-body{gap:.75rem;display:grid}.ss-forms-field-card.is-collapsed{padding-block:.65rem}.ss-forms-subtabs{border-bottom:1px solid var(--fg,#111);flex-wrap:wrap;gap:.35rem;padding:0 1rem .65rem;display:flex}@supports (color:color-mix(in lab, red, red)){.ss-forms-subtabs{border-bottom:1px solid color-mix(in srgb, var(--fg,#111) 10%, transparent)}}.ss-forms-subtabs{flex-shrink:0}.ss-forms-subtab{color:var(--muted,#666);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.9rem;display:inline-flex}.ss-forms-subtab:hover{background:var(--fg,#111)}@supports (color:color-mix(in lab, red, red)){.ss-forms-subtab:hover{background:color-mix(in srgb, var(--fg,#111) 6%, transparent)}}.ss-forms-subtab:hover{color:var(--fg,#111)}.ss-forms-subtab.active{background:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.ss-forms-subtab.active{background:color-mix(in srgb, var(--accent,#2563eb) 14%, transparent)}}.ss-forms-subtab.active{color:var(--fg,#111);font-weight:600}.ss-forms-body{flex:1;min-height:0;padding:1rem 1.1rem 1.5rem}.ss-forms-empty{place-items:center;min-height:12rem;padding:2rem;display:grid}.ss-forms-section{gap:1rem;display:grid}.ss-forms-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.ss-forms-section-head .ss-muted{margin:.2rem 0 0}.ss-forms-field-card,.ss-forms-email-card{border:1px solid var(--fg,#111)}@supports (color:color-mix(in lab, red, red)){.ss-forms-field-card,.ss-forms-email-card{border:1px solid color-mix(in srgb, var(--fg,#111) 12%, transparent)}}.ss-forms-field-card,.ss-forms-email-card{background:var(--bg,#fff);border-radius:12px;gap:.75rem;padding:.95rem 1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.ss-forms-field-card,.ss-forms-email-card{background:color-mix(in srgb, var(--bg,#fff) 92%, var(--fg,#111))}}.ss-forms-email-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.ss-forms-field-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#666);flex-shrink:0;font-size:.72rem;font-weight:600;display:inline-block}.ss-forms-field-grid,.ss-forms-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.ss-forms-advanced{background:var(--fg,#111);border-radius:8px;padding:.75rem}@supports (color:color-mix(in lab, red, red)){.ss-forms-advanced{background:color-mix(in srgb, var(--fg,#111) 4%, transparent)}}.ss-forms-check{align-items:center;gap:.45rem;margin-top:1.35rem;font-size:.92rem;display:inline-flex}.ss-forms-preview-modal-body{max-height:min(70vh,640px);padding:.25rem .15rem .5rem;overflow:auto}.ss-forms-preview-grid--lg{gap:.85rem;font-size:.95rem}.ss-forms-preview-grid--lg .ss-forms-preview-field,.ss-forms-preview-grid--lg .ss-forms-preview-check{font-size:.92rem}.ss-forms-preview-grid--lg .ss-forms-preview-field input,.ss-forms-preview-grid--lg .ss-forms-preview-field textarea,.ss-forms-preview-grid--lg .ss-forms-preview-field select{padding:.65rem .75rem;font-size:.95rem}.ss-forms-preview-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.65rem;display:grid}.ss-forms-preview-field,.ss-forms-preview-check{gap:.3rem;font-size:.82rem;display:grid}.ss-forms-preview-field input,.ss-forms-preview-field textarea,.ss-forms-preview-field select{border:1px solid var(--fg,#111);width:100%}@supports (color:color-mix(in lab, red, red)){.ss-forms-preview-field input,.ss-forms-preview-field textarea,.ss-forms-preview-field select{border:1px solid color-mix(in srgb, var(--fg,#111) 14%, transparent)}}.ss-forms-preview-field input,.ss-forms-preview-field textarea,.ss-forms-preview-field select{font:inherit;background:#fff;border-radius:6px;padding:.45rem .55rem}.ss-forms-preview-check{grid-template-columns:auto 1fr;align-items:start}.ss-forms-preview-note,.ss-forms-preview-recaptcha{color:var(--muted,#666);margin:0;font-size:.75rem;line-height:1.4}.ss-forms-preview-grid .is-w-full{grid-column:1/-1}.ss-forms-preview-grid .is-w-twoThirds{grid-column:span 8}.ss-forms-preview-grid .is-w-half{grid-column:span 6}.ss-forms-preview-grid .is-w-third{grid-column:span 4}.ss-forms-preview-grid .is-w-quarter{grid-column:span 3}.ss-forms-add-group{gap:.4rem;margin-bottom:.35rem;display:grid}.ss-forms-chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}@media (max-width:1100px){.ss-forms-editor-head{flex-wrap:wrap}}@media (max-width:900px){.ss-forms,.ss-forms-field-grid,.ss-forms-settings-grid{grid-template-columns:1fr}.ss-forms-check{margin-top:0}}.ss-settings-nav{align-content:start;height:100%;min-height:0;overflow:auto}.ss-settings-panel{grid-template-rows:unset;flex-direction:column;gap:0;height:100%;min-height:0;padding:0;overflow:hidden;display:flex!important}.ss-settings-body{flex:1;align-content:start;gap:.85rem;min-height:0;padding:1rem;display:grid}.ss-settings-footer{border-top:1px solid var(--line);background:var(--panel);flex-shrink:0;justify-content:flex-start;padding:.75rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.ss-settings-footer{background:color-mix(in srgb, var(--panel) 92%, var(--bg))}}.ss-settings-footer .btn{align-self:auto;width:auto}@media (max-width:1100px){.ss-grid,.ss-grid--pages,.ss-grid--publish,.ss-grid--settings{grid-template-columns:1fr;height:auto;overflow:auto}}.ss-panel{align-content:start;gap:.75rem;padding:1rem;display:grid}.ss-panel--fill{grid-template-rows:unset;gap:.75rem;align-content:unset;flex-direction:column;height:100%;min-height:0;overflow:hidden;display:flex!important}.ss-panel--fill>.ss-panel-head,.ss-panel--fill>strong:first-child,.ss-panel--fill>.ss-muted:first-of-type{flex-shrink:0}.ss-panel--fill>.ss-scroll,.ss-panel--fill>ul.ss-scroll,.ss-panel--fill>.ss-json{flex:auto;min-height:0}.ss-scroll{align-content:start;min-height:0;overflow:auto}.ss-preview-panel{grid-template-rows:unset;flex-direction:column;gap:.65rem;height:100%;min-height:0;display:flex!important}.ss-preview-panel .ss-panel-head{flex-shrink:0}.ss-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.ss-row{align-items:center;gap:.4rem;display:flex}.ss-row.wrap{flex-wrap:wrap}.ss-stack{gap:.75rem;display:grid}.ss-muted{color:var(--fg-muted);margin:0;font-size:.85rem}.ss-page-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.ss-page-item{border:1px solid var(--line);text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border-radius:10px;gap:.45rem;padding:.55rem;display:grid}.ss-page-item.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-page-item.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.ss-page-item.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-page-item.active{background:color-mix(in srgb, var(--accent) 8%, var(--panel))}}.ss-page-main{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;gap:.1rem;padding:0;display:grid}.ss-page-main span{color:var(--fg-subtle);font-size:.78rem;font-family:var(--mono)}.ss-form-grid{grid-template-columns:1fr 1fr;gap:.65rem .75rem;display:grid}.ss-form-grid .ss-span-2{grid-column:1/-1}@media (max-width:700px){.ss-form-grid{grid-template-columns:1fr}}.ss-divider{background:var(--line);height:1px;margin:.25rem 0}.ss-preview-frame{border:1px solid var(--line);background:#0c0c0f;border-radius:12px;min-height:280px;overflow:hidden}.ss-preview-frame iframe{background:#fff;border:0;width:100%;height:320px}.ss-preview-frame--fill{flex-direction:column;flex:1;min-height:0;display:flex}.ss-preview-frame--fill iframe{flex:1;height:100%;min-height:0}.ss-style-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.25fr);align-items:stretch;gap:.85rem;height:100%;min-height:0;display:grid}.ss-style-editor{flex-direction:column;gap:.75rem;min-height:0;overflow:hidden;display:flex!important}.ss-style-actions{flex-wrap:wrap;gap:.4rem;display:flex}.ss-style-groups{flex-wrap:wrap;flex-shrink:0;gap:.35rem;display:flex}.ss-style-fields{flex:1;min-height:0;padding-right:.25rem;overflow:auto}.ss-style-preview{flex-direction:column;gap:.65rem;min-height:0;overflow:hidden;display:flex!important}.ss-style-viewport-toggles{gap:.25rem;display:inline-flex}.ss-style-viewport-toggles .btn.is-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-style-viewport-toggles .btn.is-active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.ss-style-viewport-toggles .btn.is-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-style-viewport-toggles .btn.is-active{background:color-mix(in srgb, var(--accent) 10%, var(--panel))}}.ss-img-overlay{z-index:60;border:1px solid var(--line);background:var(--bg-elevated);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .55rem;max-width:min(640px,100vw - 2rem);padding:.55rem .75rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.ss-img-overlay{background:color-mix(in srgb, var(--bg-elevated) 94%, transparent)}}.ss-img-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;box-shadow:0 12px 40px #00000038}.ss-img-overlay__hint{text-align:center;color:var(--fg-subtle);letter-spacing:.02em;flex:100%;font-size:.68rem}.ss-img-overlay__pan{font:inherit;cursor:grab;background:var(--accent);color:var(--accent-fg,#fff);border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.ss-img-overlay__pan:active{cursor:grabbing}.ss-img-overlay__slider{color:var(--fg-subtle);font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-size:.7rem;display:inline-flex}.ss-img-overlay__slider input[type=range]{width:88px;accent-color:var(--accent)}.ss-img-overlay__meta{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em;background:var(--panel);border-radius:999px;padding-block:.2rem;padding-inline:.35rem;font-size:.68rem}@supports (color:color-mix(in lab, red, red)){.ss-img-overlay__meta{background:color-mix(in srgb, var(--panel) 80%, var(--bg))}}.ss-img-overlay__meta{border:1px solid var(--line)}.ss-style-preview-stage{background:linear-gradient(180deg, var(--fg-muted), transparent 40%), var(--bg,#f4f4f5);flex:1;justify-content:center;min-height:0;display:flex;overflow:auto}@supports (color:color-mix(in lab, red, red)){.ss-style-preview-stage{background:linear-gradient(180deg, color-mix(in srgb, var(--fg-muted) 6%, transparent), transparent 40%), var(--bg,#f4f4f5)}}.ss-style-preview-stage{border:1px solid var(--line);border-radius:12px;padding:.75rem}.ss-style-preview-frame{background:#fff;border-radius:10px;width:100%;height:100%;min-height:420px;margin:0 auto;transition:max-width .2s;overflow:hidden;box-shadow:0 8px 28px #0000001f}.ss-style-preview-frame iframe{background:#fff;border:0;width:100%;height:100%;min-height:420px}.ss-inline-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline;display:inline}@media (max-width:1100px){.ss-style-layout{grid-template-columns:1fr;height:auto}.ss-style-editor{max-height:55vh}.ss-style-preview-frame,.ss-style-preview-frame iframe{min-height:360px}}.ss-media-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.4rem;display:grid}.ss-media-item{aspect-ratio:1;border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;padding:0;overflow:hidden}.ss-media-item img{object-fit:cover;width:100%;height:100%;display:block}.ss-nav-intro{border-bottom:1px solid var(--line);gap:.35rem;margin-bottom:.5rem;padding:0 .15rem .65rem;display:grid}.ss-nav-intro strong{font-size:.95rem}.ss-nav-item-text{text-align:left;gap:.1rem;min-width:0;display:grid}.ss-nav-item-hint{color:var(--fg-subtle);text-transform:none;letter-spacing:0;font-size:.7rem;font-weight:400}.catalog-nav-item .ss-nav-item-hint{display:block}.ss-section-title{letter-spacing:-.02em;margin:0;font-size:1.05rem}.ss-editor-block{max-width:44rem}.ss-menu-row-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.ss-menu-index{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:.75rem}.ss-check-field span{text-transform:none;letter-spacing:0;color:var(--fg);flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:.9rem;display:flex}.ss-contents-main{height:100%;min-height:0}.ss-cardish{border:1px solid var(--line);border-radius:12px;gap:.5rem;padding:.75rem;display:grid}.ss-json-panel{grid-template-rows:unset;flex-direction:column;gap:.65rem;display:flex!important}.ss-json{resize:none;flex:1;width:100%;min-height:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.ss-build-list{color:var(--fg-muted);gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.ss-build-status{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:650}.ss-build-status.is-done{color:#8bdc3f}.ss-build-status.is-failed{color:#ff7b7b}.ss-build-status.is-running,.ss-build-status.is-queued{color:var(--accent)}.ss-domain-row .input{flex:12rem;min-width:10rem}.ss-domain-publish{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-content:start;gap:.35rem;padding:.65rem .75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.ss-domain-publish{background:color-mix(in srgb, var(--panel) 88%, var(--bg))}}.ss-public-url{color:var(--accent);word-break:break-all;font-weight:600;text-decoration:none}.ss-public-url:hover{text-decoration:underline}.ss-lead-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.ss-lead-item{border:1px solid var(--line);border-radius:8px;gap:.25rem;padding:.65rem .75rem;display:grid}.ss-lead-item p{color:var(--fg-muted);white-space:pre-wrap;margin:0;font-size:.92rem}.ss-lead-meta{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.ss-seo-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.ss-seo-item{grid-template-columns:3.5rem minmax(0,1fr);align-items:start;gap:.5rem;font-size:.9rem;display:grid}.ss-seo-level{letter-spacing:.04em;text-transform:uppercase;padding-top:.15rem;font-size:.68rem;font-weight:700}.ss-seo-item.is-error{color:#ff7b7b}.ss-seo-item.is-warn{color:#e6b35a}.ss-seo-item.is-ok{color:#8bdc3f}.ss-seo-banner{border-radius:8px;margin:0;padding:.5rem .65rem;font-size:.9rem;font-weight:600}.ss-seo-banner.is-error{color:#ff9a9a;background:#ff7b7b2e}.ss-seo-banner.is-ok{color:#b6e87a;background:#8bdc3f24}.ss-select{min-width:11rem;position:relative}.ss-page-select{min-width:10.5rem;max-width:14rem}.ss-path-select{min-width:12rem;max-width:18rem}.ss-select-trigger{border:1px solid var(--line);background:var(--bg);width:100%;min-height:2rem;color:var(--fg);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.28rem .55rem;font-size:.8rem;display:flex}.ss-select--compact .ss-select-trigger{height:32px;min-height:32px;padding:0 .7rem;font-size:.78rem}.ss-select--compact .ss-select-value{display:block}.ss-select-trigger:hover{border-color:var(--line-strong)}.ss-select[data-open=true] .ss-select-trigger{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-select[data-open=true] .ss-select-trigger{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}}.ss-select[data-open=true] .ss-select-trigger{box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-select[data-open=true] .ss-select-trigger{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}}.ss-select-value{gap:.05rem;min-width:0;display:grid}.ss-select-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-select-hint{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;overflow:hidden}.ss-select-menu{z-index:40;border:1px solid var(--line);background:var(--bg-elevated);border-radius:10px;max-height:240px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #00000059}.ss-select-panel{z-index:40;border:1px solid var(--line);background:var(--bg-elevated);border-radius:10px;flex-direction:column;min-width:0;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000059}.ss-select-panel .ss-select-menu{box-shadow:none;background:0 0;border:0;border-radius:0;max-height:220px;position:static;top:auto;left:auto;right:auto}.ss-select-search{border:1px solid var(--line);background:var(--bg);color:var(--fg-subtle);border-radius:8px;align-items:center;gap:.4rem;margin:.35rem .35rem 0;padding:.35rem .5rem;display:flex}.ss-select-search input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:.78rem}.ss-select-search input::placeholder{color:var(--fg-subtle)}.ss-select-empty{color:var(--fg-subtle);padding:.55rem .5rem;font-size:.75rem}.ss-select-option{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:.05rem;padding:.4rem .5rem;display:grid}.ss-select-option:hover,.ss-select-option.is-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ss-select-option:hover,.ss-select-option.is-active{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}}.mm-manager{grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:.75rem;height:100%;min-height:0;display:grid}@media (max-width:1100px){.mm-manager{grid-template-columns:1fr;height:auto;overflow:auto}}.mm-manager-main,.mm-manager-side{grid-template-rows:unset;gap:.65rem;align-content:unset;flex-direction:column;height:100%;min-height:0;overflow:hidden;display:flex!important}.mm-manager-side{overflow:auto}.mm-detail{align-content:start;gap:.65rem;display:grid}.mm-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mm-source-tabs{gap:.25rem;display:inline-flex}.unsplash-panel{flex:1;gap:.75rem;min-width:0;min-height:280px;display:grid;overflow:auto}.unsplash-panel.is-compact{min-height:240px}.unsplash-search{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.unsplash-search .mm-search{flex:1;min-width:12rem}.unsplash-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;display:grid}.unsplash-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:.35rem;display:grid;overflow:hidden}.unsplash-card img{aspect-ratio:4/3;object-fit:cover;background:var(--fg);width:100%;display:block}@supports (color:color-mix(in lab, red, red)){.unsplash-card img{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.unsplash-card__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;padding:.4rem .5rem .55rem;display:flex}.unsplash-card__credit{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.25rem;min-width:0;max-width:55%;font-size:.72rem;text-decoration:none;display:inline-flex;overflow:hidden}.unsplash-card__credit:hover{color:var(--accent)}.mm-toolbar--filters{justify-content:flex-start}.mm-filter-select{gap:.2rem;min-width:8rem;display:grid}.mm-filter-select span{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.mm-filter-select .input{padding:.4rem .55rem;font-size:.85rem}.mm-search{flex:1;align-items:center;gap:.4rem;min-width:12rem;display:flex}.mm-search .input{flex:1}.mm-dropzone{border:1px dashed var(--line);background:var(--panel);border-radius:12px;padding:.75rem}@supports (color:color-mix(in lab, red, red)){.mm-dropzone{background:color-mix(in srgb, var(--panel) 60%, transparent)}}.mm-dropzone{transition:all .15s}.mm-dropzone--fill{flex:1;align-content:start;min-height:0;overflow:auto}.mm-dropzone.is-dragging{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mm-dropzone.is-dragging{background:color-mix(in srgb, var(--accent) 10%, var(--panel))}}.mm-empty{color:var(--fg-muted);text-align:center;place-items:center;gap:.5rem;min-height:10rem;padding:2rem 1rem;display:grid}.mm-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:.55rem;display:grid}.mm-card{border:1px solid var(--line);background:var(--bg);border-radius:10px;align-content:start;gap:0;display:grid;overflow:hidden}.mm-card--select{text-align:left;color:inherit;cursor:pointer;padding:0}.mm-card--select.is-selected{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mm-card--select.is-selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}}.mm-card--select.is-selected{box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.mm-card--select.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}}.mm-card-main{cursor:pointer;aspect-ratio:1;background:0 0;border:0;padding:0;display:block}.mm-card img,.mm-card-main img{object-fit:cover;aspect-ratio:1;width:100%;height:100%;display:block}.mm-card-name,.mm-card-meta,.mm-card-tags{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;padding:.3rem .45rem .15rem;font-size:.7rem;display:block;overflow:hidden}.mm-card-tags{color:var(--accent);padding-top:0;padding-bottom:.35rem;font-size:.65rem}.mm-file-fallback{aspect-ratio:1;color:var(--fg-subtle);background:var(--panel);place-items:center;font-size:.7rem;display:grid}.mm-detail-preview{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mm-detail-preview{background:color-mix(in srgb, var(--panel) 70%, #111)}}.mm-detail-preview img{object-fit:contain;width:100%;max-height:180px;display:block}.mm-tag-list{flex-wrap:wrap;gap:.35rem;display:flex}.mm-tag{border:1px solid var(--line);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mm-tag{background:color-mix(in srgb, var(--accent) 10%, var(--panel))}}.mm-tag{color:var(--fg);cursor:pointer;border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.mm-tag:hover{border-color:var(--accent)}.mm-overlay{z-index:1300;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.mm-backdrop{cursor:pointer;background:#0000008c;border:0;position:absolute;inset:0}.mm-modal{z-index:1;border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;flex-direction:column;gap:.65rem;width:min(880px,100%);max-height:min(820px,100vh - 2rem);padding:1rem;display:flex;position:relative;box-shadow:0 24px 64px #00000073}.mm-modal-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.mm-modal .mm-dropzone{flex:1;min-height:280px;overflow:auto}.mm-field{gap:.55rem;display:grid}.mm-field-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.mm-field-row{align-items:stretch;gap:.65rem;display:flex}.mm-field-thumb{border:1px solid var(--line);background:var(--panel);width:72px;height:72px;color:var(--fg-subtle);border-radius:10px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.mm-field-thumb.is-empty{color:var(--fg-subtle)}.mm-field-thumb img{object-fit:cover;width:100%;height:100%;display:block}.mm-field-actions{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.mm-field-btns{flex-wrap:wrap;gap:.4rem;display:flex}.mm-field-actions .input{width:100%;min-width:0}.mm-field--object .mm-field-preview{aspect-ratio:16/10;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:100%;max-height:160px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mm-field--object .mm-field-preview{background:color-mix(in srgb, var(--panel) 70%, var(--bg))}}.mm-field--object .mm-field-preview{place-items:center;display:grid}.mm-field--object .mm-field-preview img{object-fit:cover;width:100%;height:100%;display:block}.mm-field-preview-empty{color:var(--fg-subtle);text-align:center;place-items:center;gap:.35rem;padding:1rem;font-size:.8rem;display:grid}.mm-field-sub{gap:.3rem;min-width:0;display:grid}.mm-field-sub>span{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.mm-optimize{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:.45rem;margin-block:.35rem;padding:.65rem 0;display:grid}.mm-optimize strong{font-size:.8rem}.mm-adjust{border:1px solid var(--line);background:linear-gradient(165deg, var(--accent) 0%, var(--panel) 42%, var(--bg) 100%);border-radius:14px;gap:.65rem;margin-top:.45rem;padding:.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.mm-adjust{background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 6%, var(--panel)) 0%, var(--panel) 42%, var(--bg) 100%)}}.mm-adjust__title{color:var(--fg);align-items:center;gap:.4rem;font-size:.78rem;font-weight:650;display:inline-flex}.mm-adjust__devices{width:100%}.mm-adjust__tabs{background:var(--bg);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.mm-adjust__tabs{background:color-mix(in srgb, var(--bg) 70%, var(--panel))}}.mm-adjust__tabs{border:1px solid var(--line)}.mm-adjust__tab{font:inherit;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.4rem .35rem;font-size:.72rem;font-weight:600}.mm-adjust__tab.is-active{color:var(--fg);background:var(--bg-elevated);box-shadow:0 1px 0 var(--fg)}@supports (color:color-mix(in lab, red, red)){.mm-adjust__tab.is-active{box-shadow:0 1px 0 color-mix(in srgb, var(--fg) 8%, transparent)}}.mm-adjust-check{color:var(--fg-muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.mm-adjust-preview{border:1px solid var(--line);background:repeating-conic-gradient(from 0deg, var(--fg) 0% 25%, transparent 0% 50%) 0 0 / 16px 16px;border-radius:12px;width:100%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mm-adjust-preview{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--fg) 6%, transparent) 0% 25%, transparent 0% 50%) 0 0 / 16px 16px}}.mm-adjust-preview__stage{aspect-ratio:16/10;max-height:148px;position:relative;overflow:hidden}.mm-adjust-preview img{width:100%;height:100%;display:block}.mm-adjust-preview__noise{pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.mm-adjust-fields{border:0;gap:.55rem;min-width:0;margin:0;padding:0;display:grid}.mm-adjust-fields:disabled{opacity:.45}.mm-adjust-section{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;margin:.2rem 0 0;font-size:.68rem;font-weight:650;display:inline-flex}.mm-knob{gap:.25rem;display:grid}.mm-knob__head{color:var(--fg-subtle);justify-content:space-between;gap:.5rem;font-size:.72rem;display:flex}.mm-knob__head strong{font-variant-numeric:tabular-nums;color:var(--fg);font-weight:650}.mm-knob input[type=range],.mm-adjust-fields input[type=range]{width:100%;accent-color:var(--accent)}.mm-segment{grid-template-columns:1fr 1fr;gap:.25rem;display:grid}.mm-segment__btn{border:1px solid var(--line);font:inherit;text-transform:capitalize;background:var(--bg);color:var(--fg-subtle);cursor:pointer;border-radius:8px;padding:.4rem;font-size:.72rem}.mm-segment__btn.is-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mm-segment__btn.is-active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.mm-segment__btn.is-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mm-segment__btn.is-active{background:color-mix(in srgb, var(--accent) 12%, var(--bg))}}.mm-segment__btn.is-active{color:var(--fg);font-weight:650}.mm-shadow-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mm-shadow-card{border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:.45rem;padding:.55rem;display:grid}@supports (color:color-mix(in lab, red, red)){.mm-shadow-card{background:color-mix(in srgb, var(--bg) 55%, var(--panel))}}.mm-shadow-card__top{justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.mm-shadow-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.mm-shadow-color{gap:.35rem;display:grid}.mm-shadow-color input[type=color]{border:1px solid var(--line);background:0 0;border-radius:8px;width:100%;height:2rem;padding:0}@media (max-width:480px){.mm-field-row{flex-direction:column}.mm-field-thumb{width:100%;height:120px}}.fi-field{gap:.55rem;display:grid}.fi-mode{flex-wrap:wrap;gap:.35rem;display:flex}.fi-hint{margin:0;font-size:.8rem}.fi-picker{gap:.45rem;display:grid}.fi-search{align-items:center;gap:.35rem;width:100%;display:flex}.fi-search .input{flex:1;min-width:0}.fi-grid{border:1px solid var(--line);background:var(--bg-elevated);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(2.25rem,1fr));gap:.35rem;max-height:12rem;padding:.25rem;display:grid;overflow:auto}@supports (color:color-mix(in lab, red, red)){.fi-grid{background:color-mix(in srgb, var(--bg-elevated) 80%, transparent)}}.fi-icon{aspect-ratio:1;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.fi-icon:hover{background:var(--accent,#6af)}@supports (color:color-mix(in lab, red, red)){.fi-icon:hover{background:color-mix(in srgb, var(--accent,#6af) 16%, transparent)}}.fi-icon.is-selected{border-color:var(--accent,#6af);background:var(--accent,#6af)}@supports (color:color-mix(in lab, red, red)){.fi-icon.is-selected{background:color-mix(in srgb, var(--accent,#6af) 22%, transparent)}}.mm-field-thumb iconify-icon{display:block}.toast-viewport{z-index:2000;pointer-events:none;flex-direction:column-reverse;gap:.5rem;width:min(360px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{pointer-events:auto;border:1px solid var(--line);background:var(--bg-elevated);border-radius:12px;align-items:flex-start;gap:.55rem;padding:.7rem .75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.toast{background:color-mix(in srgb, var(--bg-elevated) 92%, #000)}}.toast{animation:.22s ease-out toast-in;box-shadow:0 12px 40px #0006}.toast--success{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.toast--success{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.toast--error{border-color:#ff7b7b}@supports (color:color-mix(in lab, red, red)){.toast--error{border-color:color-mix(in srgb, #ff7b7b 50%, var(--line))}}.toast--info{border-color:var(--line)}.toast-icon{flex-shrink:0;margin-top:.1rem}.toast--success .toast-icon{color:var(--accent)}.toast--error .toast-icon{color:#ff7b7b}.toast--info .toast-icon{color:var(--fg-muted)}.toast-body{flex:1;min-width:0}.toast-title{color:var(--fg);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.86rem;font-weight:600;line-height:1.3}.toast-desc{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;overflow:hidden}.toast-close{width:1.4rem;height:1.4rem;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.toast-close:hover{background:var(--panel-hover);color:var(--fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-main.new-site-main{flex-direction:column;gap:.65rem;min-height:100vh;padding:.85rem 1rem 1rem;display:flex}.new-site-page-head{flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:.35rem .85rem;display:flex}.new-site-back{color:var(--fg-muted);font-size:.78rem;text-decoration:none}.new-site-back:hover{color:var(--fg)}.new-site-page-title{flex-wrap:wrap;align-items:baseline;gap:.25rem .65rem;min-width:0;display:flex}.new-site-page-title h1{letter-spacing:-.03em;margin:0;font-size:1.15rem;line-height:1.2}.new-site-page-title p{color:var(--fg-muted);margin:0;font-size:.8rem;line-height:1.3}.new-site-form{flex:1;grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:stretch;gap:.75rem;min-height:0;display:grid}@media (max-width:960px){.new-site-form{grid-template-columns:1fr}}.new-site-rail{flex-direction:column;gap:.65rem;min-height:0;max-height:calc(100vh - 4.25rem);padding:.75rem;display:flex;overflow:auto}.new-site-mode-row{flex-wrap:wrap;gap:.3rem;display:flex}.new-site-mode-row .btn{flex:1;min-width:0;padding:.4rem .45rem;font-size:.75rem}.new-site-section-label{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.new-site-kit-block{gap:.35rem;min-height:0;display:grid}.template-kit-list{gap:.35rem;max-height:min(32vh,320px);padding-right:.1rem;display:grid;overflow:auto}.template-kit-card{text-align:left;border:1px solid var(--line);background:var(--panel-hover);border-radius:8px;gap:.2rem;padding:.5rem .6rem;display:grid}@supports (color:color-mix(in lab, red, red)){.template-kit-card{background:color-mix(in srgb, var(--panel-hover) 55%, var(--panel))}}.template-kit-card{color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.template-kit-card:hover{border-color:var(--line-strong)}.template-kit-card.is-selected{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.template-kit-card.is-selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}}.template-kit-card.is-selected{box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.template-kit-card.is-selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}}.template-kit-card.is-selected{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.template-kit-card.is-selected{background:color-mix(in srgb, var(--accent) 8%, var(--panel))}}.template-kit-card strong{letter-spacing:-.02em;font-size:.8rem}.template-kit-card p{color:var(--fg-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.68rem;line-height:1.3;display:-webkit-box;overflow:hidden}.template-kit-card ul{flex-wrap:wrap;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.template-kit-card li{letter-spacing:.04em;text-transform:uppercase;background:var(--fg);border-radius:999px;padding:.08rem .3rem;font-size:.55rem}@supports (color:color-mix(in lab, red, red)){.template-kit-card li{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.template-kit-card li{color:var(--fg-subtle)}.new-site-fields{gap:.5rem;display:grid}.new-site-fields .field span{font-size:.65rem}.new-site-fields .input,.new-site-fields .select,.new-site-fields .textarea{padding:.45rem .6rem;font-size:.85rem}.new-site-submit{width:100%;margin-top:auto;padding-block:.55rem;font-size:.85rem}.new-site-preview-pane{flex-direction:column;min-width:0;min-height:min(78vh,900px);max-height:calc(100vh - 4.25rem);display:flex;overflow:hidden}.new-site-preview-pane.is-empty{justify-content:center;align-items:center;padding:1.25rem}.new-site-preview-placeholder{text-align:center;max-width:380px;color:var(--fg-muted);font-size:.85rem;line-height:1.45}.new-site-preview-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.4rem .65rem;padding:.45rem .7rem;display:flex}.new-site-preview-title{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;min-width:0;display:flex}.new-site-preview-title strong{letter-spacing:-.02em;font-size:.85rem}.new-site-preview-meta{color:var(--fg-subtle);font-size:.7rem}.new-site-viewport-toggles{border:1px solid var(--line);background:var(--fg);border-radius:8px;gap:.15rem;padding:.15rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.new-site-viewport-toggles{background:color-mix(in srgb, var(--fg) 3%, transparent)}}.new-site-viewport-btn{border:0;border-radius:6px;gap:.25rem;padding:.3rem .5rem;font-size:.72rem}.new-site-viewport-btn.is-active{background:var(--accent);color:var(--accent-fg)}.new-site-preview-wrap{background:radial-gradient(circle at 1px 1px,#2a2a30 1px,#0000 0) 0 0/16px 16px,#0c0c0f;flex:1;min-height:0;padding:.75rem;position:relative;overflow:auto}.new-site-preview-stage{justify-content:center;align-items:flex-start;width:100%;display:flex}.new-site-preview-shell{isolation:isolate;background:#111;border-radius:12px;max-width:100%;min-height:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 64px #0000008c}.new-site-preview-device{transform-origin:0 0;backface-visibility:hidden;background:#fff;width:1280px;min-height:480px;position:absolute;top:0;left:50%;translate:-50%}.template-preview-iframe{background:#fff;border:0;width:100%;height:480px;min-height:320px;display:block}.template-preview-loading{color:var(--fg-muted);pointer-events:none;z-index:2;background:#0c0c0fb8;place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}@media (max-width:960px){.new-site-rail,.new-site-preview-pane{max-height:none}.new-site-preview-pane{min-height:55vh}.template-kit-list{max-height:220px}.new-site-viewport-btn span{display:none}}.categories-admin{gap:1.25rem;max-width:820px;display:grid}.categories-table{border-collapse:collapse;width:100%;font-size:.9rem}.categories-table th,.categories-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.65rem .75rem}.categories-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);font-size:.72rem;font-weight:600}.categories-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:.75rem;display:grid}.ss-comp-lib{--ss-lib-bg:var(--puck-color-surface,#fff);--ss-lib-bg-muted:var(--puck-color-surface-muted,#f5f5f5);--ss-lib-bg-subtle:var(--puck-color-surface-subtle,#fafafa);--ss-lib-fg:var(--puck-color-text,#181818);--ss-lib-fg-muted:var(--puck-color-text-secondary,#5a5a5a);--ss-lib-fg-subtle:var(--puck-color-text-muted,#767676);--ss-lib-line:var(--puck-color-border,#dcdcdc);--ss-lib-accent:var(--puck-color-azure-04,#0158ad);background:var(--ss-lib-bg-subtle);height:100%;min-height:0;color:var(--ss-lib-fg);box-sizing:border-box;flex-direction:column;gap:.55rem;padding:.65rem .7rem .5rem;display:flex}.ss-comp-lib-toolbar{background:var(--ss-lib-bg-subtle);flex-direction:column;flex-shrink:0;gap:.3rem;padding-bottom:.15rem;display:flex}.ss-comp-lib-toolbar-row{flex-direction:column;gap:.4rem;display:flex}.ss-comp-lib-search input{border:1px solid var(--ss-lib-line);background:var(--ss-lib-bg);width:100%;color:var(--ss-lib-fg);box-sizing:border-box;border-radius:8px;padding:.45rem .65rem;font-size:.82rem}.ss-comp-lib-search input::placeholder{color:var(--ss-lib-fg-subtle)}.ss-comp-lib-search input:focus{outline:2px solid var(--ss-lib-accent)}@supports (color:color-mix(in lab, red, red)){.ss-comp-lib-search input:focus{outline:2px solid color-mix(in srgb, var(--ss-lib-accent) 45%, transparent)}}.ss-comp-lib-search input:focus{outline-offset:1px}.ss-comp-lib-tag-select{--line:var(--ss-lib-line);--bg:var(--ss-lib-bg);--bg-elevated:var(--ss-lib-bg);--fg:var(--ss-lib-fg);--fg-subtle:var(--ss-lib-fg-subtle);--accent:var(--ss-lib-accent);--panel:var(--ss-lib-bg-muted);width:100%;min-width:0}.ss-comp-lib-tag-select .ss-select-trigger{border-radius:8px;min-height:2.1rem;padding:.45rem .65rem;font-size:.82rem}.ss-comp-lib-tag-select .ss-select-panel{z-index:60;max-height:min(280px,45vh)}.ss-comp-lib-tag-select .ss-select-panel .ss-select-menu{max-height:min(220px,38vh)}.ss-comp-lib-meta{color:var(--ss-lib-fg-subtle);font-variant-numeric:tabular-nums;margin:0;font-size:.68rem}.ss-comp-lib-cats{flex-wrap:wrap;flex-shrink:0;gap:.3rem;max-height:5.5rem;padding-bottom:.1rem;display:flex;overflow:auto}.ss-comp-lib-cat{border:1px solid var(--ss-lib-line);background:var(--ss-lib-bg);color:var(--ss-lib-fg-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .5rem;font-size:.7rem;display:inline-flex}.ss-comp-lib-cat svg{opacity:.75;flex-shrink:0}.ss-comp-lib-cat.active svg{opacity:1}.ss-comp-lib-cat:hover{border-color:var(--ss-lib-fg)}@supports (color:color-mix(in lab, red, red)){.ss-comp-lib-cat:hover{border-color:color-mix(in srgb, var(--ss-lib-fg) 28%, var(--ss-lib-line))}}.ss-comp-lib-cat:hover{color:var(--ss-lib-fg)}.ss-comp-lib-cat.active{border-color:var(--ss-lib-accent);color:var(--ss-lib-fg);background:var(--ss-lib-accent)}@supports (color:color-mix(in lab, red, red)){.ss-comp-lib-cat.active{background:color-mix(in srgb, var(--ss-lib-accent) 12%, var(--ss-lib-bg))}}.ss-comp-lib-count{font-variant-numeric:tabular-nums;opacity:.7}.ss-comp-lib-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-right:.15rem;overflow:hidden auto}.ss-comp-lib-groups{flex-direction:column;gap:.85rem;display:flex}.ss-comp-lib-group-head h3{letter-spacing:.04em;text-transform:uppercase;color:var(--ss-lib-fg-subtle);align-items:center;gap:.35rem;margin:0;font-size:.72rem;display:inline-flex}.ss-comp-lib-group-head h3 svg{opacity:.85;flex-shrink:0}.ss-comp-lib-group-head p{color:var(--ss-lib-fg-muted);margin:.12rem 0 .45rem;font-size:.7rem}.ss-comp-lib-items{flex-direction:column;gap:.4rem;display:flex}.ss-comp-lib-entry{flex-direction:column;gap:.2rem;width:100%;min-width:0;display:flex}.ss-comp-lib-entry-drag{width:100%;min-width:0}.ss-comp-lib-entry-drag [class*=_DrawerItem-draggable],.ss-comp-lib-entry-drag [class*=_DrawerItem] [class*=draggable]:not([class*=Wrapper]):not([class*=Bg]):not([class*=Fg]){box-sizing:border-box;justify-content:space-between;gap:.4rem;width:100%;flex-wrap:nowrap!important;align-items:center!important;padding:.45rem .55rem!important;display:flex!important}.ss-comp-lib-entry-drag [class*=_DrawerItem-name],.ss-comp-lib-entry-drag [class*=DrawerItem-name]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:550;overflow:hidden}.ss-comp-lib-entry-drag [class*=_DrawerItem-icon],.ss-comp-lib-entry-drag [class*=DrawerItem-icon],.ss-comp-lib-entry-drag [class*=_DrawerItem-draggable]>:last-child{flex:none;align-items:center;line-height:0;display:inline-flex}.ss-comp-lib-item-desc{color:var(--ss-lib-fg-muted,#3f3f46);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:0 .15rem .1rem .55rem;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.ss-comp-lib-usecases{color:var(--ss-lib-fg-muted,#52525b);margin:0;padding:0 .15rem .15rem 1.35rem;font-size:.62rem;line-height:1.35}.ss-comp-lib-empty{color:var(--ss-lib-fg-subtle);margin:.5rem 0;font-size:.82rem}.ss-comp-lib-empty a{color:var(--ss-lib-accent)}.ss-comp-lib-sentinel{justify-content:center;align-items:center;min-height:2.75rem;padding:.65rem 0 1rem;display:flex}.ss-comp-lib-more{border:1px solid var(--ss-lib-line);background:var(--ss-lib-bg);color:var(--ss-lib-fg);cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-size:.72rem}.ss-comp-lib-more:hover{border-color:var(--ss-lib-accent);color:var(--ss-lib-accent)}.ss-comp-lib-loading,.ss-comp-lib-end{color:var(--ss-lib-fg-subtle);font-size:.72rem}.ss-comp-lib-loading{opacity:.85}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-page-tabs{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}.tpl-page-tabs .btn{border:1px solid var(--line);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tpl-page-tabs .btn{background:color-mix(in srgb, var(--fg) 4%, var(--panel))}}.tpl-page-tabs .btn{color:var(--fg)}.tpl-page-tabs .btn:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tpl-page-tabs .btn:hover{background:color-mix(in srgb, var(--fg) 8%, var(--panel))}}.tpl-page-tabs .btn.is-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tpl-page-tabs .btn.is-active{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}}.tpl-page-tabs .btn.is-active{background:var(--accent);color:var(--accent-fg);font-weight:600}.tpl-toolbar-row{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.75rem;display:flex}.tpl-style-field{color:var(--fg-muted,var(--fg-subtle));align-items:center;gap:.45rem;font-size:.75rem;display:inline-flex}.tpl-style-field .select{min-width:10rem;color:var(--fg);background:var(--panel);border:1px solid var(--line);padding:.3rem .5rem;font-size:.8rem}.catalog-stage .new-site-viewport-toggles,.tpl-toolbar-row .new-site-viewport-toggles{margin-top:0}.catalog-stage .new-site-viewport-btn,.tpl-toolbar-row .new-site-viewport-btn{color:var(--fg);background:0 0}.catalog-stage .new-site-viewport-btn:hover,.tpl-toolbar-row .new-site-viewport-btn:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.catalog-stage .new-site-viewport-btn:hover,.tpl-toolbar-row .new-site-viewport-btn:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.catalog-stage .new-site-viewport-btn:hover,.tpl-toolbar-row .new-site-viewport-btn:hover{color:var(--fg)}.catalog-stage .new-site-viewport-btn.is-active,.tpl-toolbar-row .new-site-viewport-btn.is-active,.new-site-preview-toolbar .new-site-viewport-btn.is-active{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:600}.tpl-preview-wrap{background:radial-gradient(circle at 1px 1px,#2a2a30 1px,#0000 0) 0 0/16px 16px,#0c0c0f;flex:1;justify-content:center;align-items:flex-start;min-height:420px;padding:1rem;display:flex;position:relative;overflow:auto}.tpl-preview-stage{justify-content:center;width:100%;display:flex}.tpl-preview-shell{overflow:hidden}.tpl-preview-device{transform-origin:0 0}.tpl-family-type-list{border:1px solid var(--line,var(--border,#e5e7eb));border-radius:8px;max-height:min(60vh,640px);margin-top:.75rem;padding:.5rem .75rem 1rem;overflow:auto}.tpl-family-type-row{cursor:pointer;color:var(--fg);align-items:flex-start;gap:.5rem;padding:.35rem 0;font-size:.85rem;display:flex}.tpl-family-cat+.tpl-family-cat{margin-top:.75rem}.smp-shell{border:1px solid var(--line);background:var(--panel);height:100%;min-height:420px;color:var(--fg);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:0;display:grid;overflow:hidden}@media (max-width:900px){.smp-shell{grid-template-rows:minmax(320px,1fr) auto;grid-template-columns:1fr}}.smp-main{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.smp-toolbar{border-bottom:1px solid var(--line);background:var(--fg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}@supports (color:color-mix(in lab, red, red)){.smp-toolbar{background:color-mix(in srgb, var(--fg) 3%, transparent)}}.smp-toolbar-left{align-items:center;gap:.45rem;font-size:.85rem;display:flex}.smp-count{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:.72rem}.smp-toolbar-actions{flex-wrap:wrap;gap:.35rem;display:flex}.smp-history{gap:.2rem;margin-left:.35rem;display:inline-flex}.smp-canvas{background:radial-gradient(circle at 1px 1px, var(--fg) 1px, transparent 0) 0 0 / 18px 18px;flex:1;padding:1rem 1.1rem 1.25rem;overflow:auto}@supports (color:color-mix(in lab, red, red)){.smp-canvas{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fg) 12%, transparent) 1px, transparent 0) 0 0 / 18px 18px}}.smp-empty{text-align:center;min-height:200px;color:var(--fg-muted,var(--fg-subtle));place-items:center;gap:.75rem;display:grid}.smp-branch{margin-left:calc(var(--smp-depth,0) * 1.25rem);margin-bottom:.45rem}.smp-children{border-left:2px solid var(--accent);margin-top:.45rem;padding-left:.65rem}@supports (color:color-mix(in lab, red, red)){.smp-children{border-left:2px solid color-mix(in srgb, var(--accent) 35%, var(--line))}}.smp-dnd-hint{color:var(--fg-muted);margin:0;padding:.35rem .85rem 0;font-size:.72rem;line-height:1.35}.smp-outline{flex-direction:column;gap:.35rem;min-height:120px;display:flex;position:relative}.smp-drop-line{z-index:5;background:var(--accent);pointer-events:none;height:3px;box-shadow:0 0 0 1px var(--accent);border-radius:2px;position:absolute}@supports (color:color-mix(in lab, red, red)){.smp-drop-line{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}}.smp-drop-line:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.smp-row{border:1px solid var(--line);background:var(--bg-elevated);color:var(--fg);cursor:grab;box-shadow:0 1px 0 var(--fg);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.5rem;padding-bottom:.5rem;padding-right:.7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.smp-row{box-shadow:0 1px 0 color-mix(in srgb, var(--fg) 4%, transparent)}}.smp-row{position:relative}.smp-row:active{cursor:grabbing}.smp-row.is-dragging{opacity:.35}.smp-row:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.smp-row:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.smp-row.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.smp-row.is-selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}}.smp-card{border:1px solid var(--line);background:var(--bg-elevated);color:var(--fg);cursor:grab;box-shadow:0 1px 0 var(--fg);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.smp-card{box-shadow:0 1px 0 color-mix(in srgb, var(--fg) 4%, transparent)}}.smp-card{position:relative}.smp-card:active{cursor:grabbing}.smp-card.is-dragging{opacity:.45}.smp-card.is-drop-before:before,.smp-card.is-drop-after:after{content:"";background:var(--accent);pointer-events:none;border-radius:2px;height:3px;position:absolute;left:.4rem;right:.4rem}.smp-card.is-drop-before:before{top:-2px}.smp-card.is-drop-after:after{bottom:-2px}.smp-card.is-drop-inside{outline:2px solid var(--accent);outline-offset:1px;background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.smp-card.is-drop-inside{background:color-mix(in srgb, var(--accent) 12%, var(--bg-elevated))}}.smp-card-grip{color:var(--fg-subtle);flex-shrink:0;display:inline-flex}.smp-nudge{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.3rem;display:flex}.smp-nudge-label{color:var(--fg-muted);margin-right:.25rem;font-size:.72rem}.smp-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.smp-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.smp-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.smp-card.is-selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}}.smp-card-main{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;min-width:0;display:flex}.smp-card-title{font-size:.9rem;font-weight:600}.smp-card-path{color:var(--fg-subtle);font-family:ui-monospace,monospace;font-size:.72rem}.smp-card-kind{text-transform:uppercase;letter-spacing:.04em;background:var(--accent);border-radius:999px;padding:.1rem .35rem;font-size:.65rem}@supports (color:color-mix(in lab, red, red)){.smp-card-kind{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.smp-card-kind{color:var(--accent)}.smp-card-actions{flex-shrink:0;gap:.25rem;display:flex}.smp-inspector{border-top:1px solid var(--line);background:var(--fg);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem;padding:.75rem .85rem;display:grid}@supports (color:color-mix(in lab, red, red)){.smp-inspector{background:color-mix(in srgb, var(--fg) 2%, transparent)}}.smp-inspector--compact{flex-direction:column;gap:.35rem;padding:.55rem .85rem;display:flex}.smp-inspector-hint{color:var(--fg-muted);margin:0;font-size:.72rem}.smp-lightbox-root{z-index:80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.smp-lightbox-backdrop{cursor:pointer;background:#0a0a0a73;border:0;position:absolute;inset:0}.smp-lightbox{z-index:1;border:1px solid var(--line);background:var(--panel);width:min(560px,100%);max-height:min(92vh,780px);color:var(--fg);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:visible;box-shadow:0 22px 56px #0000004d}.smp-lightbox-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.smp-lightbox-body{flex-direction:column;gap:.85rem;max-height:min(68vh,560px);padding:1rem 1.1rem;display:flex;overflow:auto}.smp-lightbox-body .ss-select{z-index:2;position:relative}.smp-lightbox-body .ss-select-panel,.smp-lightbox-body .ss-select-menu{z-index:95}.smp-lightbox-body .field{overflow:visible}.smp-lightbox-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.smp-ai{background:var(--accent);flex-direction:column;min-height:0;display:flex}@supports (color:color-mix(in lab, red, red)){.smp-ai{background:color-mix(in srgb, var(--accent) 6%, var(--bg-elevated))}}.smp-ai{color:var(--fg);border-left:1px solid var(--line)}.smp-ai-tabs{border-bottom:1px solid var(--line);gap:.25rem;padding:.5rem .65rem;display:flex}.smp-ai-tab{cursor:default;color:var(--fg-muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.smp-ai-tab.is-active{background:var(--accent);color:var(--accent-fg)}.smp-ai-body{color:var(--fg);flex-direction:column;gap:.65rem;padding:.85rem;display:flex;overflow:auto}.smp-ai-hint{color:var(--fg-muted);margin:0;font-size:.78rem;line-height:1.4}.smp-ai-context{color:var(--fg-subtle);margin:0;padding-left:1.1rem;font-size:.75rem}.smp-ai-actions{flex-direction:column;gap:.4rem;display:flex}.smp-ai-fieldset{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:8px;flex-direction:column;gap:.35rem;margin:0;padding:.55rem .65rem;display:flex}.smp-ai-fieldset legend{color:var(--fg);padding:0 .25rem;font-size:.72rem;font-weight:600}.smp-ai-radio{cursor:pointer;color:var(--fg);align-items:flex-start;gap:.4rem;font-size:.78rem;line-height:1.35;display:flex}.smp-ai-radio input{accent-color:var(--accent);margin-top:.15rem}.smp-ai-scope-hint{color:var(--fg-muted);font-size:.72rem;font-style:normal}.smp-ai-note{color:var(--fg-muted);font-size:.75rem}.new-site-form.is-sitemap{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.new-site-preview-pane.is-sitemap{flex-direction:column;padding:0;display:flex;overflow:hidden}.new-site-preview-pane.is-sitemap .smp-shell{border:0;border-radius:0;flex:1;min-height:0}.smp-choice-preview{flex-direction:column;height:100%;min-height:0;padding:1rem 1.1rem;display:flex;overflow:auto}.smp-choice-preview-head{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.smp-choice-preview-busy{color:var(--fg-muted);font-size:.9rem}.smp-choice-outline{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.smp-choice-outline li{border:1px solid var(--line);background:var(--bg-elevated);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;padding:.45rem .6rem;display:flex}.smp-choice-outline li span{color:var(--fg-subtle);font-family:ui-monospace,monospace;font-size:.72rem}.smp-choice-outline li em{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:.65rem;font-style:normal}.ss-sitemap-wrap{flex-direction:column;gap:.75rem;height:100%;min-height:0;display:flex}.ss-sitemap-wrap .smp-shell{flex:1;min-height:480px}.smp-view-toggle{gap:.25rem;margin-left:.35rem;display:inline-flex}.smp-canvas--flow{min-height:420px;padding:0;position:relative}.smp-flow-wrap{width:100%;height:100%;min-height:420px}.smp-flow-card{border:1px solid var(--line,#d4d4d8);background:var(--panel,#fff);border-radius:12px;width:240px;padding:.75rem .8rem .8rem;font-size:.78rem;line-height:1.35;box-shadow:0 2px 8px #0000000f}.smp-flow-card.is-home{border-color:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.smp-flow-card.is-home{border-color:color-mix(in srgb, var(--accent,#2563eb) 45%, var(--line))}}.smp-flow-card.is-home{background:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.smp-flow-card.is-home{background:color-mix(in srgb, var(--accent,#2563eb) 6%, var(--panel,#fff))}}.smp-flow-card.is-selected{border-color:var(--accent,#2563eb);box-shadow:0 0 0 2px var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.smp-flow-card.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#2563eb) 25%, transparent)}}.smp-flow-card-head{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.smp-flow-card-title{font-size:.9rem;font-weight:650}.smp-flow-card-kind{text-transform:uppercase;letter-spacing:.04em;background:var(--accent,#2563eb);border-radius:999px;padding:.12rem .35rem;font-size:.62rem}@supports (color:color-mix(in lab, red, red)){.smp-flow-card-kind{background:color-mix(in srgb, var(--accent,#2563eb) 12%, transparent)}}.smp-flow-card-kind{color:var(--accent,#2563eb)}.smp-flow-card-path{color:var(--fg-muted,#71717a);word-break:break-all;margin-top:.2rem;font-family:ui-monospace,monospace;font-size:.7rem}.smp-flow-card-meta{color:var(--fg-subtle,#a1a1aa);margin-top:.25rem;font-size:.72rem}.smp-flow-card-brief{color:var(--fg-muted,#71717a);margin:.4rem 0 0;font-size:.72rem}.smp-flow-wire{border-top:1px dashed var(--line);flex-direction:column;gap:.32rem;margin-top:.65rem;padding-top:.55rem;display:flex}@supports (color:color-mix(in lab, red, red)){.smp-flow-wire{border-top:1px dashed color-mix(in srgb, var(--line) 80%, transparent)}}.smp-flow-wire-box{border:1px solid var(--accent,#2563eb);border-radius:6px;min-height:1.35rem;padding:.28rem .45rem;display:block}@supports (color:color-mix(in lab, red, red)){.smp-flow-wire-box{border:1px solid color-mix(in srgb, var(--accent,#2563eb) 22%, var(--line))}}.smp-flow-wire-box{background:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.smp-flow-wire-box{background:color-mix(in srgb, var(--accent,#2563eb) 8%, var(--panel,#fff))}}.smp-flow-wire-box{color:var(--fg,#18181b);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:560;overflow:hidden}.smp-flow-wire--empty .smp-flow-wire-box{background:var(--fg-muted,#a1a1aa);border:0;min-height:.85rem;padding:0}@supports (color:color-mix(in lab, red, red)){.smp-flow-wire--empty .smp-flow-wire-box{background:color-mix(in srgb, var(--fg-muted,#a1a1aa) 14%, transparent)}}.smp-flow-handle{background:var(--accent,#2563eb)!important;border:0!important;width:8px!important;height:8px!important}.smp-wire-hint{color:var(--fg-muted);text-transform:none;letter-spacing:0;margin:0 0 .45rem;font-size:.72rem}.smp-wire-palette{flex-wrap:wrap;gap:.4rem;display:flex}.smp-wire-chip{appearance:none;border:1px solid var(--line);background:var(--bg-elevated,var(--panel));color:var(--fg);cursor:pointer;border-radius:999px;padding:.4rem .7rem;font-size:.75rem;font-weight:560;transition:border-color .12s,background .12s}.smp-wire-chip:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.smp-wire-chip:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.smp-wire-chip.is-on{background:var(--accent);color:var(--accent-fg,#fff);border-color:#0000}.new-site-form.is-sitemap{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:.85rem}.smp-choice-preview{background:radial-gradient(circle at 1px 1px, var(--fg) 1px, transparent 0) 0 0 / 18px 18px;flex-direction:column;height:100%;min-height:0;padding:1.15rem 1.25rem;display:flex;overflow:auto}@supports (color:color-mix(in lab, red, red)){.smp-choice-preview{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fg) 10%, transparent) 1px, transparent 0) 0 0 / 18px 18px}}.smp-choice-outline li{border:1px solid var(--line);background:var(--panel);box-shadow:0 1px 0 var(--fg);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;padding:.55rem .7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.smp-choice-outline li{box-shadow:0 1px 0 color-mix(in srgb, var(--fg) 4%, transparent)}}.new-site-wizard-nav{gap:.5rem;margin-top:.75rem;display:flex}.new-site-wizard-nav .new-site-submit{flex:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}