:root{--dn-color-primary:#245ea9;--dn-color-on-primary:#fff;--dn-color-primary-container:#f5f5ff;--dn-color-on-primary-container:#00468b;--dn-color-secondary:#202950;--dn-color-secondary-container:#e3ecff;--dn-color-error:#c0000a;--dn-color-error-container:#ffe9e6;--dn-color-warning:#8a4f00;--dn-color-warning-container:#fff8e7;--dn-color-success:#1e6b3a;--dn-color-success-container:#e8f5e9;--dn-color-surface:#fff;--dn-color-surface-lowest:#f5f5ff;--dn-color-surface-low:#eaecf5;--dn-color-surface-variant:#e0e2eb;--dn-color-surface-dim:#f7f6fa;--dn-color-page:#eff1f0;--dn-color-on-surface:#000;--dn-color-on-surface-container:#44474e;--dn-color-on-surface-muted:#747477;--dn-color-outline:#e3e2e5;--dn-color-disabled-surface:#f7f6fa;--dn-color-disabled-content:#747477;--dn-space-0:0;--dn-space-1:4px;--dn-space-2:8px;--dn-space-3:12px;--dn-space-4:16px;--dn-space-5:20px;--dn-space-6:24px;--dn-space-8:32px;--dn-space-10:40px;--dn-space-12:48px;--dn-radius-none:0;--dn-radius-xs:4px;--dn-radius-sm:8px;--dn-radius-md:12px;--dn-radius-lg:16px;--dn-radius-pill:999px;--dn-font-en:var(--font-inter),Arial,sans-serif;--dn-font-ar:var(--font-inter),Arial,sans-serif;--dn-row-height:56px;--dn-page-gutter:20px;--dn-content-top-gap:16px;--dn-section-gap:24px;--dn-element-gap:8px;--dn-compact-gap:4px;--dn-navigation-clearance:24px;--dn-touch-target:44px;--dn-elevation-1:0 1px 2px rgba(0,0,0,.08);--dn-elevation-2:0 4px 8px rgba(0,0,0,.08);--dn-elevation-3:0 8px 16px rgba(0,0,0,.08);--dn-elevation-stepper:0 16px 24px rgba(0,0,0,.08);--dn-elevation-overlay:0 16px 40px rgba(0,0,0,.18);--dn-motion-fast:120ms;--dn-motion-standard:180ms;--dn-ease-standard:cubic-bezier(.2,0,0,1)}.dn-component,.dn-service-root{color:var(--dn-color-on-surface);font-family:var(--dn-font-en);font-size:16px;line-height:24px}.dn-component[dir=rtl],.dn-service-root[dir=rtl],[dir=rtl] .dn-component{font-family:var(--dn-font-ar)}.dn-component button:focus-visible,.dn-component input:focus-visible,.dn-component select:focus-visible,.dn-component textarea:focus-visible,.dn-component:focus-visible,.dn-focusable:focus-visible{outline:3px solid color-mix(in srgb,var(--dn-color-primary) 35%,transparent);outline-offset:2px}.dn-touch-target{min-width:var(--dn-touch-target);min-height:var(--dn-touch-target)}.dn-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (prefers-reduced-motion:reduce){.dn-component *,.dn-component :after,.dn-component :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dn2-slot,.dn2-slot-icon{flex:0 0 auto;font-size:20px;min-height:24px;min-width:24px}.dn2-icon-button,.dn2-slot,.dn2-slot-icon{align-items:center;color:var(--dn-color-on-surface-container);display:inline-flex;justify-content:center}.dn2-icon-button{background:transparent;border:0;border-radius:var(--dn-radius-pill);cursor:pointer}.dn2-icon-button:hover{background:color-mix(in srgb,var(--dn-color-on-surface) 8%,transparent)}.dn2-avatar{align-items:center;border-radius:50%;color:var(--dn-color-primary);font-weight:700;height:32px;justify-content:center;width:32px}.dn2-avatar,.dn2-badge,.dn2-chip{background:var(--dn-color-primary-container);display:inline-flex;font-size:12px}.dn2-badge,.dn2-chip{border-radius:var(--dn-radius-pill);color:var(--dn-color-on-primary-container);font-weight:500;line-height:16px;padding:4px 8px;white-space:nowrap}.dn2-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dn-color-surface);border:2px solid var(--dn-color-on-surface-container);display:inline-grid;flex:0 0 24px;height:24px;margin:0;place-content:center;transition:background var(--dn-motion-fast) var(--dn-ease-standard),border-color var(--dn-motion-fast) var(--dn-ease-standard);width:24px}.dn2-control[type=checkbox]{border-radius:3px}.dn2-control[type=radio]{border-radius:50%}.dn2-control:before{content:"";transform:scale(0);transition:transform var(--dn-motion-fast) var(--dn-ease-standard)}.dn2-control[type=checkbox]:before{border:solid var(--dn-color-on-primary);border-width:0 2px 2px 0;height:11px;transform:rotate(45deg) scale(0);width:6px}.dn2-control[type=checkbox]:checked{background:var(--dn-color-primary);border-color:var(--dn-color-primary)}.dn2-control[type=checkbox]:checked:before{transform:rotate(45deg) scale(1)}.dn2-control[type=radio]:before{background:var(--dn-color-primary);border-radius:50%;height:12px;width:12px}.dn2-control[type=radio]:checked{border-color:var(--dn-color-primary)}.dn2-control[type=radio]:checked:before{transform:scale(1)}.dn2-control:disabled{background:var(--dn-color-disabled-surface);border-color:var(--dn-color-disabled-content);opacity:.55}.dn2-inline-action{background:transparent;border:0;color:var(--dn-color-primary);cursor:pointer;font:500 14px/20px var(--dn-font-en);padding:8px}.dn2-slot-text{color:var(--dn-color-on-surface-container);font-size:14px;white-space:nowrap}.dn2-mini-chart{align-items:flex-end;display:inline-flex;gap:2px;height:24px;width:32px}.dn2-mini-chart i{background:var(--dn-color-primary);border-radius:2px 2px 0 0;flex:1 1}.dn2-mini-chart i:first-child{height:35%}.dn2-mini-chart i:nth-child(2){height:70%}.dn2-mini-chart i:nth-child(3){height:48%}.dn2-mini-chart i:nth-child(4){height:90%}.dn2-switch{background:var(--dn-color-surface-variant);border:0;border-radius:16px;cursor:pointer;height:32px;padding:4px;transition:background var(--dn-motion-fast) var(--dn-ease-standard);width:64px}.dn2-switch span{background:var(--dn-color-on-surface-muted);border-radius:50%;display:block;height:24px;transform:translateX(0);transition:transform var(--dn-motion-fast) var(--dn-ease-standard);width:24px}.dn2-switch.is-on{background:var(--dn-color-primary)}.dn2-switch.is-on span{background:var(--dn-color-on-primary);transform:translateX(32px)}[dir=rtl] .dn2-switch.is-on span{transform:translateX(-32px)}.dn2-inline-quantity{align-items:center;border:1px solid var(--dn-color-outline);border-radius:var(--dn-radius-pill);display:inline-flex;overflow:hidden}.dn2-inline-quantity button{align-items:center;background:transparent;border:0;color:var(--dn-color-primary);cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;width:32px}.dn2-inline-quantity b{font-size:14px;line-height:20px;min-width:32px;text-align:center}.dn2-button{align-items:center;border:0;border-radius:var(--dn-radius-lg);cursor:pointer;display:inline-flex;font:500 16px/24px var(--dn-font-en);gap:var(--dn-space-2);justify-content:center;padding:0 var(--dn-space-6);transition:background var(--dn-motion-fast) var(--dn-ease-standard),box-shadow var(--dn-motion-fast) var(--dn-ease-standard),transform var(--dn-motion-fast) var(--dn-ease-standard)}[dir=rtl].dn2-button{font-family:var(--dn-font-ar)}.dn2-button.is-small{height:32px;padding-inline:16px}.dn2-button.is-medium{height:40px;padding-inline:20px}.dn2-button.is-large{min-height:56px;height:auto;padding-block:16px;line-height:24px;white-space:normal}.dn2-button.is-pill{border-radius:var(--dn-radius-pill)}.dn2-button.is-full{width:100%}.dn2-button.is-filled{background:var(--dn-color-primary);color:var(--dn-color-on-primary)}.dn2-button.is-elevated{background:var(--dn-color-surface);box-shadow:var(--dn-elevation-3);color:var(--dn-color-primary)}.dn2-button.is-tonal{background:var(--dn-color-primary-container);color:var(--dn-color-on-primary-container)}.dn2-button.is-outlined{border:1px solid var(--dn-color-primary)}.dn2-button.is-outlined,.dn2-button.is-text{background:transparent;color:var(--dn-color-primary)}.dn2-button.is-error{background:var(--dn-color-error);color:#fff}.dn2-button.is-hover,.dn2-button:hover:not(:disabled){filter:brightness(.96)}.dn2-button.is-pressed,.dn2-button:active:not(:disabled){transform:scale(.98)}.dn2-button:disabled{background:var(--dn-color-disabled-surface);border-color:transparent;box-shadow:none;color:var(--dn-color-disabled-content);cursor:not-allowed}.dn2-action-bar{background:var(--dn-color-surface);border-top:1px solid var(--dn-color-outline);padding:10px var(--dn-page-gutter) max(10px,env(safe-area-inset-bottom));width:100%}.dn2-action-bar .dn2-button{min-width:0}.dn2-action-buttons{display:flex;flex-direction:column;gap:var(--dn-space-2)}.dn2-action-bar.is-inline .dn2-action-buttons{flex-direction:row-reverse}.dn2-action-bar.is-inline .dn2-action-buttons>*{flex:1 1}.dn2-action-next{color:var(--dn-color-on-surface-muted);font-size:12px;line-height:16px;margin-bottom:var(--dn-space-2);text-align:center}.dn2-field,.dn2-list-row{align-items:center;background:var(--dn-color-surface);border:0;color:var(--dn-color-on-surface);display:flex;gap:var(--dn-space-2);min-height:var(--dn-row-height);padding-inline:var(--dn-space-4);position:relative;text-align:start;width:100%}.dn2-field.has-separator:after,.dn2-list-row.has-separator:after{background:var(--dn-color-outline);bottom:0;content:"";height:1px;inset-inline:var(--dn-space-4);position:absolute}.dn2-field-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding-block:var(--dn-space-1)}.dn2-field-label{color:var(--dn-color-on-surface-muted);display:block;font-size:12px;letter-spacing:.4px;line-height:16px}.dn2-field-value{color:var(--dn-color-on-surface);display:block;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn2-field-description{color:var(--dn-color-on-surface-muted)}.dn2-field-description,.dn2-field-validation{display:block;font-size:12px;line-height:16px}.dn2-field-validation{color:var(--dn-color-error)}.dn2-field input:not([type=radio]):not([type=checkbox]),.dn2-field select,.dn2-field textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--dn-color-on-surface);font:400 16px/24px var(--dn-font-en);min-height:24px;outline:0;padding:0;resize:none;width:100%}[dir=rtl].dn2-field input,[dir=rtl].dn2-field select,[dir=rtl].dn2-field textarea{font-family:var(--dn-font-ar)}.dn2-field textarea{padding-block:var(--dn-space-2)}.dn2-field input::placeholder,.dn2-field textarea::placeholder{color:var(--dn-color-on-surface-muted);opacity:1}.canvas-slot-content>.node-wrap>.dn2-field,.canvas-slot-content>.play-node-wrap>.dn2-field{border-radius:var(--dn-radius-md);margin-inline:var(--page-pad-x,var(--dn-page-gutter));overflow:hidden;width:auto}.canvas-slot-content>.node-wrap>.dn2-review,.canvas-slot-content>.play-node-wrap>.dn2-review{margin-inline:var(--page-pad-x,var(--dn-page-gutter));width:auto}.dn2-field-textarea{align-items:flex-start;min-height:129px}.dn2-field-textarea .dn2-field-body{min-height:128px;padding-block:12px}.dn2-field.is-validation{background:var(--dn-color-error-container);min-height:80px}.dn2-field.is-validation:after{background:var(--dn-color-error)}.dn2-field.is-disabled,.dn2-field:disabled,.dn2-list-row.is-disabled,.dn2-list-row:disabled{background:var(--dn-color-disabled-surface);color:var(--dn-color-disabled-content);opacity:1}.dn2-choice-field{cursor:pointer}.dn2-dynamic-field{min-height:56px}.dn2-card{background:var(--dn-color-surface);border-radius:var(--dn-radius-md);overflow:hidden;width:100%}.dn2-card.is-outlined{border:1px solid var(--dn-color-outline)}.dn2-card.is-shadow{box-shadow:var(--dn-elevation-2)}.dn2-card.is-bg-grey{background:var(--dn-color-surface-dim)}.dn2-card.is-radius-none{border-radius:0}.dn2-card>h3{font-size:18px;font-weight:500;line-height:24px;padding:16px 16px 8px}.dn2-card .dn2-field,.dn2-card .dn2-list-row{margin-inline:0;padding-inline:var(--dn-space-4);width:100%}.dn2-card .dn2-field:last-child:after,.dn2-card .dn2-list-row:last-child:after{display:none}.dn2-list-card.is-type-tonal{background:var(--dn-color-primary-container)}.dn2-list-card.is-type-grey{background:var(--dn-color-surface-dim)}.dn2-list-card.is-type-gradient{background:linear-gradient(135deg,var(--dn-color-surface),var(--dn-color-primary-container))}.dn2-list-card.is-type-disabled{filter:grayscale(.35);opacity:.6}.dn2-list-row{cursor:pointer;font:inherit}.dn2-list-row.is-surface-card{border-radius:var(--dn-radius-md);margin-inline:var(--page-pad-x,var(--dn-page-gutter));overflow:hidden;width:auto}.dn2-list-row.is-small{min-height:48px}.dn2-list-row.is-large{min-height:72px}.dn2-list-row.is-x-large{min-height:88px}.dn2-list-row.is-bold .dn2-field-value{font-weight:500}.dn2-plate-field{gap:var(--dn-space-3)}.dn2-plate{align-items:stretch;background:white;border:1px solid var(--dn-color-outline);border-radius:var(--dn-radius-xs);display:grid;grid-template-columns:auto auto;min-width:92px;overflow:hidden}.dn2-plate small{background:var(--dn-color-primary);color:white;font-size:7px;grid-column:1;padding:2px 4px;text-transform:uppercase}.dn2-plate b{color:var(--dn-color-primary);font-size:12px;grid-column:1}.dn2-plate b,.dn2-plate strong{align-items:center;display:flex;justify-content:center}.dn2-plate strong{font-size:15px;grid-column:2;grid-row:1/3;padding:4px 8px}.dn2-attachment-field{border-radius:var(--dn-radius-md);cursor:pointer;font:inherit;overflow:hidden}.dn2-attachment-field.is-error{color:var(--dn-color-error)}.dn2-attachment-field.is-done>.dn2-slot:first-child{color:var(--dn-color-success)}.dn2-attachment-field.is-uploading>.dn2-slot:first-child{color:var(--dn-color-primary)}.dn2-upload-progress{background:var(--dn-color-surface-variant);border-radius:2px;display:block;height:3px;margin-top:5px;overflow:hidden;width:100%}.dn2-upload-progress i{background:var(--dn-color-primary);display:block;height:100%;width:58%}.dn2-summary-field{min-height:64px}.dn2-step{align-items:stretch;display:block;padding-block:var(--dn-space-2);width:100%}.dn2-step-rail{align-items:center;display:flex;flex-direction:column;position:relative}.dn2-step-rail b{align-items:center;background:var(--dn-color-primary-container);border:2px solid var(--dn-color-primary);border-radius:50%;color:var(--dn-color-primary);display:flex;flex:0 0 24px;font-size:11px;height:24px;justify-content:center;margin-top:18px;width:24px;z-index:1}.dn2-step-rail i{background:var(--dn-color-primary);position:absolute;width:2px}.dn2-step-rail i.is-top{height:18px;top:0}.dn2-step-rail i.is-bottom{bottom:-24px;top:42px}.dn2-step-card{background:var(--dn-color-surface);border-radius:var(--dn-radius-lg);display:grid;grid-gap:var(--dn-space-3);gap:var(--dn-space-3);grid-template-columns:24px minmax(0,1fr);padding-inline:var(--dn-space-4);width:100%}.dn2-step-content{display:flex;flex-direction:column;gap:var(--dn-space-4);min-width:0;padding-block:var(--dn-space-4)}.dn2-step.is-active .dn2-step-card{border:1px solid var(--dn-color-primary);box-shadow:var(--dn-elevation-stepper)}.dn2-step.is-completed .dn2-step-card,.dn2-step.is-next .dn2-step-card{border:1px solid var(--dn-color-outline);box-shadow:none}.dn2-step.is-completed .dn2-step-rail b{background:var(--dn-color-primary);color:white}.dn2-step.is-next .dn2-step-rail b{background:var(--dn-color-surface);border-color:var(--dn-color-outline)}.dn2-step-copy{display:flex;flex-direction:column;gap:var(--dn-space-1)}.dn2-step-status{color:var(--dn-color-primary);font-size:12px;font-weight:500;line-height:16px}.dn2-step-copy h3{font-size:18px;font-weight:500;letter-spacing:.1px;line-height:26px}.dn2-step-copy h4{color:var(--dn-color-on-surface-container);font-size:14px;font-weight:500;line-height:20px}.dn2-step-copy p{font-size:14px;line-height:20px}.dn2-step-addon,.dn2-step-copy p{color:var(--dn-color-on-surface-muted)}.dn2-step-addon{align-items:center;background:var(--dn-color-surface-dim);border:1px dashed var(--dn-color-outline);border-radius:var(--dn-radius-sm);display:flex;justify-content:center;min-height:64px;padding:var(--dn-space-3)}.dn2-step-actions{gap:var(--dn-space-2)}.dn2-message,.dn2-step-actions{display:flex;flex-direction:column}.dn2-message{align-items:center;gap:var(--dn-space-3);padding:var(--dn-space-8) var(--dn-space-5);text-align:center}.dn2-message-icon{align-items:center;background:var(--dn-color-primary-container);border-radius:50%;color:var(--dn-color-primary);display:flex;font-size:36px;height:80px;justify-content:center;width:80px}.dn2-message.is-congratulations .dn2-message-icon,.dn2-message.is-success .dn2-message-icon{background:var(--dn-color-success-container);color:var(--dn-color-success)}.dn2-message.is-error .dn2-message-icon{background:var(--dn-color-error-container);color:var(--dn-color-error)}.dn2-message.is-warning .dn2-message-icon{background:var(--dn-color-warning-container);color:var(--dn-color-warning)}.dn2-message h2{font-size:24px;font-weight:500;line-height:32px}.dn2-message p{color:var(--dn-color-on-surface-container);font-size:14px;line-height:20px;max-width:320px}.dn2-message>strong{background:var(--dn-color-surface-dim);border-radius:var(--dn-radius-sm);padding:8px 12px}.dn2-message-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.dn2-toast{align-items:center;background:var(--dn-color-on-surface-container);border-radius:var(--dn-radius-md);box-shadow:var(--dn-elevation-3);color:white;display:flex;gap:var(--dn-space-3);min-height:72px;padding:var(--dn-space-3) var(--dn-space-4);width:100%}.dn2-toast>span{flex:1 1}.dn2-toast button{background:transparent;border:0;color:inherit;font-weight:500}.dn2-toast.is-error{background:var(--dn-color-error)}.dn2-toast.is-warning{background:var(--dn-color-warning)}.dn2-toast.is-success{background:var(--dn-color-success)}.dn2-toast.is-info,.dn2-toast.is-primary{background:var(--dn-color-primary)}.dn2-context-menu{background:var(--dn-color-surface);border:1px solid var(--dn-color-outline);border-radius:var(--dn-radius-md);box-shadow:var(--dn-elevation-overlay);list-style:none;min-width:220px;overflow:hidden;padding:var(--dn-space-2)}.dn2-context-menu button{align-items:center;background:transparent;border:0;border-radius:var(--dn-radius-sm);display:flex;gap:var(--dn-space-3);min-height:48px;padding-inline:var(--dn-space-3);text-align:start;width:100%}.dn2-context-menu button:hover{background:var(--dn-color-surface-dim)}.dn2-context-menu button.is-error{color:var(--dn-color-error)}.dn2-picker{background:var(--dn-color-surface);border-radius:var(--dn-radius-lg) var(--dn-radius-lg) 0 0;box-shadow:var(--dn-elevation-overlay);display:flex;flex-direction:column;gap:var(--dn-space-4);padding:8px 20px 20px}.dn2-sheet-handle{align-self:center;background:var(--dn-color-outline);border-radius:2px;height:4px;width:40px}.dn2-picker h3{font-size:20px;font-weight:500;line-height:28px}.dn2-picker-wheel{height:152px;overflow:hidden;position:relative}.dn2-picker-wheel:before{border-block:1px solid var(--dn-color-outline);content:"";height:48px;left:0;position:absolute;right:0;top:52px}.dn2-picker-wheel>div{align-items:center;color:var(--dn-color-on-surface-muted);display:flex;height:48px;justify-content:center}.dn2-picker-wheel>div.is-selected{color:var(--dn-color-on-surface);font-weight:500}.dn2-service-intro{display:flex;flex-direction:column;gap:7px;padding:12px var(--dn-page-gutter) 4px}.dn2-service-intro>span{color:var(--dn-color-primary);font-size:14px;font-weight:600;letter-spacing:.2px;line-height:20px;text-transform:uppercase}.dn2-service-intro>div{align-items:center;display:flex;gap:var(--dn-space-2)}.dn2-service-intro h1{flex:1 1;font-size:28px;font-weight:600;letter-spacing:-.45px;line-height:32px}.dn2-service-intro p{color:var(--dn-color-on-surface-container);font-size:16px;line-height:23px}.dn2-review{background:var(--dn-color-surface);border-radius:var(--dn-radius-md);overflow:hidden}.dn2-review>header{align-items:center;display:flex;padding:16px}.dn2-review h3{flex:1 1;font-size:18px;font-weight:500}.dn2-review header button{background:transparent;border:0;color:var(--dn-color-primary);font-weight:500}.dn2-review dl>div{border-top:1px solid var(--dn-color-outline);display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);padding:12px 16px}.dn2-review dt{color:var(--dn-color-on-surface-muted);font-size:12px;line-height:16px}.dn2-review dd{font-size:14px;line-height:20px;margin:0;text-align:end}.dn-card-group-form:has(.dn2-field),.dn-card-group-list:has(.dn2-list-row){border:1px solid #e5e5ea;border-radius:var(--dn-radius-md);box-shadow:0 1px 3px rgba(31,41,55,.06);padding-inline:0}.dn-card-group-form:has(.dn2-field) .dn2-field{min-height:56px;padding-block:4px}.dn-card-group-form:has(.dn2-field) .dn2-field-body{padding-block:0}.dn-card-group-form:has(.dn2-field) .dn2-field-description{line-height:14px;max-width:100%}.dn-card-group-list:has(.dn2-list-row) .dn2-list-row.is-surface-card{padding-block:12px}.dn-card-group .dn2-field,.dn-card-group .dn2-list-row{border-radius:0;margin-inline:0;padding-inline:var(--dn-space-4);width:100%}.play-node-wrap:has(.dn2-list-row.is-surface-card) .dn2-field-body{padding-block:0}.dn-showcase{background:#f3f5f8;color:#161b2c;font-family:var(--font-studio);height:100vh;overflow:auto;scroll-behavior:smooth}.dn-showcase *{box-sizing:border-box}.dn-showcase-hero{background:radial-gradient(circle at 82% 22%,rgba(88,144,224,.32),transparent 30%),linear-gradient(135deg,#101a35,#17284f 62%,#245ea9);color:white;display:grid;grid-gap:64px;gap:64px;grid-template-columns:minmax(0,1fr) 430px;margin:24px auto 0;max-width:1440px;min-height:480px;overflow:hidden;padding:72px 80px;position:relative;border-radius:28px 28px 0 0}.dn-showcase-hero-copy{align-self:center;max-width:740px}.dn-showcase-brand{color:#bcd5ff;display:block;font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:24px;text-transform:uppercase}.dn-showcase-hero-copy h1{font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-.045em;line-height:1.02;margin:0}.dn-showcase-hero-copy>p{color:#d7e2f8;font-size:18px;line-height:28px;margin:24px 0 32px;max-width:650px}.dn-showcase-stats{display:flex;flex-wrap:wrap;gap:12px}.dn-showcase-stats span{align-items:baseline;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#dbe7ff;display:inline-flex;font-size:12px;gap:6px;padding:8px 12px}.dn-showcase-stats strong{color:white;font-size:16px}.dn-showcase-hero-card{align-self:center;background:var(--dn-color-page);border:1px solid rgba(255,255,255,.3);border-radius:28px;box-shadow:0 28px 70px rgba(0,0,0,.3);color:var(--dn-color-on-surface);overflow:hidden;padding:16px 0 20px;transform:rotate(1.5deg)}.dn-showcase-hero-card>.dn2-button{margin:24px 20px 0;width:calc(100% - 40px)}.dn-showcase-nav{align-items:center;background:rgba(255,255,255,.94);border:1px solid #e3e7ef;box-shadow:0 8px 24px rgba(22,27,44,.06);display:flex;gap:4px;margin:0 auto;max-width:1440px;min-height:68px;overflow-x:auto;padding:10px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.dn-showcase-nav>a{border-radius:9px;color:#4e566c;font-size:13px;font-weight:600;padding:10px 12px;text-decoration:none;white-space:nowrap}.dn-showcase-nav>a:hover{background:#f0f4fa;color:var(--dn-color-primary)}.dn-showcase-search{align-items:center;background:#f4f6f9;border:1px solid #e0e5ed;border-radius:10px;display:flex;-webkit-margin-start:auto;margin-inline-start:auto;min-width:230px;padding:0 10px}.dn-showcase-search>i{color:#747d91;font-size:13px}.dn-showcase-search input{background:transparent;border:0;color:#171b2b;font:500 13px/20px var(--font-studio);height:38px;min-width:0;outline:0;padding:0 8px;width:100%}.dn-showcase-search button{background:transparent;border:0;color:#747d91;cursor:pointer}.dn-showcase-section{margin:0 auto;max-width:1440px;padding:80px 56px 0;scroll-margin-top:84px}.dn-showcase-section-head{align-items:flex-start;display:flex;gap:18px;margin-bottom:30px}.dn-showcase-section-head>span{align-items:center;background:#e5edfa;border-radius:10px;color:var(--dn-color-primary);display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.dn-showcase-section-head h2{font-size:30px;letter-spacing:-.025em;line-height:36px;margin:-3px 0 4px}.dn-showcase-section-head p{color:#697186;font-size:14px;line-height:20px;margin:0}.dn-showcase-foundations{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1.35fr 1fr 1fr}.dn-showcase-foundation-card{background:white;border:1px solid #e2e6ed;border-radius:18px;box-shadow:0 8px 28px rgba(30,38,61,.045);min-width:0;padding:24px}.dn-showcase-foundation-card h3{font-size:16px;margin:0 0 20px}.dn-showcase-swatches{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.dn-showcase-swatches>div{align-items:center;display:flex;gap:10px;min-width:0}.dn-showcase-swatches i{border:1px solid rgba(0,0,0,.08);border-radius:9px;flex:0 0 38px;height:38px}.dn-showcase-swatches span{color:#3d455a;display:flex;flex-direction:column;font-size:12px;font-weight:600;min-width:0}.dn-showcase-swatches code{color:#8a91a2;font-size:10px;font-weight:500}.dn-showcase-type{display:flex;flex-direction:column;gap:16px}.dn-showcase-type>span{color:#202638}.dn-showcase-type .is-ar{border-top:1px solid #e6e9ef;font-family:var(--dn-font-ar);font-size:18px;padding-top:18px}.dn-showcase-spacing{display:grid;grid-gap:9px;gap:9px}.dn-showcase-spacing>div{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:36px 1fr}.dn-showcase-spacing span{color:#7a8294;font-size:10px;text-align:end}.dn-showcase-spacing i{background:var(--dn-color-primary);border-radius:3px;display:block;height:7px;max-width:100%}.dn-showcase-radii{display:flex;gap:8px;margin-top:22px}.dn-showcase-radii>div{align-items:center;background:#edf2f9;border:1px solid #d7e0ee;display:flex;flex:1 1;height:56px;justify-content:center}.dn-showcase-radii span{color:#596177;font-size:9px}.dn-showcase-specimen{background:white;border:1px solid #dfe4ec;border-radius:20px;box-shadow:0 12px 34px rgba(25,34,54,.045);margin-bottom:24px;overflow:hidden}.dn-showcase-specimen-head{align-items:flex-start;border-bottom:1px solid #e7eaf0;display:flex;gap:24px;justify-content:space-between;padding:24px 26px}.dn-showcase-kicker{color:var(--dn-color-primary);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dn-showcase-specimen-head h3{font-size:20px;letter-spacing:-.015em;line-height:28px;margin:4px 0 3px}.dn-showcase-specimen-head p{color:#6f778a;font-size:13px;line-height:20px;margin:0;max-width:720px}.dn-showcase-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.dn-showcase-meta code{background:#eef3fa;border-radius:6px;color:#315d99;font-size:11px;padding:5px 7px}.dn-showcase-meta span{color:#8a91a1;font-size:10px;white-space:nowrap}.dn-showcase-specimen-grid{display:grid;grid-gap:1px;gap:1px;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));background:#e5e9ef}.dn-showcase-sample{background:#f8f9fb;min-height:174px;min-width:0;padding:18px}.dn-showcase-sample.is-wide{grid-column:1/-1}.dn-showcase-sample.is-dark{background:#edf0f5}.dn-showcase-sample-label{color:#7b8395;display:block;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.dn-showcase-sample-body{align-items:center;display:flex;justify-content:center;min-height:112px;min-width:0;width:100%}.dn-showcase-sample-body>.dn-component,.dn-showcase-sample-body>[dir],.dn-showcase-sample-body>[dir]>.dn-component{max-width:390px;width:100%}.dn-showcase-inline{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.dn-showcase-stack{display:flex;flex-direction:column;gap:10px;max-width:390px;width:100%}.dn-showcase-stack.is-center{align-items:center}.dn-showcase-anatomy{align-items:center;background:#fbfcfd;border-top:1px solid #e7eaf0;display:flex;flex-wrap:wrap;gap:7px;min-height:52px;padding:10px 26px}.dn-showcase-anatomy:before{color:#9299a8;content:"ANATOMY";font-size:9px;font-weight:700;letter-spacing:.09em;margin-right:4px}.dn-showcase-anatomy span{background:white;border:1px solid #dfe4ec;border-radius:999px;color:#626a7c;font-size:10px;padding:4px 8px}.dn-showcase-coverage-summary{display:flex;flex-wrap:wrap;gap:10px;margin:-8px 0 24px 50px}.dn-showcase-coverage-summary span{align-items:baseline;background:white;border:1px solid #dfe4ec;border-radius:999px;color:#697186;display:inline-flex;font-size:11px;gap:5px;padding:7px 11px}.dn-showcase-coverage-summary strong{color:#245ea9;font-size:13px}.dn-showcase-coverage-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.dn-showcase-coverage-card{background:white;border:1px solid #dfe4ec;border-radius:18px;box-shadow:0 8px 28px rgba(25,34,54,.04);display:flex;flex-direction:column;min-width:0;overflow:hidden}.dn-showcase-coverage-card>header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:18px 18px 12px}.dn-showcase-coverage-card>header span{color:#748095;display:block;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dn-showcase-coverage-card>header h3{font-size:16px;line-height:22px;margin:3px 0 0}.dn-showcase-coverage-card>header b{align-items:center;background:#e8f6ee;border-radius:999px;color:#247346;display:inline-flex;flex:none;font-size:10px;gap:4px;padding:5px 8px}.dn-showcase-coverage-card>header>code{background:#eef3fa;border-radius:6px;color:#315d99;font-size:10px;padding:5px 7px}.dn-showcase-coverage-types{display:flex;flex-wrap:wrap;gap:5px;padding:0 18px 14px}.dn-showcase-coverage-types code{background:#f1f4f8;border-radius:5px;color:#4c5870;font-size:9px;padding:4px 6px}.dn-showcase-coverage-preview{align-items:center;background:#f5f6fa;border-block:1px solid #e7eaf0;display:flex;justify-content:center;max-height:250px;min-height:150px;overflow:hidden;padding:18px 0;position:relative}.dn-showcase-coverage-preview>*{max-width:393px;width:100%}.dn-showcase-coverage-preview>.dn-component,.dn-showcase-coverage-preview>.dn2-button,.dn-showcase-coverage-preview>.dn2-card,.dn-showcase-coverage-preview>.dn2-field{margin-inline:20px;width:calc(100% - 40px)}.dn-showcase-control-inventory{margin-top:auto;padding:14px 18px 18px}.dn-showcase-control-inventory>strong{color:#747d91;display:block;font-size:9px;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.dn-showcase-control-inventory>div{display:flex;flex-wrap:wrap;gap:5px;max-height:102px;overflow:auto}.dn-showcase-control-inventory span{align-items:center;background:#f7f8fa;border:1px solid #e2e6ed;border-radius:6px;color:#596177;display:inline-flex;font-size:9px;gap:4px;min-height:24px;padding:3px 6px}.dn-showcase-control-inventory span.is-boolean{background:#edf3fd;border-color:#d4e1f5;color:#315d99}.dn-showcase-control-inventory span.is-boolean i{background:#90acd4;border-radius:999px;display:block;height:8px;position:relative;width:14px}.dn-showcase-control-inventory span.is-boolean i:after{background:white;border-radius:50%;content:"";height:6px;left:1px;position:absolute;top:1px;width:6px}.dn-showcase-control-inventory small{color:#8a91a2;font-size:8px}.dn-showcase-screen-pattern-head{border-top:1px solid #dfe4ec;margin-top:38px;padding-top:28px}.dn-showcase-screen-pattern-head h3{font-size:20px;margin:0 0 4px}.dn-showcase-screen-pattern-head p{color:#697186;font-size:13px;margin:0 0 20px}.dn-showcase-phones{align-items:flex-start;display:grid;grid-gap:40px 30px;gap:40px 30px;grid-template-columns:repeat(3,393px);overflow-x:auto;padding:4px 4px 44px}.dn-showcase-phone-wrap{width:393px}.dn-showcase-phone-title{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:12px}.dn-showcase-phone-title h3{font-size:15px;margin:0}.dn-showcase-phone-title span{color:#8a91a2;font-size:10px}.dn-showcase-phone{background:var(--dn-color-page);border:8px solid #17191d;border-radius:36px;box-shadow:0 24px 50px rgba(0,0,0,.18);display:flex;flex-direction:column;height:852px;overflow:hidden;width:393px}.dn-showcase-phone-scroll{display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0;overflow:auto;padding-bottom:24px}.dn-showcase-phone-scroll>.dn2-button,.dn-showcase-phone-scroll>.dn2-card,.dn-showcase-phone-scroll>.dn2-field,.dn-showcase-phone-scroll>.dn2-message,.dn-showcase-phone-scroll>.dn2-review,.dn-showcase-phone-scroll>.dn2-step{margin-inline:20px;width:calc(100% - 40px)}.dn-showcase-phone-scroll>.dn2-field+.dn2-field{margin-top:-24px}.dn-showcase-footer{align-items:center;background:#111a33;color:white;display:flex;justify-content:space-between;margin:80px auto 0;max-width:1440px;padding:32px 56px}.dn-showcase-footer span{font-size:14px;font-weight:700}.dn-showcase-footer p{color:#b9c6df;font-size:12px;margin:0}@media (max-width:1100px){.dn-showcase-hero{gap:36px;grid-template-columns:1fr 360px;padding:56px 44px}.dn-showcase-foundations{grid-template-columns:1fr 1fr}.dn-showcase-foundation-card.is-colors{grid-column:1/-1}.dn-showcase-coverage-grid,.dn-showcase-specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.dn-showcase-hero{border-radius:0;grid-template-columns:1fr;margin-top:0;padding:48px 20px}.dn-showcase-hero-card{display:none}.dn-showcase-hero-copy h1{font-size:42px}.dn-showcase-nav{padding-inline:10px}.dn-showcase-search{min-width:190px}.dn-showcase-section{padding:56px 14px 0}.dn-showcase-coverage-grid,.dn-showcase-foundations,.dn-showcase-specimen-grid{grid-template-columns:1fr}.dn-showcase-coverage-summary{margin-left:0}.dn-showcase-foundation-card.is-colors{grid-column:auto}.dn-showcase-specimen-head{flex-direction:column;padding:20px}.dn-showcase-meta{align-items:flex-start}.dn-showcase-sample{padding:14px 10px}.dn-showcase-anatomy{padding-inline:18px}.dn-showcase-footer{align-items:flex-start;flex-direction:column;gap:8px;padding:28px 20px}}:root{--forge-accent:#245ea9;--forge-accent-strong:#174b8d;--forge-accent-soft:#eaf2fc;--forge-ink:#1f2937;--forge-muted:#6b7280;--forge-faint:#9ca3af;--forge-ground:#f5f7fa;--forge-panel:#ffffff;--forge-line:#e5e7eb;--forge-line-soft:#eef0f3;--forge-green:#16835d;--forge-warning:#b7791f;--forge-danger:#b42318;--forge-mono:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.forge-app{min-width:1120px;height:100vh;display:grid;grid-template-rows:68px minmax(0,1fr) 48px;overflow:hidden;background:var(--forge-ground);color:var(--forge-ink);font-family:var(--font-inter),Inter,sans-serif}.forge-demo-loading{min-height:100vh;display:grid;place-items:center;background:var(--forge-ground);color:var(--forge-muted);font:11px var(--forge-mono)}.forge-statusbar,.forge-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-color:var(--forge-line);background:rgba(255,255,255,.94)}.forge-topbar{border-bottom:1px solid var(--forge-line)}.forge-statusbar{border-top:1px solid var(--forge-line);color:var(--forge-muted);font-size:11px}.forge-brand-lockup,.forge-project-title,.forge-statusbar>div,.forge-top-actions{display:flex;align-items:center}.forge-brand-lockup{gap:10px;min-width:250px}.forge-mark{width:32px;height:32px;display:grid;grid-template:repeat(2,7px) /repeat(2,7px);place-content:center;grid-gap:3px;gap:3px;border:0;border-radius:8px;background:var(--forge-accent);box-shadow:0 5px 14px rgba(36,94,169,.22);cursor:pointer;transform:rotate(-6deg)}.forge-mark span{display:block;border-radius:2px;background:white}.forge-mark span:nth-child(2),.forge-mark span:nth-child(3){opacity:.72}.forge-mark span:nth-child(4){opacity:.45}.forge-brand{font-size:16px;font-weight:800;letter-spacing:-.04em}.forge-eyebrow,.forge-product-label{color:var(--forge-faint);font-family:var(--forge-mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.forge-product-label span{padding:0 4px;color:var(--forge-accent)}.forge-project-title{min-width:0;flex:1 1;gap:11px}.forge-project-title strong{overflow:hidden;max-width:260px;text-overflow:ellipsis;font-size:13px}.forge-save-state{color:var(--forge-green);font-family:var(--forge-mono);font-size:9px}.forge-save-state i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--forge-green)}.forge-top-actions{gap:7px}.forge-canvas-tools button,.forge-ghost-button,.forge-link-button,.forge-primary-button,.forge-square-button{border:1px solid var(--forge-line);border-radius:7px;background:white;color:var(--forge-muted);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600}.forge-ghost-button,.forge-primary-button{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px}.forge-canvas-tools button:hover,.forge-ghost-button:hover{border-color:#c6d4e6;color:var(--forge-accent)}.forge-primary-button{border-color:var(--forge-accent);background:var(--forge-accent);color:white;box-shadow:0 4px 10px rgba(36,94,169,.16)}.forge-primary-button:hover{background:var(--forge-accent-strong)}.forge-square-button{width:30px;height:30px;display:grid;place-items:center;padding:0}.forge-square-button:hover{color:var(--forge-accent);background:var(--forge-accent-soft)}.forge-workspace{min-height:0;display:grid;grid-template-columns:264px minmax(560px,1fr) 312px}.forge-left-rail,.forge-right-rail{min-height:0;overflow:hidden;background:var(--forge-panel)}.forge-left-rail{display:flex;flex-direction:column;border-right:1px solid var(--forge-line)}.forge-right-rail{border-left:1px solid var(--forge-line);overflow-y:auto}.forge-inspector-head,.forge-rail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 18px 10px}.forge-inspector-head h2,.forge-rail-heading h1{margin-top:5px;font-size:15px;letter-spacing:-.025em}.forge-rail-copy{padding:0 18px 17px;color:var(--forge-muted);font-size:11px;line-height:17px}.forge-screen-list{padding:0 10px 14px;border-bottom:1px solid var(--forge-line)}.forge-screen-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 62px;align-items:center;border:1px solid transparent}.forge-screen-item.is-active{border-color:#cbdcf0}.forge-screen-main{min-width:0;display:flex;align-items:center;gap:9px;padding:9px 7px;border:0;background:transparent;color:var(--forge-ink);text-align:left;cursor:pointer}.forge-screen-index{color:var(--forge-faint);font-family:var(--forge-mono);font-size:9px}.forge-screen-main>span:nth-child(2){min-width:0;display:grid;grid-gap:3px;gap:3px}.forge-screen-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forge-screen-main small{color:var(--forge-faint);font-size:9px}.forge-start-icon{color:var(--forge-green);font-size:9px}.forge-screen-actions{display:flex;gap:1px;opacity:0}.forge-screen-item.is-active .forge-screen-actions,.forge-screen-item:hover .forge-screen-actions{opacity:1}.forge-screen-actions button{width:20px;height:22px;border:0;background:transparent;color:var(--forge-faint);cursor:pointer;font-size:9px}.forge-screen-actions button:hover{color:var(--forge-accent)}.forge-rail-section{min-height:0;padding:16px 16px 12px;overflow-y:auto}.forge-requirement-section{flex:1 1}.forge-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.forge-section-title button{border:0;background:transparent;color:var(--forge-faint);cursor:pointer}.forge-brief-preview{max-height:61px;overflow:hidden;color:var(--forge-muted)}.forge-requirement-list{display:grid;grid-gap:5px;gap:5px}.forge-requirement{min-width:0;display:grid;grid-template-columns:6px minmax(0,1fr) 14px;align-items:center;grid-gap:7px;gap:7px;border:1px solid var(--forge-line-soft);background:#fbfcfd;color:var(--forge-muted);cursor:pointer;text-align:left}.forge-requirement.is-selected,.forge-requirement:hover{border-color:#bed1e7;background:#f5f9fe}.forge-requirement.is-mapped{color:var(--forge-green)}.forge-requirement>span:nth-child(2){min-width:0;display:grid;grid-gap:3px;gap:3px}.forge-requirement b{color:var(--forge-accent);font-family:var(--forge-mono);font-size:8px}.forge-requirement small{overflow:hidden;color:inherit;font-size:9px;line-height:12px;text-overflow:ellipsis;white-space:nowrap}.forge-requirement>i{color:var(--forge-faint);font-size:10px}.forge-requirement.is-mapped>i{color:var(--forge-green)}.forge-priority{width:5px;height:5px;border-radius:50%}.priority-must{background:#c2414e}.priority-should{background:#d59a28}.priority-could{background:#8c98a8}.forge-empty-note{padding:12px 4px;color:var(--forge-faint);font-size:10px;line-height:15px}.forge-add-requirement{display:flex;gap:5px;margin-top:9px}.forge-add-requirement input{min-width:0;flex:1 1;height:29px;padding:0 8px;border:1px solid var(--forge-line);border-radius:6px;outline:0;color:var(--forge-ink);font:10px var(--font-inter)}.forge-add-requirement input:focus{border-color:var(--forge-accent)}.forge-add-requirement button{width:29px;border:0;border-radius:6px;background:var(--forge-accent-soft);color:var(--forge-accent);cursor:pointer}.forge-rail-footer{display:grid;grid-gap:8px;gap:8px;padding:13px 16px;border-top:1px solid var(--forge-line)}.forge-rail-footer button,.forge-rail-footer span{color:var(--forge-faint);font:9px var(--forge-mono)}.forge-rail-footer button{padding:0;border:0;background:transparent;color:var(--forge-accent);cursor:pointer;text-align:left}.forge-canvas-panel{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 35%,rgba(36,94,169,.05),transparent 42%),#f4f6f9}.forge-canvas-toolbar{min-height:58px;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--forge-line);background:rgba(255,255,255,.68)}.forge-canvas-toolbar,.forge-canvas-toolbar>div:first-child{display:flex;align-items:center;gap:10px}.forge-canvas-toolbar strong{font-size:12px}.forge-status-separator,.forge-toolbar-divider{color:#c5cbd3}.forge-toolbar-meta{color:var(--forge-muted);font-family:var(--forge-mono);font-size:9px}.forge-canvas-tools{display:flex;gap:6px}.forge-canvas-tools button{height:30px;padding:0 9px}.forge-canvas-stage{position:relative;min-height:0;flex:1 1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:40px}.forge-device-label{position:absolute;top:21px;display:flex;align-items:center;gap:7px;color:var(--forge-faint);font:9px var(--forge-mono)}.forge-device-label b{color:var(--forge-muted);font-weight:500}.forge-device-label i{color:var(--forge-accent)}.forge-device-frame{min-height:670px;max-height:calc(100vh - 190px);display:flex;flex-direction:column;overflow:hidden;border:8px solid #202b3e;border-radius:31px;background:#f7f8fb;box-shadow:0 22px 45px rgba(31,41,55,.16),0 0 0 1px rgba(31,41,55,.1)}.forge-device-topline{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:white;color:var(--forge-ink);font-size:8px}.forge-device-topline>span:last-child{display:flex;gap:5px;font-size:8px}.forge-device-content{min-height:0;flex:1 1;overflow-y:auto;background:#f7f8fb}.forge-device-content>*{position:relative}.forge-canvas-empty{width:calc(100% - 38px);min-height:210px;display:grid;place-content:center;grid-gap:7px;gap:7px;margin:80px 19px;padding:20px;border:1px dashed #b8c7d9;border-radius:12px;background:rgba(255,255,255,.64);color:var(--forge-muted);cursor:pointer;text-align:center}.forge-canvas-empty span{width:39px;height:39px;display:grid;place-items:center;margin:0 auto 4px;border-radius:11px;background:var(--forge-accent-soft);color:var(--forge-accent)}.forge-canvas-empty strong{font-size:12px}.forge-canvas-empty small{max-width:190px;color:var(--forge-faint);font-size:9px;line-height:13px}.forge-canvas-hint{position:absolute;bottom:20px;display:flex;gap:17px;color:var(--forge-faint);font:9px var(--forge-mono)}.forge-canvas-hint kbd{padding:2px 4px;border:1px solid #d7dde5;border-radius:3px;background:white;font:inherit}.forge-node{position:relative;margin:8px 12px;border:1px solid transparent;border-radius:7px;cursor:pointer}.forge-node:hover{border-color:#9eb9d6}.forge-node.is-selected{border-color:var(--forge-accent);box-shadow:0 0 0 3px rgba(36,94,169,.12)}.forge-node-label{position:absolute;z-index:2;top:-10px;left:7px;display:none;align-items:center;gap:4px;padding:3px 5px;border-radius:4px;background:var(--forge-accent);color:white;font:8px var(--forge-mono);box-shadow:0 2px 5px rgba(36,94,169,.2)}.forge-node-label span{opacity:.65}.forge-node.is-selected .forge-node-label,.forge-node:hover .forge-node-label{display:flex}.forge-node-render{overflow:hidden;border-radius:6px}.forge-node-group{margin:8px 12px;border-radius:8px;background:white;box-shadow:0 1px 3px rgba(31,41,55,.04)}.forge-node-group .forge-node{margin:0;border-radius:0}.forge-node-group .forge-node+.forge-node{border-top:1px solid var(--forge-line-soft)}.forge-node-group .forge-node.is-selected{z-index:1;border:1px solid var(--forge-accent)}.forge-render-error{display:flex;align-items:center;gap:7px;min-height:45px;padding:12px;color:var(--forge-danger);background:#fff5f4;font-size:10px}.forge-node-group.forge-group-form{margin:8px 20px;border:1px solid #e5e5ea;border-radius:14px;box-shadow:0 1px 3px rgba(31,41,55,.06)}.forge-node-group.forge-group-form .forge-node .dn2-field{min-height:56px;padding-block:4px}.forge-node-group.forge-group-form .forge-node .dn2-field-body{padding-block:0}.forge-node-group.forge-group-form .forge-node .dn2-field-description{max-width:100%}.forge-slot-main .play-node-wrap:has(.dn2-list-row.is-surface-card) .dn2-field-body{padding-block:0}.forge-slot-footer>.forge-node[data-bleed=true],.forge-slot-header>.forge-node[data-bleed=true]{margin-inline:0;border-radius:0}.forge-slot-footer>.forge-node[data-bleed=true] .dn2-action-bar{border-top:1px solid #e5e5ea}.forge-inspector-head{padding-bottom:16px;border-bottom:1px solid var(--forge-line)}.forge-inspector-body{min-height:0}.forge-contract-card{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--forge-line)}.forge-contract-icon,.forge-inspector-illustration{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.forge-contract-card>div:last-child{display:grid;grid-gap:3px;gap:3px}.forge-contract-card strong{font-size:11px}.forge-contract-card small{color:var(--forge-faint);font:8px var(--forge-mono)}.forge-property-section{padding:17px 18px}.forge-field{display:grid;grid-gap:6px;gap:6px;margin-top:12px;font-size:10px;font-weight:600}.forge-field,.forge-field label{color:var(--forge-muted)}.forge-field input,.forge-field select,.forge-field textarea,.forge-picker-search{width:100%;box-sizing:border-box;border:1px solid var(--forge-line);border-radius:6px;outline:0;background:white;color:var(--forge-ink);font-family:var(--font-inter);font-size:10px}.forge-field input,.forge-field select,.forge-picker-search{height:32px;padding:0 8px}.forge-field textarea{min-height:66px;padding:8px;resize:vertical;line-height:15px}.forge-field input:focus,.forge-field select:focus,.forge-field textarea:focus,.forge-picker-search:focus{border-color:var(--forge-accent);box-shadow:0 0 0 3px rgba(36,94,169,.08)}.forge-prop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:var(--forge-muted);font-size:10px}.forge-prop-row>div{display:grid;grid-gap:3px;gap:3px}.forge-prop-row small{color:var(--forge-faint);font-size:8px;font-weight:400}.forge-toggle{width:31px;height:18px;padding:2px;border:0;border-radius:20px;background:#d8dde5;cursor:pointer}.forge-toggle span{display:block;width:14px;height:14px;border-radius:50%;background:white;transition:transform .15s ease}.forge-toggle.is-on{background:var(--forge-accent)}.forge-toggle.is-on span{transform:translateX(13px)}.forge-inspector-actions{display:flex;gap:7px;padding:13px 18px;border-top:1px solid var(--forge-line)}.forge-inspector-actions button{flex:1 1;height:31px;border:1px solid var(--forge-line);border-radius:6px;background:white;color:var(--forge-muted);cursor:pointer;font-size:10px}.forge-inspector-actions button:hover{color:var(--forge-accent)}.forge-inspector-actions .is-danger:hover{border-color:#edc2be;color:var(--forge-danger);background:#fff8f7}.forge-inspector-empty{padding:29px 20px;color:var(--forge-muted)}.forge-inspector-illustration{width:44px;height:44px;margin-bottom:15px}.forge-inspector-empty h3{margin-bottom:7px;color:var(--forge-ink);font-size:14px}.forge-inspector-empty p{margin-bottom:18px;font-size:10px;line-height:16px}.forge-full-button{width:100%;justify-content:center}.forge-health-card{display:flex;align-items:flex-end;justify-content:space-between;margin-top:25px;padding:12px;border:1px solid var(--forge-line);border-radius:8px;background:#fbfcfd}.forge-health-card div{display:grid;grid-gap:4px;gap:4px}.forge-health-card strong{font-size:11px}.forge-health-card>span{color:var(--forge-faint);font:8px var(--forge-mono)}.forge-map-card{margin:0 18px 18px;padding:13px;border:1px solid #d5e3f2;border-radius:8px;background:#f7fbff}.forge-map-card .forge-section-title i{color:var(--forge-accent);font-size:10px}.forge-map-card p{margin:9px 0;color:var(--forge-muted);font-size:10px;line-height:15px}.forge-map-card button{width:100%;height:30px;border:0;border-radius:6px;background:var(--forge-accent-soft);color:var(--forge-accent);cursor:pointer;font-size:9px;font-weight:600}.forge-map-card button:disabled{opacity:.45;cursor:default}.forge-statusbar>div{gap:8px}.forge-status-dot{width:7px;height:7px;border-radius:50%;background:var(--forge-green)}.forge-status-dot.is-warning{background:var(--forge-warning)}.forge-statusbar strong{color:var(--forge-ink);font-size:10px}.forge-status-meta{font:9px var(--forge-mono)}.forge-link-button{border:0;background:transparent;color:var(--forge-accent);font-size:10px}.forge-link-button:hover{color:var(--forge-accent-strong)}.forge-modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:25px;background:rgba(31,41,55,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.forge-ai-modal,.forge-picker-modal,.forge-requirements-modal{width:min(620px,100%);max-height:min(700px,calc(100vh - 50px));overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:13px;background:white;box-shadow:0 24px 70px rgba(31,41,55,.22)}.forge-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 21px 15px}.forge-modal-head h2{margin-top:5px;font-size:17px;letter-spacing:-.03em}.forge-modal-head p{max-width:430px;margin-top:7px;color:var(--forge-muted);font-size:10px;line-height:15px}.forge-picker-search{margin:0 21px;width:calc(100% - 42px)}.forge-picker-groups{display:flex;gap:5px;padding:14px 21px 10px;overflow-x:auto;border-bottom:1px solid var(--forge-line)}.forge-picker-groups button{padding:6px 8px;border:0;border-radius:5px;background:transparent;color:var(--forge-muted);cursor:pointer;font-size:9px;white-space:nowrap}.forge-picker-groups button.is-active,.forge-picker-groups button:hover{background:var(--forge-accent-soft);color:var(--forge-accent)}.forge-picker-list{max-height:470px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px;overflow-y:auto;padding:15px 21px 21px}.forge-picker-entry{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;grid-gap:8px;gap:8px;padding:9px;border:1px solid var(--forge-line);border-radius:7px;background:white;color:var(--forge-muted);cursor:pointer;text-align:left}.forge-picker-entry:hover{border-color:#b9cde2;background:#f8fbff}.forge-picker-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--forge-accent-soft);color:var(--forge-accent)}.forge-picker-entry>span:nth-child(2){min-width:0;display:grid;grid-gap:3px;gap:3px}.forge-picker-entry strong{overflow:hidden;color:var(--forge-ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.forge-picker-entry small{color:var(--forge-faint);font:8px var(--forge-mono)}.forge-picker-entry>i{color:var(--forge-accent);font-size:10px}.forge-requirements-modal{width:min(650px,100%)}.forge-modal-field{margin:0 21px 13px}.forge-modal-field textarea{min-height:83px}.forge-json-input{min-height:150px!important;font-family:var(--forge-mono)!important;font-size:9px!important}.forge-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 21px;border-top:1px solid var(--forge-line);color:var(--forge-faint);font:9px var(--forge-mono)}.forge-ai-modal{width:min(720px,100%)}.forge-ai-body{height:520px;display:flex;flex-direction:column;border-top:1px solid var(--forge-line)}.forge-ai-body .ai-messages{min-height:0}.forge-ai-body .ai-input-bar{margin-top:auto}.forge-ai-body .ai-quick{padding:0 14px 10px}.forge-canvas-tools{flex:0 0 auto;align-items:center;gap:8px}.forge-history-controls,.forge-zoom-controls{display:flex;align-items:center;border:1px solid var(--forge-line);background:rgba(255,255,255,.86)}.forge-canvas-tools button.forge-tool-icon{width:28px;min-width:28px;height:26px;padding:0;border:0;border-radius:5px;background:transparent}.forge-canvas-tools button.forge-tool-icon:hover:not(:disabled){background:var(--forge-accent-soft)}.forge-canvas-tools button:disabled{opacity:.35;cursor:not-allowed}.forge-canvas-tools button.forge-add-control{border-color:#c9d9eb;color:var(--forge-accent);background:#f8fbff;white-space:nowrap}.forge-canvas-tools button.forge-add-control:hover{border-color:var(--forge-accent);background:var(--forge-accent-soft)}.forge-canvas-tools button.forge-fit-control{min-width:54px;height:26px;padding:0 7px;border:0;border-radius:5px;background:transparent;font-family:var(--forge-mono);font-size:9px}.forge-canvas-tools button.forge-fit-control.is-active{background:var(--forge-accent-soft);color:var(--forge-accent)}.forge-canvas-stage{align-items:flex-start;justify-content:flex-start;padding:58px 48px 72px;scrollbar-gutter:stable both-edges}.forge-device-label{top:20px;left:25px}.forge-device-label em,.forge-device-label small,.forge-device-label span{display:inline-flex;align-items:center;gap:5px}.forge-device-label span{color:var(--forge-accent);font-style:normal;font-weight:600}.forge-device-label em{padding-left:7px;border-left:1px solid #d8dee7;color:var(--forge-faint);font-style:normal}.forge-device-label small{padding-left:7px;border-left:1px solid #d8dee7;color:var(--forge-muted);font:9px var(--forge-mono)}.forge-device-viewport{position:relative;flex:0 0 auto;margin:auto;transition:width .16s ease,height .16s ease}.forge-device-frame{position:relative;width:393px;height:852px;min-height:0;max-height:none;border:0;border-radius:42px;transform-origin:top left;transition:transform .16s ease;box-shadow:0 26px 64px rgba(31,41,55,.2),0 0 0 8px #202b3e,0 0 0 9px rgba(31,41,55,.22)}.forge-device-frame:after{content:"";position:absolute;z-index:8;top:7px;left:50%;width:68px;height:5px;border-radius:99px;background:rgba(31,41,55,.78);transform:translateX(-50%);pointer-events:none}.forge-device-content{height:100%;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d2de transparent}.forge-slot{position:relative;flex:0 0 auto}.forge-slot-content{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9d2de transparent}.forge-slot-footer,.forge-slot-header{z-index:4;flex-shrink:0}.forge-slot-footer{margin-top:0;background:linear-gradient(180deg,rgba(247,248,251,0),#f7f8fb 18px)}.forge-slot.is-dragging{min-height:32px}.forge-slot.is-drop-target{background:rgba(36,94,169,.035)}.forge-empty-drop{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 12px;border:1px dashed #9db8d6;border-radius:8px;color:var(--forge-accent);font:9px var(--forge-mono)}.forge-drop-line{position:absolute;z-index:10;right:10px;left:10px;height:2px;border-radius:99px;background:var(--forge-accent);box-shadow:0 0 0 3px rgba(36,94,169,.12);pointer-events:none}.forge-node{transition:opacity .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.forge-node[draggable=true]{cursor:-webkit-grab;cursor:grab}.forge-node[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.forge-node.is-dragging{opacity:.36;transform:scale(.985)}.forge-node[data-bleed=true]{margin-right:0;margin-left:0;border-radius:0}.forge-node[data-bleed=true] .forge-node-render{border-radius:0}.forge-node-label>i:first-child{opacity:.72}.forge-canvas-hint{align-items:center}.forge-canvas-hint span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.forge-inspector-order{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;border-bottom:1px solid var(--forge-line);color:var(--forge-muted);font-size:10px;font-weight:600}.forge-inspector-order>span{display:inline-flex;align-items:center;gap:7px}.forge-inspector-order>div{display:flex;gap:4px}.forge-inspector-order button{width:28px;height:26px;border:1px solid var(--forge-line);border-radius:6px;background:white;color:var(--forge-muted);cursor:pointer}.forge-inspector-order button:hover:not(:disabled){border-color:#c6d4e6;color:var(--forge-accent);background:var(--forge-accent-soft)}.forge-inspector-order button:disabled{opacity:.32;cursor:not-allowed}@media (max-width:1240px){.forge-app{min-width:1000px}.forge-workspace{grid-template-columns:235px minmax(500px,1fr) 285px}.forge-top-actions .forge-ghost-button:first-child{display:none}.forge-project-title{justify-content:center}.forge-project-title .forge-eyebrow{display:none}}@media (max-width:1100px){.forge-canvas-toolbar{padding:0 12px}.forge-toolbar-divider,.forge-toolbar-meta{display:none}}.forge-shadcn-app{--forge-accent:#245ea9;--forge-accent-strong:#174b8d;--forge-accent-soft:#e3ecff;--forge-ink:#202950;--forge-muted:#71717a;--forge-faint:#a1a1aa;--forge-ground:#f5f7fa;--forge-panel:#ffffff;--forge-line:#e4e4e7;--forge-line-soft:#f4f4f5;--forge-green:#15803d;--forge-warning:#a16207;--forge-danger:#b91c1c;background:#f5f7fa}.ui-button{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--forge-ink);font:600 12px/1 var(--font-inter),Inter,sans-serif;white-space:nowrap;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.ui-button:focus-visible,.ui-input:focus-visible{outline:2px solid var(--forge-accent);outline-offset:2px}.ui-button:disabled{opacity:.42;cursor:not-allowed}.ui-button-md{min-height:36px;padding:0 12px}.ui-button-sm{min-height:32px;padding:0 10px;font-size:11px}.ui-button-icon{width:32px;height:32px;padding:0}.ui-button-default{background:var(--forge-accent);color:#fff;box-shadow:0 2px 6px rgba(36,94,169,.18)}.ui-button-default:hover:not(:disabled){background:var(--forge-accent-strong)}.ui-button-outline{border-color:#cbdcf0;background:#fff;color:var(--forge-ink);box-shadow:0 1px 2px rgba(36,94,169,.04)}.ui-button-outline:hover:not(:disabled){border-color:#9eb9d6;background:#f5f9fe;color:var(--forge-accent)}.ui-button-secondary{background:var(--forge-accent-soft);color:var(--forge-accent)}.ui-button-ghost:hover:not(:disabled),.ui-button-secondary:hover:not(:disabled){background:#d7e6fa;color:var(--forge-accent-strong)}.ui-button-ghost{color:#525b70}.ui-button-destructive{background:#b42318;color:#fff}.ui-card{box-sizing:border-box;border:1px solid #e4e7ed;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(32,41,80,.025)}.ui-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ui-card-content{min-width:0}.ui-badge{display:inline-flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:4px 7px;font:600 9px/1 var(--forge-mono);white-space:nowrap}.ui-badge-default{background:var(--forge-accent);color:#fff}.ui-badge-secondary{background:var(--forge-accent-soft);color:var(--forge-accent)}.ui-badge-outline{border:1px solid #d5e3f2;background:#fff;color:#5f6b7c}.ui-badge-success{background:#e8f5e9;color:#1e6b3a}.ui-badge-warning{background:#fff8e7;color:#8a4f00}.ui-input{box-sizing:border-box;min-width:0;width:100%;height:32px;padding:0 9px;border:1px solid #d4d9e2;border-radius:7px;background:#fff;color:var(--forge-ink);font:11px var(--font-inter),Inter,sans-serif}.ui-input::placeholder{color:#9299a8}.ui-separator{flex:0 0 auto;background:#e3e7ee}.ui-separator-horizontal{width:100%;height:1px}.ui-separator-vertical{width:1px;height:20px}.ui-tabs-list{display:inline-flex;gap:3px;padding:3px;border:1px solid #dce3ec;border-radius:8px;background:#f4f7fb}.ui-tabs-trigger{border:0;border-radius:5px;padding:6px 8px;background:transparent;color:#6b7280;font:600 10px var(--font-inter),Inter,sans-serif;cursor:pointer}.ui-tabs-trigger[data-state=active]{background:#fff;color:var(--forge-accent);box-shadow:0 1px 3px rgba(36,94,169,.11)}.ui-label{color:#525b70;font:600 10px var(--font-inter),Inter,sans-serif}.ui-textarea{box-sizing:border-box;min-height:72px;width:100%;padding:8px 9px;resize:vertical;border:1px solid #d4d9e2;border-radius:7px;outline:0;background:#fff;color:var(--forge-ink);font:11px/1.5 var(--font-inter),Inter,sans-serif}.ui-select-trigger:focus-visible,.ui-textarea:focus-visible{border-color:var(--forge-accent);outline:2px solid rgba(36,94,169,.14);outline-offset:1px}.ui-switch{position:relative;width:32px;height:18px;padding:0;border:0;border-radius:999px;background:#d4d9e2;cursor:pointer;transition:background .14s ease}.ui-switch[data-state=checked]{background:var(--forge-accent)}.ui-switch-thumb{display:block;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(32,41,80,.18);transform:translateX(2px);transition:transform .14s ease}.ui-switch[data-state=checked] .ui-switch-thumb{transform:translateX(16px)}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:32px;padding:0 9px;border:1px solid #d4d9e2;border-radius:7px;background:#fff;color:var(--forge-ink);font:11px var(--font-inter),Inter,sans-serif;cursor:pointer}.ui-select-content{z-index:60;min-width:var(--radix-select-trigger-width);max-height:260px;overflow:hidden;border:1px solid #dce3ec;border-radius:8px;background:#fff;box-shadow:0 10px 32px rgba(32,41,80,.14)}.ui-select-viewport{padding:4px}.ui-select-item{position:relative;display:flex;align-items:center;min-height:30px;padding:0 8px 0 28px;border-radius:5px;outline:0;color:#525b70;font:11px var(--font-inter),Inter,sans-serif;cursor:default}.ui-select-item[data-highlighted]{background:var(--forge-accent-soft);color:var(--forge-accent-strong)}.ui-select-indicator{position:absolute;left:8px;display:grid;place-items:center;color:var(--forge-accent)}.ui-select-scroll{display:grid;place-items:center;height:24px;color:#71717a}.ui-dropdown-content{z-index:65;min-width:168px;padding:5px;border:1px solid #dce3ec;border-radius:8px;background:#fff;box-shadow:0 10px 32px rgba(32,41,80,.14)}.ui-dropdown-item{position:relative;display:flex;align-items:center;gap:8px;min-height:30px;padding:0 8px;border-radius:5px;outline:0;color:#525b70;font:11px var(--font-inter),Inter,sans-serif;cursor:default}.ui-dropdown-item[data-highlighted]{background:var(--forge-accent-soft);color:var(--forge-accent-strong)}.ui-dropdown-item[data-disabled]{opacity:.42;pointer-events:none}.ui-dropdown-item-destructive{color:#b42318}.ui-dropdown-separator{height:1px;margin:4px -1px;background:#e3e7ee}.ui-dropdown-indicator{position:absolute;left:8px;display:grid;place-items:center}.ui-dropdown-chevron{margin-left:auto}.ui-dialog-overlay{position:fixed;z-index:50;inset:0;background:rgba(32,41,80,.38);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:forge-fade-in .16s ease-out}.ui-dialog-content{position:fixed;z-index:51;top:50%;left:50%;width:min(620px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:hidden;border:1px solid #dce3ec;border-radius:12px;background:#fff;box-shadow:0 24px 80px rgba(32,41,80,.22);transform:translate(-50%,-50%);animation:forge-dialog-in .18s ease-out}.ui-dialog-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:#71717a;cursor:pointer}.ui-dialog-close:hover{background:var(--forge-accent-soft);color:var(--forge-accent)}.ui-dialog-header{display:grid;grid-gap:6px;gap:6px;padding:20px 48px 16px 20px}.ui-dialog-title{margin:0;color:var(--forge-ink);font:700 17px/1.2 var(--font-inter),Inter,sans-serif;letter-spacing:-.025em}.ui-dialog-description{margin:0;color:#6b7280;font:10px/1.5 var(--font-inter),Inter,sans-serif}.ui-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #e3e7ee}.forge-ai-modal.ui-dialog-content{width:min(720px,calc(100vw - 40px))}.forge-picker-modal.ui-dialog-content{width:min(620px,calc(100vw - 40px))}.forge-requirements-modal.ui-dialog-content{width:min(650px,calc(100vw - 40px))}.forge-ai-modal .ui-dialog-header,.forge-picker-modal .ui-dialog-header,.forge-requirements-modal .ui-dialog-header{padding-bottom:15px}.forge-picker-modal .forge-picker-search{width:calc(100% - 40px);margin:0 20px}.forge-requirements-modal .forge-modal-field{margin-inline:20px}.forge-requirements-modal .forge-modal-foot{margin-top:15px}.forge-modal-foot>div{display:flex;gap:7px}@keyframes forge-fade-in{0%{opacity:0}}@keyframes forge-dialog-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}}.forge-shadcn-app{grid-template-rows:58px minmax(0,1fr) 36px}.forge-commandbar{padding:0 18px;border-color:#dfe5ed;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forge-commandbar .forge-brand-lockup{min-width:340px;gap:11px}.forge-commandbar .forge-mark{width:30px;height:30px;border-radius:8px;background:var(--forge-accent);box-shadow:0 4px 12px rgba(36,94,169,.2)}.forge-brand-separator{margin:0 2px}.forge-breadcrumbs{display:flex;align-items:center;gap:7px;min-width:0;color:#9299a8;font-size:11px}.forge-breadcrumbs strong{overflow:hidden;max-width:300px;color:var(--forge-ink);text-overflow:ellipsis;white-space:nowrap}.forge-project-title{justify-content:center;gap:9px}.forge-save-state{color:#9299a8;font:9px var(--forge-mono)}.forge-top-actions{gap:4px}.forge-shadcn-app .forge-workspace{grid-template-columns:270px minmax(560px,1fr) 300px;background:#f5f7fa}.forge-inspector-rail,.forge-sidebar{background:#fff}.forge-sidebar{padding:14px 12px;border-right-color:#dfe5ed}.forge-inspector-rail{border-left-color:#dfe5ed}.forge-sidebar-heading{padding:3px 4px 13px;align-items:center}.forge-inspector-head h2,.forge-sidebar-heading h1{margin:3px 0 0;color:var(--forge-ink);font-size:14px;letter-spacing:-.02em}.forge-rail-copy{padding:0 4px 14px;color:#6b7280;font-size:10px;line-height:15px}.forge-screen-list{display:grid;grid-gap:3px;gap:3px;padding:0 0 12px;border-bottom:0}.forge-screen-item{grid-template-columns:minmax(0,1fr) 32px;min-height:48px;border-radius:8px}.forge-screen-item.is-active{border-color:#b8cee7;background:#f4f8fd}.forge-screen-main{width:100%;height:46px;justify-content:flex-start;gap:8px;padding:7px 8px}.forge-screen-index{flex:0 0 20px;color:#9299a8;text-align:center}.forge-screen-main>span:nth-child(2){flex:1 1}.forge-screen-main strong{color:var(--forge-ink);font-size:11px}.forge-screen-main small{color:#9299a8}.forge-start-icon{flex:0 0 auto;color:#1e6b3a}.forge-screen-menu-trigger{align-self:center;width:28px;height:28px;opacity:0;color:#6b7280}.forge-screen-item.is-active .forge-screen-menu-trigger,.forge-screen-item:hover .forge-screen-menu-trigger,.forge-screen-menu-trigger:focus-visible,.forge-screen-menu-trigger[data-state=open]{opacity:1}.forge-screen-menu-trigger:hover{color:var(--forge-accent)}.forge-brief-card{display:flex;min-height:0;flex:1 1;flex-direction:column;margin:0;padding:12px;overflow:hidden;border-radius:10px;background:#fcfcfc;box-shadow:none}.forge-brief-card .ui-card-header{padding:0}.forge-brief-card .forge-section-title>div{display:grid;grid-gap:3px;gap:3px}.forge-brief-card .forge-section-title strong{color:#71717a;font-size:10px;font-weight:500}.forge-brief-preview{margin:10px 0;color:#71717a;font-size:10px;line-height:15px}.forge-requirement-list{gap:4px;overflow:auto}.forge-requirement{grid-template-columns:5px minmax(0,1fr) 16px;padding:8px 7px;border-color:#ececf0;border-radius:7px;background:#fff}.forge-requirement.is-selected,.forge-requirement:hover{border-color:#a1a1aa;background:#fafafa}.forge-requirement.is-mapped{color:#15803d}.forge-requirement b{color:#52525b}.forge-requirement>svg{color:#a1a1aa}.forge-requirement.is-mapped>svg{color:#15803d}.forge-add-requirement{margin-top:10px}.forge-add-requirement .ui-button{width:32px;height:32px}.forge-rail-footer{grid-template-columns:1fr auto;align-items:center;gap:4px;padding:12px 4px 0;border-top:0}.forge-rail-footer .ui-button{justify-self:end;padding:0;color:#52525b}.forge-canvas-panel{background:radial-gradient(circle at 50% 43%,rgba(36,94,169,.08),transparent 34%),#f2f5f9}.forge-canvas-commandbar{min-height:58px;padding:0 18px;border-bottom-color:#dfe5ed;background:rgba(255,255,255,.78)}.forge-canvas-title{display:flex;align-items:center;gap:10px}.forge-canvas-title>div{display:grid;grid-gap:3px;gap:3px}.forge-canvas-title strong{color:var(--forge-ink);font-size:12px}.forge-canvas-tools{gap:7px}.forge-history-controls,.forge-zoom-controls{gap:2px;padding:2px;border-color:#dce3ec;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(32,41,80,.03)}.forge-canvas-tools .ui-button.forge-tool-icon{width:28px;min-width:28px;height:26px}.forge-canvas-tools .ui-button.forge-add-control{height:32px;border-color:#cbdcf0;background:#fff;color:var(--forge-accent)}.forge-canvas-tools .ui-button.forge-add-control:hover{border-color:#9eb9d6;background:#f5f9fe}.forge-canvas-tools .ui-button.forge-fit-control{min-width:54px;height:26px;color:#525b70;font-family:var(--forge-mono)}.forge-canvas-tools .ui-button.forge-fit-control.is-active{background:var(--forge-accent-soft);color:var(--forge-accent)}.forge-canvas-stage{background-image:radial-gradient(#cbd6e4 .7px,transparent 0);background-size:16px 16px}.forge-device-label{color:#6b7280}.forge-device-label span{color:var(--forge-ink)}.forge-device-frame{box-shadow:0 28px 70px rgba(32,41,80,.2),0 0 0 8px #202b3e,0 0 0 9px rgba(32,41,80,.18)}.forge-inspector-head{padding:17px 16px 12px;border-bottom:0}.forge-inspector-tabs{padding:0 16px 12px;border-bottom:1px solid #dfe5ed}.forge-inspector-tabs .ui-tabs-list{width:100%}.forge-inspector-tabs .ui-tabs-trigger{flex:1 1}.forge-inspector-empty{padding:26px 16px}.forge-inspector-empty .forge-primary-button{background:var(--forge-accent);border-color:var(--forge-accent)}.forge-contract-card{border-bottom-color:#dfe5ed}.forge-contract-icon,.forge-inspector-illustration{background:var(--forge-accent-soft);color:var(--forge-accent)}.forge-map-card{margin:0 16px 16px;padding:0;border-color:#cbdcf0;background:#fff}.forge-map-card .ui-card-header{padding:12px 12px 0}.forge-map-card .ui-card-content{padding:0 12px 12px}.forge-map-card .ui-button{width:100%;background:var(--forge-accent);color:#fff}.forge-handoff-card{margin:18px 16px;border-radius:10px}.forge-handoff-card .ui-card-header{padding:14px 14px 10px}.forge-handoff-card h3{margin-top:4px;color:var(--forge-ink);font-size:13px}.forge-handoff-card .ui-card-content{display:grid;grid-gap:0;gap:0;padding:0 14px 14px}.forge-handoff-stat{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #edf1f5;color:#6b7280;font-size:10px}.forge-handoff-stat strong{color:var(--forge-ink);font-family:var(--forge-mono);font-size:10px}.forge-handoff-card .ui-button{width:100%;margin-top:8px}.forge-rename-dialog.ui-dialog-content{width:min(420px,calc(100vw - 40px))}.forge-rename-dialog .forge-modal-field{margin:0 20px 4px}.ui-alert-dialog-content{width:min(420px,calc(100vw - 40px))}.forge-picker-groups .ui-button-secondary{background:var(--forge-accent-soft);color:var(--forge-accent)}.forge-picker-groups .ui-button-ghost{background:transparent;color:#71717a}.forge-ai-body .ai-input-bar .ui-textarea{min-height:38px;padding:8px 10px;border-color:#d4d4d8;border-radius:8px;background:#fafafa;font-size:11px}.forge-ai-body .ai-input-bar .ui-button{flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:8px;background:var(--forge-accent);color:#fff}.forge-ai-body .ai-input-bar .ui-button:hover:not(:disabled){background:var(--forge-accent-strong)}.ready-modal.ui-dialog-content{width:min(1080px,calc(100vw - 40px));max-width:none}.ready-head-left .ui-dialog-header{padding:0}.ready-modal .ready-head{gap:12px}.ready-modal .ready-head>div:last-child{flex-wrap:wrap;justify-content:flex-end}.forge-shadcn-app .forge-statusbar{padding:0 16px;border-color:#dfe5ed;background:#fff}.forge-shadcn-app .forge-statusbar .ui-button{color:var(--forge-accent)}.forge-shadcn-app .forge-statusbar strong{color:var(--forge-ink)}@media (max-width:1240px){.forge-shadcn-app .forge-workspace{grid-template-columns:238px minmax(500px,1fr) 275px}.forge-commandbar .forge-brand-lockup{min-width:250px}.forge-save-state{display:none}}@media (max-width:820px){.ready-modal .ready-head{align-items:flex-start;flex-direction:column}.ready-modal .ready-head>div:last-child{justify-content:flex-start}.ready-modal .ready-body{grid-template-columns:1fr}}