@font-face{font-family:DesignManrope;src:url(/design-os/manrope.ttf)format("truetype");font-display:swap;font-weight:100 900}@font-face{font-family:DesignCormorant;src:url(/design-os/cormorant.ttf)format("truetype");font-display:swap;font-weight:100 900}.design-os{--dos-paper:#f7f6f2;--dos-ink:#252823;--dos-muted:#63675e;--dos-line:#dcded5;--dos-accent:#37472c;--dos-soft:#e9eddf;--dos-white:#fff;--dos-serif:DesignCormorant,Georgia,serif;--dos-sans:DesignManrope,Arial,sans-serif;background:var(--dos-paper);color:var(--dos-ink);font-family:var(--dos-sans);border:1px solid var(--dos-line);isolation:isolate;border-radius:12px;line-height:1.6;overflow:clip}.design-os *{box-sizing:border-box}.design-os h1,.design-os h2,.design-os h3{color:var(--dos-ink);text-wrap:balance}.design-os h1 em{font-family:var(--dos-serif);font-style:italic}.design-os h2,.design-os h3{font-family:var(--dos-sans)}.design-os button,.design-os a,.design-os input,.design-os textarea{font:inherit}.design-os button,.design-os a{touch-action:manipulation}.design-os button{cursor:pointer}.design-os button:disabled{cursor:not-allowed;opacity:.5}.design-os :is(button,a,input,textarea):focus-visible{outline:3px solid var(--dos-accent);outline-offset:4px}.design-os h1,.design-os h2,.design-os h3,.design-os p{margin:0}.design-os a{color:inherit;text-decoration:none}.design-os button{color:inherit}.dos-bar{border-bottom:1px solid var(--dos-line);align-items:center;gap:28px;padding:22px 32px;display:flex}.dos-wordmark{letter-spacing:-1px;white-space:nowrap;align-items:center;font-size:22px;font-weight:700;display:flex}.dos-wordmark>span:last-child{font-weight:400}.dos-symbol{background:var(--dos-ink);color:var(--dos-paper);width:33px;height:33px;font-family:var(--dos-serif);border-radius:50%;place-items:center;margin-right:10px;font-size:30px;font-style:italic;line-height:1;display:grid}.dos-bar nav{gap:5px;display:flex}.dos-bar nav button{white-space:nowrap;background:0 0;border:0;border-radius:5px;min-height:44px;padding:10px 13px;font-size:12px}.dos-bar nav button[aria-current]{background:var(--dos-soft);color:var(--dos-accent)}.dos-count{margin-left:7px;font-size:10px}.dos-connection{color:var(--dos-muted);align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.dos-connection i{background:var(--dos-accent);border-radius:50%;width:6px;height:6px}.dos-intro{padding:58px 40px 45px;position:relative}.dos-eyebrow{letter-spacing:2px;color:var(--dos-muted);font-size:10px;font-weight:700}.design-os h1{font-family:var(--dos-serif);letter-spacing:-2px;margin:20px 0;font-size:clamp(42px,5.5vw,80px);font-weight:500;line-height:.99}.design-os h1 em{color:var(--dos-accent);font-weight:400}.dos-intro>p{color:var(--dos-muted);margin-top:25px;font-size:14px;line-height:1.8}.dos-text-link{border-bottom:1px solid var(--dos-ink);align-items:center;gap:15px;min-height:44px;margin-top:12px;padding:12px 0 7px;font-size:12px;font-weight:700;display:inline-flex}.dos-edition{text-align:right;letter-spacing:1.1px;color:var(--dos-muted);font-size:10px;line-height:2;position:absolute;bottom:50px;right:40px}.dos-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 40px 22px;display:flex}.dos-section-heading>div{align-items:center;gap:13px;display:flex}.dos-step{color:var(--dos-muted);border:1px solid var(--dos-line);border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.dos-section-heading h2{letter-spacing:-.3px;font-size:15px;font-weight:600}.dos-section-heading>span{color:var(--dos-muted);font-size:10px}.dos-kits{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 40px 44px;display:grid}.dos-kit{text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;padding:0;transition:border-color .2s,background .2s;overflow:hidden}.dos-kit.is-selected{border-color:var(--dos-accent);background:var(--dos-soft)}.dos-kit:hover{border-color:var(--dos-accent)}.dos-kit-image{aspect-ratio:4/4.5;background:var(--dos-ink);position:relative;overflow:hidden}.dos-kit-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.dos-kit:hover img{transform:scale(1.035)}.dos-kit-select{background:var(--dos-paper);width:28px;height:28px;color:var(--dos-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.is-selected .dos-kit-select{background:var(--dos-accent);color:var(--dos-white)}.dos-kit-caption{letter-spacing:2px;color:var(--dos-white);text-shadow:0 2px 8px #000;background:#0006;width:fit-content;padding:5px 7px;font-size:12px;font-weight:700;position:absolute;bottom:16px;left:14px;right:14px}.dos-kit-copy{padding:15px 11px}.dos-kit-copy>span{color:var(--dos-muted);font-size:9px}.dos-kit-copy h3{letter-spacing:-.3px;margin:5px 0 7px;font-size:14px;font-weight:700}.dos-kit-copy p{color:var(--dos-muted);font-size:11px;line-height:1.7}.dos-composer{border-top:1px solid var(--dos-line);grid-template-columns:1.4fr 1fr;scroll-margin-top:20px;display:grid}.dos-composer form{padding:34px 40px}.dos-composer .dos-section-heading{margin:0 0 26px}.dos-composer label{margin:20px 0 8px;font-size:11px;font-weight:600;display:block}.dos-composer input,.dos-composer textarea{background:var(--dos-white);width:100%;color:var(--dos-ink);border:1px solid var(--dos-line);resize:vertical;border-radius:5px;min-width:0;padding:13px 15px;font-size:13px}.dos-composer input::placeholder,.dos-composer textarea::placeholder{color:var(--dos-muted);opacity:1}.dos-form-foot{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.dos-form-foot>span{color:var(--dos-muted);font-size:9px}.design-os .dos-primary{border:1px solid var(--dos-accent);background:var(--dos-accent);color:var(--dos-white);border-radius:5px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.design-os .dos-primary:hover{filter:brightness(1.15)}.dos-recipe{border-left:1px solid var(--dos-line);background:var(--dos-soft);padding:40px 35px}.dos-recipe>h3{font-family:var(--dos-serif);margin-top:14px;font-size:34px;font-weight:500;line-height:1.1}.dos-recipe>p{color:var(--dos-muted);max-width:35ch;margin-top:15px;font-size:12px;line-height:1.8}.dos-recipe ol{gap:21px;margin:30px 0;padding:0;list-style:none;display:grid}.dos-recipe li{gap:17px;display:flex}.dos-recipe li>span{color:var(--dos-muted);padding-top:3px;font-size:10px}.dos-recipe strong{font-size:12px}.dos-recipe li p{color:var(--dos-muted);margin-top:3px;font-size:11px}.dos-recipe-note{color:var(--dos-muted);font-size:9px}.dos-footer{border-top:1px solid var(--dos-line);color:var(--dos-muted);justify-content:space-between;gap:20px;padding:22px 40px;font-size:9px;display:flex}.dos-footer>span:first-child{letter-spacing:1px;font-weight:700}.dos-footer>span:first-child span{padding:0 9px}.dos-workspace,.dos-system{padding:40px}.dos-workspace-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.dos-workspace h1{letter-spacing:-1px;font-size:46px}.dos-project-layout{grid-template-columns:220px minmax(0,1fr);gap:20px;display:grid}.dos-project-list{flex-direction:column;gap:10px;display:flex}.dos-project-list>button{text-align:left;border:1px solid var(--dos-line);overflow-wrap:anywhere;background:0 0;border-radius:6px;flex-direction:column;gap:8px;padding:18px;display:flex}.dos-project-list>button.is-selected{border-color:var(--dos-accent);background:var(--dos-soft)}.dos-project-list strong{font-size:14px}.dos-project-list>button>span:last-child{color:var(--dos-muted);font-size:10px}.dos-status{color:var(--dos-accent);align-items:center;gap:7px;font-size:10px;display:flex}.dos-status.failed{color:#a12720}.dos-preview-toolbar{border:1px solid var(--dos-line);background:var(--dos-white);border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;gap:15px;padding:12px 15px;display:flex}.dos-preview-toolbar h2{overflow-wrap:anywhere;font-size:13px}.dos-preview-toolbar>div{flex-shrink:0;display:flex}.dos-preview-toolbar button,.dos-preview-toolbar a{background:0 0;border:0;border-radius:4px;place-items:center;width:44px;height:44px;display:grid}.dos-preview-toolbar button[aria-pressed=true]{background:var(--dos-soft)}.dos-preview-surface{background:var(--dos-soft);justify-content:center;padding:12px;display:flex}.dos-preview-surface iframe{background:#fff;border:0;width:100%;height:650px}.dos-detail-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;display:flex}.dos-detail-foot>span{color:var(--dos-muted);font-size:10px}.dos-detail-foot>div{gap:8px;display:flex}.dos-secondary{border:1px solid var(--dos-line);background:0 0;border-radius:5px;align-items:center;gap:8px;min-height:44px;padding:10px;display:inline-flex;font-size:11px!important}.dos-empty{text-align:center;min-height:280px;color:var(--dos-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;display:flex}.dos-empty h2,.dos-empty h3{font-family:var(--dos-serif);color:var(--dos-ink);font-size:30px;font-weight:500}.dos-empty p{max-width:48ch;font-size:13px}.dos-empty small{font-size:11px}.dos-system-lead{max-width:62ch;color:var(--dos-muted);font-size:14px;line-height:1.8;margin:25px 0 40px!important}.dos-skill-list{border-top:1px solid var(--dos-line)}.dos-skill-list>button{border:0;border-bottom:1px solid var(--dos-line);text-align:left;background:0 0;align-items:center;gap:24px;width:100%;padding:26px 0;display:flex}.dos-skill-list>button:hover{background:var(--dos-soft)}.dos-skill-number{color:var(--dos-muted);font-size:12px}.dos-skill-list h2{font-size:18px;font-weight:600}.dos-skill-list p{color:var(--dos-muted);margin-top:4px;font-size:12px}.dos-skill-availability{white-space:nowrap;margin-left:auto;font-size:11px}.dos-principles{grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 10px;display:grid}.dos-principles span{letter-spacing:1px;color:var(--dos-muted);font-size:9px}.dos-principles h3{font-family:var(--dos-serif);margin:15px 0;font-size:28px;line-height:1.1}.dos-principles p{color:var(--dos-muted);font-size:12px}.dos-error{color:#892c19;background:#fae8e2;justify-content:space-between;align-items:center;gap:15px;padding:15px 30px;font-size:13px;display:flex}.dos-error button{background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:grid}.dos-dialog{background:var(--dos-paper);color:var(--dos-ink);border:1px solid var(--dos-line);border-radius:8px;width:min(800px,92vw);max-height:85vh;margin:auto;padding:0;position:fixed;inset:0}.dos-dialog::backdrop{background:#151a1688}.dos-dialog header{background:var(--dos-paper);border-bottom:1px solid var(--dos-line);justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex;position:sticky;top:0}.dos-dialog h2{font-size:18px}.dos-dialog button{background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:grid}.dos-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;font-size:12px;line-height:1.8}.dos-spin{animation:1s linear infinite dos-spin}@keyframes dos-spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.dos-intro{padding-top:70px;padding-bottom:60px}}@media (max-width:1150px){.dos-connection{display:none}.dos-bar{justify-content:space-between}.dos-kits{grid-template-columns:repeat(2,minmax(0,1fr))}.dos-kit-image{aspect-ratio:1.5}.dos-composer{grid-template-columns:1fr}.dos-recipe{border-left:0;border-top:1px solid var(--dos-line)}.dos-recipe ol{grid-template-columns:repeat(3,1fr)}.dos-recipe>p{max-width:60ch}.dos-project-layout{grid-template-columns:1fr}.dos-project-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dos-edition{display:none}}@media (max-width:600px){.dos-bar{flex-wrap:wrap;gap:12px;padding:18px}.dos-bar nav{justify-content:space-between;width:100%}.dos-bar nav button{padding:10px 8px;font-size:11px}.dos-intro{padding:35px 20px}.design-os h1{letter-spacing:-1.5px;font-size:47px}.dos-section-heading{margin:0 20px 18px}.dos-section-heading>span{display:none}.dos-kits{gap:10px;margin:0 20px 30px}.dos-kit-image{aspect-ratio:.9}.dos-kit-caption{letter-spacing:1px;font-size:8px;bottom:8px;left:6px;right:6px}.dos-kit-copy{padding:12px 8px}.dos-kit-copy h3{font-size:12px}.dos-kit-copy p{font-size:10px}.dos-kit-copy>span{font-size:8px}.dos-composer form,.dos-recipe{padding:28px 20px}.dos-composer input,.dos-composer textarea{font-size:16px}.dos-form-foot{flex-direction:column;align-items:stretch}.dos-recipe ol{grid-template-columns:1fr}.dos-footer{flex-direction:column;gap:7px;padding:20px}.dos-workspace,.dos-system{padding:28px 20px}.dos-workspace-head{flex-direction:column;align-items:flex-start}.dos-workspace h1{font-size:40px}.dos-project-list{grid-template-columns:1fr}.dos-preview-toolbar{flex-wrap:wrap}.dos-preview-surface{padding:4px}.dos-preview-surface iframe{height:530px}.dos-skill-list>button{gap:12px}.dos-skill-list h2{font-size:15px}.dos-skill-list p{font-size:11px}.dos-skill-availability{display:none}.dos-skill-list>button>svg{flex-shrink:0}.dos-principles{grid-template-columns:1fr;gap:25px}.dos-detail-foot>div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.design-os *,.design-os :before,.design-os :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.dos-secondary:hover,.dos-preview-toolbar :is(button,a):hover,.dos-bar nav button:hover{background:var(--dos-soft)}.dos-dialog{overscroll-behavior:contain}.dos-skip{background:var(--dos-paper);z-index:3;padding:12px;position:absolute;top:-100px;left:20px}.dos-skip:focus{top:10px}.design-os{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:#37472c22;position:relative}.dos-project-detail{min-width:0}.dos-examples{margin:35px 0 55px}.dos-examples-heading h2{font-family:var(--dos-serif);font-size:38px;line-height:1.1}.dos-examples-heading p{color:var(--dos-muted);margin:12px 0 24px;font-size:13px}.dos-example-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.dos-example-cards article{border:1px solid var(--dos-line);background:var(--dos-white);border-radius:8px;min-width:0;overflow:clip}.dos-example-cards article.is-selected{border-color:var(--dos-accent);box-shadow:0 0 0 1px var(--dos-accent)}.dos-example-cover{background:var(--dos-soft);border:0;width:100%;height:210px;padding:0;display:block;position:relative;overflow:clip}.dos-example-cover iframe{transform-origin:0 0;pointer-events:none;border:0;width:1000px;height:750px;position:absolute;top:0;left:0;transform:scale(.32)}.dos-example-cover:hover{opacity:.9}.dos-example-copy{padding:18px}.dos-example-copy>span{color:var(--dos-muted);font-size:10px}.dos-example-copy h3{margin:8px 0;font-size:18px}.dos-example-copy p{color:var(--dos-muted);min-height:65px;margin-bottom:16px;font-size:12px;line-height:1.7}.dos-library-skills-heading{font-size:20px;margin-bottom:24px!important}.dos-example-preview{min-width:0}.dos-example-cards .dos-secondary:hover{background:var(--dos-soft)}@media (max-width:1050px){.dos-example-cards{grid-template-columns:1fr}.dos-example-cover{height:240px}.dos-example-cover iframe{transform:scale(.6)}.dos-example-copy p{min-height:0}}@media (max-width:600px){.dos-example-cover{height:200px}.dos-example-cover iframe{transform:scale(.32)}.dos-examples-heading h2{font-size:32px}}.dos-bar,.dos-preview-toolbar{flex-wrap:wrap}.dos-bar nav{min-width:0}.dos-example-cover{contain:paint}.dos-example-cover img{object-fit:cover;width:100%;height:100%;display:block}.dos-detail-foot{flex-wrap:wrap;gap:16px}.dos-detail-foot>a{text-underline-offset:4px;font-size:13px;text-decoration:underline}.dos-build-notice{color:#34412a;background:#e8edde;border-bottom:1px solid #c8d1bb;justify-content:space-between;align-items:center;gap:20px;padding:22px 36px;display:flex}.dos-build-notice p{margin:5px 0 0;font-size:13px}.dos-selected-template{background:#e8edde;border-left:3px solid #596750;gap:6px;margin-bottom:24px;padding:16px 18px;display:grid}.dos-selected-template span,.dos-project-heading>span{color:#626859;font-size:12px}.dos-project-heading{gap:5px!important;display:grid!important}.dos-project-heading h2{margin:0}@media (max-width:600px){.dos-build-notice{flex-direction:column;align-items:start;padding:20px}}.dos-bar nav{flex-wrap:wrap}.design-os .website-generator{border:0;border-radius:0}.design-os .website-generator h1{letter-spacing:-1px;margin:0;font:700 clamp(30px,3vw,43px)/1.12 Arial,sans-serif}.design-os .website-generator h1 em{font-family:inherit}.design-os .website-generator :is(h2,h3){font-family:Arial,sans-serif}.design-os .website-generator p{margin:0}.design-os .website-generator .wg-primary{color:#fff}