@font-face{font-family:fontMetrics;src:url(../media/PretendardVariable-s.2q4tlji06vjpz.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:fontMetrics Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.G5iZoq_className{font-family:fontMetrics,fontMetrics Fallback}
.uf-pwa-tools{gap:var(--uf-space-12);padding:var(--uf-space-12) max(var(--uf-space-16), env(safe-area-inset-right)) calc(var(--uf-space-12) + env(safe-area-inset-bottom)) max(var(--uf-space-16), env(safe-area-inset-left));border-top:var(--uf-border-width) solid var(--uf-border-subtle);background:var(--uf-bg);color:var(--uf-text);flex-wrap:wrap;align-items:center;display:flex}.uf-pwa-tools p{font-size:var(--uf-type-label);margin:0}.uf-pwa-network{gap:var(--uf-space-8);padding:calc(var(--uf-space-12) + env(safe-area-inset-top)) max(var(--uf-space-16), env(safe-area-inset-right)) var(--uf-space-12) max(var(--uf-space-16), env(safe-area-inset-left));background:var(--uf-warning-bg);color:var(--uf-warning);font-size:var(--uf-type-label);flex-wrap:wrap;display:flex}.uf-pwa-update{align-items:center;gap:var(--uf-space-12);font-size:var(--uf-type-label);flex-wrap:wrap;display:flex}.uf-pwa-guide p{overflow-wrap:anywhere}.uf-pwa-guide .uf-dialog-body>img{width:var(--uf-space-64);height:var(--uf-space-64)}.uf-pwa-tools,.uf-pwa-network,.uf-pwa-guide{touch-action:pan-y;min-width:0}@media (prefers-reduced-motion:reduce){.uf-pwa-guide,.uf-pwa-tools{scroll-behavior:auto;transition:none;animation:none}}body:has(.uf-site-foot) .uf-pwa-tools>.uf-button:first-child{display:none}body:has(.uf-site-foot) .uf-pwa-tools:not(:has(>:nth-child(2))){display:none}body:has(.uf-diorama-stage) .uf-pwa-tools{display:none}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--uf-font:"Pretendard Variable", var(--uf-font-fallback,"Pretendard"), -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--uf-min-target:44px;--uf-border-width:1px;--uf-selected-border-width:2px;--uf-focus-width:3px;--uf-type-body:16px;--uf-type-label:14px;--uf-type-caption:12px;--uf-type-h3:20px;--uf-type-h1:32px;--uf-type-h2:24px;--uf-line-height-body:1.65;--uf-line-height-heading:1.35;--uf-weight-medium:500;--uf-weight-semibold:600;--uf-icon-size:20px;--uf-brand-symbol-size:40px;--uf-theme-field-min:160px;--uf-dialog-max-height:min(85dvh, 720px);--uf-scrim:#23272a80;--uf-accent-text:#23272a;--uf-z-sticky:20;--uf-z-menu:40;--uf-z-dialog:70;--uf-bg:#f6f5f0;--uf-surface:#fff;--uf-surface-subtle:#eeefea;--uf-surface-raised:#fff;--uf-text:#23272a;--uf-text-secondary:#59636c;--uf-text-inverse:#fff;--uf-brand:#3f55d9;--uf-brand-hover:#3346b8;--uf-brand-pressed:#2b3b9e;--uf-brand-text:#fff;--uf-accent-butter:#f6df88;--uf-accent-mint:#dcebdd;--uf-accent-lilac:#e8e0f4;--uf-accent-sky:#dce9f5;--uf-accent-text-secondary:#3e4850;--uf-border:#7f8992;--uf-border-subtle:#dde0db;--uf-focus:#3f55d9;--uf-danger:#a32c38;--uf-danger-bg:#fcecee;--uf-success:#2f5c3b;--uf-success-bg:#eaf2e8;--uf-warning:#745116;--uf-warning-bg:#fbf0cc;--uf-selection:#e8e0f4;--uf-grid:#dfe3dc;--uf-space-0:0px;--uf-space-4:4px;--uf-space-8:8px;--uf-space-12:12px;--uf-space-16:16px;--uf-space-24:24px;--uf-space-32:32px;--uf-space-48:48px;--uf-space-64:64px;--uf-space-96:96px;--uf-space-128:128px;--uf-radius-small:6px;--uf-radius-field:10px;--uf-radius-card:16px;--uf-radius-panel:24px;--uf-radius-pill:999px;--uf-shadow-card:0 3px 12px #23272a06;--uf-shadow-popover:0 12px 32px #23272a1f;--uf-shadow-lifted:0 8px 20px #23272a0f;--uf-motion-instant:0s;--uf-motion-fast:.12s;--uf-motion-standard:.18s;--uf-motion-panel:.24s;--uf-ease:cubic-bezier(.2,.8,.2,1);--uf-content-max:1200px;--uf-target:48px;--uf-canvas-row:24px;--uf-canvas-max:1600px;--uf-canvas-phone-preview:390px;--uf-canvas-desktop-preview:768px;--uf-canvas-preview-select:180px;--uf-canvas-photo-height:128px;--uf-reading-max:760px;--uf-desktop-nav:232px;--uf-desktop-inspector:320px;--uf-chart-min-height:180px;--uf-dialog-max:560px;--uf-preview-min-height:400px;--uf-json-editor-height:320px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--uf-bg:#1b2024;--uf-surface:#252b30;--uf-surface-subtle:#20262b;--uf-surface-raised:#30373d;--uf-text:#f6f5f0;--uf-text-secondary:#bcc5ca;--uf-text-inverse:#1b2024;--uf-brand:#a9b5ff;--uf-brand-hover:#b9c3ff;--uf-brand-pressed:#96a5f4;--uf-brand-text:#1b2024;--uf-accent-butter:#f6df88;--uf-accent-mint:#c4dfc9;--uf-accent-lilac:#d2c3eb;--uf-accent-sky:#bdd7ec;--uf-accent-text-secondary:#3e4850;--uf-border:#8b989f;--uf-border-subtle:#414a52;--uf-focus:#a9b5ff;--uf-danger:#ffacb1;--uf-danger-bg:#44272d;--uf-success:#b9dcc0;--uf-success-bg:#253c2d;--uf-warning:#f6df88;--uf-warning-bg:#433a22;--uf-selection:#424463;--uf-grid:#3c464a}*,:before,:after{box-sizing:border-box}body{background:var(--uf-bg);color:var(--uf-text);font:400 16px/1.65 var(--uf-font);margin:0}button,input,select,textarea{font:inherit}a{color:var(--uf-brand);text-underline-offset:3px}.uf-number{font-variant-numeric:tabular-nums}.uf-hero{letter-spacing:-.04em;word-break:keep-all;margin:0;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.14}.uf-h1{letter-spacing:-.025em;font-size:32px;font-weight:700;line-height:1.3}.uf-h2{letter-spacing:-.02em;font-size:24px;font-weight:650;line-height:1.35}.uf-caption{color:var(--uf-text-secondary);font-size:12px;line-height:1.5}.uf-label{font-size:14px;font-weight:600;line-height:1.5}.uf-muted{color:var(--uf-text-secondary)}.uf-button{min-height:var(--uf-target);border-radius:var(--uf-radius-field);background:var(--uf-brand);color:var(--uf-brand-text);cursor:pointer;transition:background var(--uf-motion-fast) var(--uf-ease), box-shadow var(--uf-motion-fast) var(--uf-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.uf-button:hover{background:var(--uf-brand-hover)}.uf-button:active{background:var(--uf-brand-pressed)}.uf-button--secondary{color:var(--uf-text);background:var(--uf-surface);border-color:var(--uf-border)}.uf-button--secondary:hover,.uf-button--secondary:active{background:var(--uf-surface-subtle)}.uf-button--danger,.uf-button--danger:hover,.uf-button--danger:active{background:var(--uf-danger);color:var(--uf-bg)}.uf-button[disabled],.uf-button[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.uf-field{width:100%;min-height:var(--uf-target);border:1px solid var(--uf-border);border-radius:var(--uf-radius-field);background:var(--uf-surface);color:var(--uf-text);padding:10px 12px;font-size:16px}.uf-field::placeholder{color:var(--uf-text-secondary);opacity:1}.uf-field[aria-invalid=true]{border:2px solid var(--uf-danger)}.uf-error{color:var(--uf-danger);align-items:center;gap:6px;font-size:14px;display:flex}.uf-card{border:1px solid var(--uf-border-subtle);border-radius:var(--uf-radius-card);background:var(--uf-surface);box-shadow:var(--uf-shadow-card);padding:20px}.uf-card[data-selected=true]{border:2px solid var(--uf-focus);padding:19px}.uf-card--butter{background:var(--uf-accent-butter);color:var(--uf-accent-text)}.uf-card--mint{background:var(--uf-accent-mint);color:var(--uf-accent-text)}.uf-card--lilac{background:var(--uf-accent-lilac);color:var(--uf-accent-text)}.uf-card--butter .uf-caption,.uf-card--butter .uf-muted,.uf-card--mint .uf-caption,.uf-card--mint .uf-muted,.uf-card--lilac .uf-caption,.uf-card--lilac .uf-muted{color:var(--uf-accent-text-secondary)}.uf-badge{border-radius:var(--uf-radius-pill);background:var(--uf-surface-subtle);color:var(--uf-text);gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.uf-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.uf-sr-only{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--uf-focus);outline-offset:3px}@media (max-width:767px){.uf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.uf-card{padding:16px}.uf-card[data-selected=true]{padding:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--uf-ui-body:14px;--uf-ui-title:28px;--uf-shell-header:64px;--uf-shell-mobile-header:56px;--uf-shell-logo:144px;--uf-shell-sidebar:232px;--uf-shell-inspector:288px;--uf-control-height:40px;--uf-control-press:1px;--uf-menu-chevron:6px;--uf-icon-stroke:1.5px;--uf-menu-width:240px;--uf-page-cover-height:144px;--uf-search-width:360px;--uf-table-min-width:640px;--uf-table-action-width:144px;--uf-type-input-mobile:16px;--uf-marketing-canvas:var(--uf-surface);--uf-marketing-subtle:#f7f7f5;--uf-marketing-border:#e5e6e3;--uf-marketing-primary:var(--uf-text);--uf-marketing-primary-hover:#363b3e;--uf-marketing-max:1120px;--uf-marketing-hero:48px;--uf-marketing-hero-mobile:36px;--uf-marketing-heading:28px;--uf-marketing-lead:18px;--uf-marketing-header:72px;--uf-marketing-sidebar:184px;--uf-marketing-goal:204px;--uf-marketing-section-label:272px;--uf-marketing-radius:6px;--uf-marketing-preview-radius:12px;--uf-motion-press:.14s;--uf-motion-quick:.18s;--uf-motion-morph:.32s;--uf-motion-emphasis:.42s;--uf-motion-stagger:60ms;--uf-ease-out:cubic-bezier(.23, 1, .32, 1);--uf-ease-in-out:cubic-bezier(.77, 0, .175, 1);--uf-ease-drawer:cubic-bezier(.32, .72, 0, 1);--uf-ease-snap:linear(0, .36 9%, .74 19%, .98 30%, 1.07 40%, 1.06 52%, 1.01 66%, 1);--uf-press-scale:.97;--uf-rise:16px;--uf-vfx-morph-blur:3px;--uf-vfx-tab-notch:14px;--uf-vfx-tab-rise:40px;--uf-vfx-tab-rise-mobile:32px;--uf-vfx-perforation:4px;--uf-vfx-scallop:10px;--uf-vfx-count-shift:.6em;--uf-grid-blocked:#ff8a6b;--uf-map-me:#ff6a4d;--uf-map-me-edge:#fff;--uf-map-me-shade:#10121e80;--uf-field-butter:#f6df88;--uf-field-mint:#dcebdd;--uf-field-lilac:#e8e0f4;--uf-field-sky:#dce9f5;--uf-field-cobalt:#3f55d9;--uf-field-paper:#fff;--uf-field-ink:#23272a;--uf-spirit-butter:var(--uf-field-butter);--uf-spirit-mint:var(--uf-field-mint);--uf-spirit-lilac:var(--uf-field-lilac);--uf-spirit-sky:var(--uf-field-sky);--uf-spirit-cobalt:var(--uf-field-cobalt);--uf-spirit-white:var(--uf-field-paper);--uf-spirit-cream:#fbf0cc;--uf-spirit-pink:#f7d3db;--uf-resident-cloth-butter:#d9ae4a;--uf-resident-cloth-mint:#8db597;--uf-resident-cloth-lilac:#a595c7;--uf-resident-cloth-sky:#7fa6c9;--uf-resident-cloth-cobalt:#4a5fd6;--uf-resident-cloth-white:#ece8de;--uf-resident-cloth-cream:#e4d3a2;--uf-resident-cloth-pink:#de9daa;--uf-resident-cloth-tomato:#d9725c;--uf-resident-cloth-cocoa:#9a7258;--uf-resident-hair-ink:#2e2a2b;--uf-resident-hair-chestnut:#8c4e2f;--uf-resident-hair-honey:#d9a85c;--uf-resident-hair-berry:#e59ab0;--uf-resident-hair-mint:#86c7b3;--uf-resident-hair-silver:#c9cbd4;--uf-resident-skin:#f3cda8;--uf-resident-hair:#5b3b29;--uf-resident-cheek:#f0a29c;--uf-resident-ink:#2a2522;--uf-resident-trousers:#5e5a57;--uf-resident-shoes:#3b302a;--uf-resident-straw:#d6b573;--uf-resident-dark:#3a3d42;--uf-resident-flower:#f3efe6;--uf-resident-leather:#8a5a3a;--uf-resident-scarf:#c65a43;--uf-resident-brass:#b8924a;--uf-resident-denim:#56708f;--uf-resident-chino:#cbb894;--uf-resident-sole:#f1ede4;--uf-resident-canvas:#e6dfd0;--uf-resident-tote:#efe6cf;--uf-resident-nose:#e6926c;--uf-resident-eye-white:#fbf8f1;--uf-resident-boots:#8b5636;--uf-resident-tongue:#e77f86;--uf-resident-frog:#8dc07e;--uf-resident-balloon:#ef8a8c;--uf-resident-petal:#f2c6d0;--uf-resident-petal-2:#fbf3e4;--uf-resident-leaf:#7fa36a;--uf-resident-gold:#e8c15a;--uf-ride-frame:#d46a4f;--uf-ride-tyre:#34373b;--uf-ride-seat:#6b4a36;--uf-ride-metal:#b9bdc2;--uf-ride-glass:#cfe3ec;--uf-ride-canvas:#f1e7d3;--uf-ride-wood:#a8754f;--uf-ride-lamp:#ffe3a3;--uf-ride-flame:#8fd7ff;--uf-hood-meadow-0:#8e6f55;--uf-hood-meadow-1:#6f8467;--uf-hood-meadow-2:#a0745f;--uf-hood-meadow-3:#7c7a9a;--uf-hood-meadow-4:#b08f5a;--uf-hood-meadow-5:#5f7f86;--uf-hood-archipelago-0:#4f7c93;--uf-hood-archipelago-1:#a4645a;--uf-hood-archipelago-2:#6e8c80;--uf-hood-archipelago-3:#c29a5b;--uf-hood-archipelago-4:#7a6e95;--uf-hood-archipelago-5:#5d8fa3;--uf-hood-skygarden-0:#a48dbe;--uf-hood-skygarden-1:#d59c8e;--uf-hood-skygarden-2:#8eafc9;--uf-hood-skygarden-3:#c9a86a;--uf-hood-skygarden-4:#9db59a;--uf-hood-skygarden-5:#c38fa8;--uf-hood-cosmos-0:#5e86a8;--uf-hood-cosmos-1:#b8865a;--uf-hood-cosmos-2:#7e9c8e;--uf-hood-cosmos-3:#9a7bb0;--uf-hood-cosmos-4:#6fa3a0;--uf-hood-cosmos-5:#b07a7a;--uf-field-on-light:#23272a;--uf-field-on-cobalt:#fff;--uf-field-on-ink:#f6f5f0;--uf-field-ground:#23272a;--uf-field-stack-offset:64px;--uf-field-stack-offset-mobile:44px;--uf-world-flat-meadow:var(--uf-field-mint);--uf-world-flat-archipelago:var(--uf-field-sky);--uf-world-flat-skygarden:var(--uf-field-lilac);--uf-world-flat-cosmos:var(--uf-field-ink);--uf-marketing-display:clamp(40px, 5vw, 76px);--uf-marketing-title:clamp(30px, 3vw, 46px);--uf-marketing-statement:20px;--uf-marketing-body:17px;--uf-marketing-small:14px;--uf-marketing-wide:1280px;--uf-marketing-gutter:clamp(16px, 3vw, 40px);--uf-marketing-section:clamp(72px, 8vw, 128px);--uf-marketing-micro:13px;--uf-marketing-figure:32px;--uf-marketing-figure-small:24px;--uf-marketing-sheet:600px;--uf-marketing-slip:480px;--uf-marketing-dialog:440px;--uf-marketing-cell:72px;--uf-marketing-cell-mobile:60px;--uf-marketing-panel-radius:20px;--uf-marketing-inner-radius:12px;--uf-marketing-pill:999px;--uf-marketing-weight-display:600;--uf-marketing-weight-title:600;--uf-marketing-weight-strong:600;--uf-marketing-step:clamp(22px, 2vw, 28px);--uf-marketing-figure-large:clamp(72px, 9vw, 128px);--uf-marketing-print:clamp(72px, 11vw, 168px);--uf-marketing-window-shadow:0 1px 2px #23272a0f, 0 16px 40px #23272a1a;--uf-marketing-sheet-radius:28px;--uf-marketing-sky-radius:32px;--uf-social-kakao:#fee500;--uf-social-kakao-ink:#000000d9;--uf-social-naver:#03c75a;--uf-social-naver-ink:#fff;--uf-world-trunk:#3b2a1a;--uf-world-sand:#fff3d6;--uf-world-rock:#6a5a7a;--uf-world-rock-deep:#2c2238;--uf-room-scrim:#06081429;--uf-room-sheet-radius:28px;--uf-room-sheet-radius-mobile:22px;--uf-room-horizon:232px;--uf-room-horizon-mobile:214px;--uf-sky-cosmos-day-ink:#f3f1ff;--uf-sky-cosmos-day-veil:#0a0e28;--uf-sky-cosmos-day-base:#473f55;--uf-sky-cosmos-dusk-ink:#fff1ec;--uf-sky-cosmos-dusk-veil:#240a12;--uf-sky-cosmos-dusk-base:#352d53;--uf-sky-cosmos-night-ink:#f6f5f0;--uf-sky-cosmos-night-veil:#0a090e;--uf-sky-cosmos-night-base:#2e345c;--uf-sky-meadow-day-ink:#17331a;--uf-sky-meadow-day-veil:#f4fae2;--uf-sky-meadow-day-base:#728137;--uf-sky-meadow-dusk-ink:#2e2a12;--uf-sky-meadow-dusk-veil:#fcf4dc;--uf-sky-meadow-dusk-base:#57603b;--uf-sky-meadow-night-ink:#ecf6e6;--uf-sky-meadow-night-veil:#041608;--uf-sky-meadow-night-base:#406147;--uf-sky-archipelago-day-ink:#fff;--uf-sky-archipelago-day-veil:#042840;--uf-sky-archipelago-day-base:#509096;--uf-sky-archipelago-dusk-ink:#fff4fa;--uf-sky-archipelago-dusk-veil:#280e34;--uf-sky-archipelago-dusk-base:#757882;--uf-sky-archipelago-night-ink:#eef2ff;--uf-sky-archipelago-night-veil:#040a24;--uf-sky-archipelago-night-base:#192840;--uf-sky-skygarden-day-ink:#2a2f4a;--uf-sky-skygarden-day-veil:#f6f7ff;--uf-sky-skygarden-day-base:#c1c1b6;--uf-sky-skygarden-dusk-ink:#3a2140;--uf-sky-skygarden-dusk-veil:#fff4f8;--uf-sky-skygarden-dusk-base:#b89eaa;--uf-sky-skygarden-night-ink:#f1eeff;--uf-sky-skygarden-night-veil:#121646;--uf-sky-skygarden-night-base:#304474;--uf-media-scrim:#0a0c10f0;--uf-media-ink:#f6f5f0;--uf-media-sleeve:#ffffff8c;--uf-capsule-soil:#8a6a4f;--uf-capsule-soil-deep:#5c4433;--uf-capsule-wax:#b8443a;--uf-capsule-glass:#cfe6e4;--uf-capsule-tin:#b9bec4;--uf-capsule-wood:#a8754f;--uf-capsule-shell:#ebd9c8;--uf-capsule-pod:#9db27a;--uf-capsule-star:#e9d38a;--uf-capsule-glow:#ffe7a8;--uf-cs-bar-thickness:8px;--uf-cs-bar-end-radius:4px;--uf-cs-value-min:3ch;--uf-cs-pop-min:216px}
.uf-skip{top:var(--uf-space-8);left:var(--uf-space-8);z-index:70;background:var(--uf-surface);padding:var(--uf-space-12);position:fixed;transform:translateY(-200%)}.uf-skip:focus{transform:none}button,select,summary{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}img{max-width:100%}.uf-logo{min-height:var(--uf-target);flex-shrink:0;align-items:center;display:inline-flex}.uf-logo img{width:168px;height:auto}.uf-logo--symbol img{width:var(--uf-brand-symbol-size)}.uf-logo-dark,[data-theme=dark] .uf-logo-light{display:none}[data-theme=dark] .uf-logo-dark{display:block}.uf-site-header{justify-content:space-between;align-items:center;gap:var(--uf-space-16);min-height:var(--uf-space-96);padding:var(--uf-space-16) var(--uf-space-48);border-bottom:1px solid var(--uf-border-subtle);background:var(--uf-bg);display:flex}.uf-text-link{color:var(--uf-text);min-height:var(--uf-target);align-items:center;display:inline-flex}.uf-header-actions{align-items:center;gap:var(--uf-space-24);display:flex}.uf-landing{max-width:var(--uf-content-max);padding:var(--uf-space-64) var(--uf-space-32);margin:auto}.uf-intro{gap:var(--uf-space-48);grid-template-columns:1fr 1.4fr;align-items:center;display:grid}.uf-eyebrow{letter-spacing:.08em;color:var(--uf-text-secondary);margin:0 0 var(--uf-space-16);font-size:12px;font-weight:650}.uf-lead{margin-top:var(--uf-space-24);font-size:20px;font-weight:500}.uf-intro-copy .uf-button{margin-top:var(--uf-space-24)}.uf-intro-copy .uf-caption{margin-top:var(--uf-space-16)}.uf-space-preview{border:1px solid var(--uf-border);border-radius:var(--uf-radius-panel);background:var(--uf-surface);box-shadow:var(--uf-shadow-lifted);overflow:hidden}.uf-preview-heading{padding:var(--uf-space-24);border-bottom:1px solid var(--uf-border-subtle);justify-content:space-between;font-weight:600;display:flex}.uf-preview-body{min-height:var(--uf-preview-min-height);grid-template-columns:1fr 2fr;display:grid}.uf-preview-body nav{padding:var(--uf-space-16);background:var(--uf-surface-subtle);font-size:12px}.uf-preview-body nav p{margin-bottom:var(--uf-space-24)}.uf-indent{padding-left:var(--uf-space-8)}.uf-indent-deep{padding-left:var(--uf-space-16)}.uf-preview-page{padding:var(--uf-space-24);min-width:0}.uf-preview-page h2{letter-spacing:-.02em;font-size:24px;line-height:1.35}.uf-preview-page>p:not(.uf-caption){font-size:14px}.uf-preview-cards{gap:var(--uf-space-16);margin-top:var(--uf-space-32);display:grid}.uf-preview-cards p{margin-bottom:0}.uf-story{padding:var(--uf-space-96) 0 var(--uf-space-32);max-width:var(--uf-reading-max)}.uf-story h2{letter-spacing:-.025em;font-size:32px;line-height:1.3}.uf-feature{color:var(--uf-brand);font-size:24px;font-weight:600}.uf-footer{border-top:1px solid var(--uf-border-subtle);justify-content:space-between;gap:var(--uf-space-24);padding:var(--uf-space-32) var(--uf-space-48);color:var(--uf-text-secondary);font-size:12px;display:flex}.uf-sandbox{background:var(--uf-bg);min-height:100dvh;color:var(--uf-text)}.uf-sandbox-notice{padding:var(--uf-space-12) var(--uf-space-32);background:var(--uf-accent-lilac);color:var(--uf-accent-text-secondary);gap:var(--uf-space-16);align-items:center;font-size:14px;display:flex}.uf-sandbox-notice strong{flex-shrink:0}.uf-workspace{grid-template-columns:var(--uf-desktop-nav) minmax(0, 1fr);display:grid}.uf-sidebar{padding:var(--uf-space-32) var(--uf-space-16);border-right:1px solid var(--uf-border-subtle)}.uf-page-link{gap:var(--uf-space-8);width:100%;min-height:var(--uf-target);padding:var(--uf-space-12);border-radius:var(--uf-radius-field);text-align:left;background:0 0;border:1px solid #0000;font-size:14px;display:flex}.uf-page-link[aria-current=page]{border-color:var(--uf-border);background:var(--uf-surface);font-weight:600}.uf-page-link:hover{background:var(--uf-surface-subtle)}.uf-sidebar-note{margin:var(--uf-space-48) var(--uf-space-12);border-top:1px solid var(--uf-border-subtle);padding-top:var(--uf-space-16)}.uf-canvas-main{min-width:0;padding:var(--uf-space-32)}.uf-breadcrumb{flex-wrap:wrap;align-items:center;font-size:12px;display:flex}.uf-breadcrumb button{padding:var(--uf-space-8);min-height:var(--uf-target);color:var(--uf-text-secondary);background:0 0;border:none}.uf-page-title{justify-content:space-between;align-items:center;gap:var(--uf-space-16);margin:var(--uf-space-32) 0;display:flex}.uf-page-title h1{letter-spacing:-.025em;margin:0;font-size:32px;line-height:1.3}.uf-page-title .uf-badge{flex-shrink:0}.uf-page-title p{margin-bottom:0}.uf-page-title .uf-eyebrow{margin-bottom:var(--uf-space-12)}.uf-controls{align-items:center;gap:var(--uf-space-8);flex-wrap:wrap;display:flex}.uf-toolbar{padding:var(--uf-space-16) 0;border-top:1px solid var(--uf-border-subtle);border-bottom:1px solid var(--uf-border-subtle)}.uf-toolbar .uf-button{padding:var(--uf-space-8) var(--uf-space-12);font-size:14px}.uf-view-controls{margin-top:var(--uf-space-16);align-items:flex-end}.uf-view-controls label{gap:var(--uf-space-4);min-width:0;display:grid}.uf-view-controls .uf-field,.uf-view-controls .uf-button{font-size:14px}.uf-local-status{padding:var(--uf-space-12) var(--uf-space-16);border-left:2px solid var(--uf-brand);background:var(--uf-surface);font-size:14px}.uf-canvas-grid{gap:var(--uf-space-16);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.uf-canvas-card{grid-column:span var(--uf-block-span,4);flex-direction:column;min-width:0;display:flex;position:relative}.uf-layout-mobile{max-width:var(--uf-dialog-max);grid-template-columns:minmax(0,1fr)}.uf-layout-mobile .uf-canvas-card{grid-column:1}.uf-canvas-card[data-dragging=true]{z-index:10;box-shadow:var(--uf-shadow-popover);opacity:.7}.uf-card-heading{justify-content:space-between;align-items:start;gap:var(--uf-space-8);margin-bottom:var(--uf-space-16);display:flex}.uf-card-heading h2{margin:0;font-size:16px;font-weight:600;line-height:1.5}.uf-handle,.uf-icon-button{background:var(--uf-surface);color:var(--uf-text);border:1px solid var(--uf-border);border-radius:var(--uf-radius-small);height:var(--uf-target);min-width:var(--uf-target);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.uf-handle{touch-action:none;cursor:grab;font-size:24px}.uf-card-edit{padding-top:var(--uf-space-24);justify-content:space-between;gap:var(--uf-space-8);align-items:center;margin-top:auto;display:flex}.uf-move-buttons{gap:var(--uf-space-4);display:flex}.uf-icon-button:disabled{opacity:.4}.uf-size-select{border:1px solid var(--uf-border);min-height:var(--uf-target);background:var(--uf-surface);color:var(--uf-text);border-radius:var(--uf-radius-small);padding:var(--uf-space-8);max-width:100%;display:block}.uf-surface-butter,.uf-surface-cream{background:var(--uf-accent-butter);color:var(--uf-accent-text-secondary)}.uf-surface-mint{background:var(--uf-accent-mint);color:var(--uf-accent-text-secondary)}.uf-surface-lilac,.uf-surface-lavender{background:var(--uf-accent-lilac);color:var(--uf-accent-text-secondary)}.uf-surface-cobalt{background:var(--uf-brand);color:var(--uf-brand-text)}.uf-canvas-card .uf-caption{color:inherit}.uf-metric-value{font-variant-numeric:tabular-nums;margin:var(--uf-space-24) 0;font-size:32px;font-weight:600;line-height:1.3}.uf-metric-value span{margin-left:var(--uf-space-8);font-size:16px}.uf-canvas-card form{gap:var(--uf-space-8);display:grid}.uf-canvas-card form p{margin:0}.uf-canvas-card form .uf-button{font-size:14px}.uf-chart{margin:0}.uf-bars{align-items:end;gap:var(--uf-space-12);height:var(--uf-chart-min-height);padding:var(--uf-space-24) 0;border-bottom:1px solid var(--uf-border);display:flex}.uf-bars span{background:var(--uf-brand);border:1px solid var(--uf-text);border-radius:var(--uf-radius-small) var(--uf-radius-small) 0 0;width:25%}.uf-chart figcaption{margin-top:var(--uf-space-16);font-size:14px}details summary{min-height:var(--uf-target);padding:var(--uf-space-12) 0}.uf-chart details{font-size:14px}.uf-example-row{gap:var(--uf-space-16);padding:var(--uf-space-16);border-block:1px solid var(--uf-border-subtle);flex-wrap:wrap;display:flex}.uf-state-panel{padding:var(--uf-space-32);border:1px solid var(--uf-border);border-radius:var(--uf-radius-card);margin-block:var(--uf-space-24);background:var(--uf-surface)}.uf-state-panel h2{margin-top:0;font-size:24px}.uf-state-error{border-color:var(--uf-danger);background:var(--uf-danger-bg)}.uf-state-conflict,.uf-state-offline{border-color:var(--uf-warning);background:var(--uf-warning-bg)}.uf-skeletons{gap:var(--uf-space-16);display:grid}.uf-skeletons i{height:var(--uf-space-64);background:var(--uf-surface-subtle);border-radius:var(--uf-radius-small)}.uf-inspector{margin-top:var(--uf-space-48);border-top:1px solid var(--uf-border);padding-top:var(--uf-space-16)}.uf-json{height:var(--uf-json-editor-height);margin:var(--uf-space-16) 0;resize:vertical;font-family:ui-monospace,monospace;font-size:12px}.uf-issues{padding-left:var(--uf-space-24)}.uf-issues li{margin:var(--uf-space-16) 0;overflow-wrap:anywhere}.uf-issues code{color:var(--uf-danger);font-size:12px}.uf-stage-note{margin-top:var(--uf-space-48)}.uf-connection{max-width:var(--uf-reading-max);padding:var(--uf-space-64) var(--uf-space-24);margin:auto}.uf-connection-list{margin-block:var(--uf-space-32)}.uf-connection-list div{padding-block:var(--uf-space-16);border-bottom:1px solid var(--uf-border-subtle)}.uf-connection-list dt{font-weight:600}.uf-connection-list dd{margin:var(--uf-space-8) 0 0;color:var(--uf-text-secondary)}@media (max-width:1199px){.uf-canvas-grid:not(.uf-layout-mobile) .uf-canvas-card{grid-column:span 6}.uf-workspace{grid-template-columns:minmax(0,1fr)}.uf-sidebar{border-right:0;border-bottom:1px solid var(--uf-border-subtle);padding:var(--uf-space-16) var(--uf-space-32)}.uf-sidebar nav{gap:var(--uf-space-8);flex-wrap:wrap;display:flex}.uf-sidebar .uf-eyebrow{margin-bottom:var(--uf-space-8)}.uf-page-link{width:auto}.uf-sidebar-note,.uf-sidebar>a{display:none}}@media (max-width:767px){.uf-site-header{padding:var(--uf-space-16);min-height:var(--uf-space-64)}.uf-logo:not(.uf-logo--symbol) img{width:144px}.uf-header-actions{gap:var(--uf-space-8)}.uf-header-actions .uf-badge{display:none}.uf-landing{padding:var(--uf-space-48) var(--uf-space-24)}.uf-intro{gap:var(--uf-space-48);grid-template-columns:minmax(0,1fr)}.uf-intro-copy .uf-lead{font-size:16px}.uf-preview-body{grid-template-columns:minmax(0,1fr)}.uf-preview-body nav{display:none}.uf-preview-page{padding:var(--uf-space-24)}.uf-story{padding-top:var(--uf-space-64)}.uf-footer{padding:var(--uf-space-24);gap:var(--uf-space-8);flex-direction:column}.uf-sandbox-notice{padding:var(--uf-space-16);align-items:start;gap:var(--uf-space-4);flex-direction:column}.uf-sidebar,.uf-canvas-main{padding:var(--uf-space-16)}.uf-page-title{margin:var(--uf-space-24) 0;flex-direction:column;align-items:start}.uf-page-title h1{font-size:24px}.uf-controls>label{flex:100%}.uf-view-controls select{font-size:16px}.uf-canvas-grid{gap:var(--uf-space-16);grid-template-columns:minmax(0,1fr)}.uf-canvas-card,.uf-canvas-grid:not(.uf-layout-mobile) .uf-canvas-card{grid-column:1}.uf-canvas-card{padding:var(--uf-space-16)}.uf-state-panel{padding:var(--uf-space-24)}.uf-state-panel h2{font-size:20px}.uf-connection{padding-top:var(--uf-space-48)}}.uf-canvas-content{background:0 0;border:0;padding:0}
.uf-button{min-height:var(--uf-target);min-width:var(--uf-min-target);max-width:100%;padding:var(--uf-space-12) var(--uf-space-24);gap:var(--uf-space-8);border-width:var(--uf-border-width);font-size:var(--uf-type-label);font-weight:var(--uf-weight-semibold);line-height:var(--uf-line-height-heading);overflow-wrap:anywhere;position:relative}.uf-button--primary{background:var(--uf-brand);color:var(--uf-brand-text)}.uf-button--primary:hover:not(:disabled){background:var(--uf-brand-hover)}.uf-button--primary:active:not(:disabled){background:var(--uf-brand-pressed)}.uf-button--secondary{background:var(--uf-surface);border-color:var(--uf-border);color:var(--uf-text)}.uf-button--secondary:hover:not(:disabled),.uf-button--secondary:active:not(:disabled){background:var(--uf-surface-subtle)}.uf-button--ghost{color:var(--uf-text);background:0 0;border-color:#0000}.uf-button--ghost:hover:not(:disabled),.uf-button--ghost:active:not(:disabled){background:var(--uf-surface-subtle)}.uf-button--danger{background:var(--uf-danger);color:var(--uf-bg)}.uf-button--danger:hover:not(:disabled),.uf-button--danger:active:not(:disabled){background:var(--uf-danger)}.uf-button--compact{min-height:var(--uf-min-target);padding:var(--uf-space-8) var(--uf-space-12)}.uf-button--icon{width:var(--uf-target);padding:var(--uf-space-8);font-size:var(--uf-icon-size);flex-shrink:0}.uf-button:disabled,.uf-button[aria-disabled=true]{opacity:1;background:var(--uf-surface-subtle);border-color:var(--uf-border);color:var(--uf-text-secondary);cursor:not-allowed}.uf-button[data-loading=true]{color:var(--uf-text)}.uf-button-spinner{width:var(--uf-space-12);height:var(--uf-space-12);border:var(--uf-selected-border-width) solid currentColor;border-radius:var(--uf-radius-pill);border-inline-end-color:#0000;position:absolute;inset-inline-end:var(--uf-space-4)}.uf-field-group{gap:var(--uf-space-8);min-width:0;display:grid}.uf-field-label{color:var(--uf-text);font-size:var(--uf-type-label);display:block}.uf-field-group .uf-field{width:100%;min-width:0;font-size:var(--uf-type-body);min-height:var(--uf-target);padding:var(--uf-space-12)}.uf-field-group .uf-field:disabled{color:var(--uf-text-secondary);background:var(--uf-surface-subtle);cursor:not-allowed}.uf-field-group .uf-field[readonly]{background:var(--uf-surface-subtle)}.uf-field-group .uf-field[aria-invalid=true]{border-width:var(--uf-selected-border-width);border-color:var(--uf-danger)}.uf-field-group[data-success=true] .uf-field{border-width:var(--uf-selected-border-width);border-color:var(--uf-success)}.uf-field-help,.uf-field-feedback{font-size:var(--uf-type-label);line-height:var(--uf-line-height-body);margin:0}.uf-field-help{color:var(--uf-text-secondary)}.uf-field-feedback{align-items:start;gap:var(--uf-space-8);display:flex}.uf-field-feedback>span:first-child{font-weight:var(--uf-weight-semibold)}.uf-field-success{color:var(--uf-success)}.uf-textarea{min-height:var(--uf-space-128);resize:vertical}.uf-server-error{padding:var(--uf-space-16);border:var(--uf-border-width) solid var(--uf-danger);border-radius:var(--uf-radius-field);background:var(--uf-danger-bg);color:var(--uf-danger)}.uf-server-error p{margin:0}.uf-server-error p+p{margin-top:var(--uf-space-8)}.uf-feedback-actions{align-items:center;gap:var(--uf-space-8);margin-top:var(--uf-space-16);flex-wrap:wrap;display:flex}.uf-dialog{width:min(var(--uf-dialog-max), calc(100% - var(--uf-space-32)));max-width:calc(100% - var(--uf-space-32));max-height:var(--uf-dialog-max-height);padding:var(--uf-space-24);border:var(--uf-border-width) solid var(--uf-border);border-radius:var(--uf-radius-panel);background:var(--uf-surface);color:var(--uf-text);box-shadow:var(--uf-shadow-popover);overscroll-behavior:contain;z-index:var(--uf-z-dialog);overflow:auto}.uf-dialog::backdrop{background:var(--uf-scrim)}.uf-dialog-heading{justify-content:space-between;align-items:start;gap:var(--uf-space-16);display:flex}.uf-dialog-heading h2{font-size:var(--uf-type-h3);font-weight:var(--uf-weight-semibold);line-height:var(--uf-line-height-heading);align-self:center;margin:0}.uf-dialog-description{margin:var(--uf-space-8) 0 0;color:var(--uf-text-secondary);font-size:var(--uf-type-label)}.uf-dialog-body{margin-top:var(--uf-space-24);min-width:0}.uf-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--uf-space-8);margin-top:var(--uf-space-24);padding-top:var(--uf-space-16);border-top:var(--uf-border-width) solid var(--uf-border-subtle);flex-wrap:wrap;display:flex}.uf-dialog--sheet{height:100dvh;max-height:100dvh;width:var(--uf-dialog-max);border-radius:var(--uf-radius-panel) 0 0 var(--uf-radius-panel);margin:0 0 0 auto}.uf-card{min-width:0}.uf-card--butter,.uf-card--lilac,.uf-card--mint{color:var(--uf-accent-text)}.uf-card--butter .uf-caption,.uf-card--butter .uf-muted,.uf-card--lilac .uf-caption,.uf-card--lilac .uf-muted,.uf-card--mint .uf-caption,.uf-card--mint .uf-muted{color:var(--uf-accent-text-secondary)}.uf-tabs{min-width:0}.uf-tab-list{gap:var(--uf-space-4);border-bottom:var(--uf-border-width) solid var(--uf-border);padding-bottom:var(--uf-space-8);flex-wrap:wrap;display:flex}.uf-tab{min-height:var(--uf-target);min-width:var(--uf-min-target);max-width:100%;padding:var(--uf-space-12) var(--uf-space-16);background:var(--uf-surface);border:var(--uf-border-width) solid var(--uf-border);border-radius:var(--uf-radius-field);color:var(--uf-text);font-size:var(--uf-type-label);font-weight:var(--uf-weight-medium);line-height:var(--uf-line-height-heading);overflow-wrap:anywhere;flex-shrink:1}.uf-tab:hover:not(:disabled):not([aria-selected=true]){background:var(--uf-surface-subtle)}.uf-tab[aria-selected=true]{background:var(--uf-brand);color:var(--uf-brand-text);border-color:var(--uf-brand);font-weight:var(--uf-weight-semibold)}.uf-tab:disabled{background:var(--uf-surface-subtle);color:var(--uf-text-secondary);cursor:not-allowed}.uf-tab-panel{min-width:0;margin-top:var(--uf-space-16)}.uf-tab-panel[hidden]{display:none}.uf-tabs[data-orientation=vertical]{gap:var(--uf-space-16);grid-template-columns:minmax(0,1fr) minmax(0,3fr);display:grid}.uf-tabs[data-orientation=vertical] .uf-tab-list{border-bottom:0;border-inline-end:var(--uf-border-width) solid var(--uf-border);flex-direction:column;align-items:stretch;padding-inline-end:var(--uf-space-8)}.uf-tabs[data-orientation=vertical] .uf-tab-panel{margin-top:0}.uf-status-panel{padding:var(--uf-space-24);border:var(--uf-border-width) solid var(--uf-border);border-radius:var(--uf-radius-card);background:var(--uf-surface);color:var(--uf-text);min-width:0}.uf-status-panel--error,.uf-status-panel--forbidden{border-color:var(--uf-danger);background:var(--uf-danger-bg)}.uf-status-panel--conflict,.uf-status-panel--offline{border-color:var(--uf-warning);background:var(--uf-warning-bg)}.uf-status-panel--success{border-color:var(--uf-success);background:var(--uf-success-bg)}.uf-status-label{font-size:var(--uf-type-label);font-weight:var(--uf-weight-semibold);color:var(--uf-text-secondary);display:inline-block}.uf-status-panel--error .uf-status-label,.uf-status-panel--forbidden .uf-status-label{color:var(--uf-danger)}.uf-status-panel--conflict .uf-status-label,.uf-status-panel--offline .uf-status-label{color:var(--uf-warning)}.uf-status-panel--success .uf-status-label{color:var(--uf-success)}.uf-status-panel h3{font-size:var(--uf-type-h3);font-weight:var(--uf-weight-semibold);line-height:var(--uf-line-height-heading);margin:var(--uf-space-8) 0 0}.uf-status-panel p{margin:var(--uf-space-12) 0 0}.uf-status-skeleton{gap:var(--uf-space-12);margin-top:var(--uf-space-24);display:grid}.uf-status-skeleton span{min-height:var(--uf-space-32);background:var(--uf-surface-subtle);border-radius:var(--uf-radius-small);display:block}.uf-status-skeleton span:last-child{max-width:75%}@media (max-width:767px){.uf-dialog{padding:var(--uf-space-16)}.uf-dialog--sheet{width:100%;max-width:100%;height:auto;max-height:var(--uf-dialog-max-height);border-radius:var(--uf-radius-panel) var(--uf-radius-panel) 0 0;padding-bottom:calc(var(--uf-space-24) + env(safe-area-inset-bottom));margin:auto auto 0}.uf-status-panel{padding:var(--uf-space-16)}}