@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#20211d;background:#f3f2ed;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f3f2ed}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #d45233;outline-offset:3px}.topbar{min-height:72px;padding:0 4.2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #d9d8d1}.wordmark{color:#20211d;text-decoration:none;font-weight:800;letter-spacing:-.07em;font-size:18px}.wordmark i{font-style:normal;color:#d45233}.topbar-meta{display:flex;align-items:center;gap:9px;color:#73746d;font:10px DM Mono,monospace;letter-spacing:.08em}.topbar-dot{display:block;width:4px;height:4px;border-radius:100%;background:#d45233}.compact-action{justify-self:end;display:inline-flex;align-items:center;gap:8px;border:1px solid #20211d;padding:9px 13px;background:transparent;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s}.compact-action:hover{background:#20211d;color:#f3f2ed}.compact-action:active,.solid-button:active{transform:translateY(1px) scale(.98)}.intro{min-height:360px;padding:74px 8.5vw 66px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:60px;border-bottom:1px solid #d9d8d1;background:radial-gradient(circle at 82% 18%,rgba(212,82,51,.11),transparent 22%),#f3f2ed}.section-kicker,.eyebrow,.detail-label{display:inline-block;color:#73746d;font:10px DM Mono,monospace;letter-spacing:.1em}.intro h1{margin:15px 0 20px;font-size:clamp(42px,5.4vw,78px);line-height:.98;letter-spacing:-.075em;font-weight:800}.intro h1 em{color:#d45233;font-style:normal}.intro p{margin:0;max-width:510px;color:#5f6159;font-size:15px;line-height:1.75}.intro-index{align-self:end;padding-left:42px;border-left:1px solid #c8c7be}.intro-index>span{color:#73746d;font:10px DM Mono,monospace;letter-spacing:.1em}.intro-index div{margin:18px 0;display:flex;gap:14px;align-items:center}.intro-index b{font-size:58px;letter-spacing:-.08em;line-height:.8}.intro-index small{color:#73746d;font:10px/1.5 DM Mono,monospace}.intro-index button{display:inline-flex;align-items:center;gap:8px;padding:0 0 5px;border:0;border-bottom:1px solid #20211d;background:none;font-size:12px;font-weight:800}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1540px;margin:0 auto}.sidebar{min-height:760px;padding:35px 24px 30px 4.2vw;border-right:1px solid #d9d8d1}.sidebar-heading{padding:0 8px 20px;display:grid;gap:5px}.sidebar-heading span{color:#73746d;font:10px DM Mono,monospace;letter-spacing:.1em}.sidebar-heading strong{font-size:14px;letter-spacing:-.03em}.sidebar nav{border-top:1px solid #d9d8d1}.category{width:100%;padding:13px 8px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;border:0;border-bottom:1px solid #deddd7;background:none;transition:background .2s,padding .2s}.category>span{font-size:13px;font-weight:700}.category small{grid-row:2;color:#8b8c84;font-size:10px}.category svg{grid-column:2;grid-row:1 / 3;opacity:0;transition:opacity .2s,transform .2s}.category:hover,.category.active{padding-left:13px;background:#e9e8e1}.category.active{color:#d45233}.category:hover svg,.category.active svg{opacity:1;transform:translate(2px)}.sidebar-note{margin-top:40px;padding:17px 12px;border-left:2px solid #d45233;color:#5f6159}.sidebar-note svg{color:#d45233}.sidebar-note p{margin:11px 0 0;font-size:11px;line-height:1.65}.catalogue{padding:35px clamp(24px,4vw,64px) 80px;overflow:hidden}.catalogue-head{display:flex;gap:16px;align-items:center;justify-content:space-between}.search{flex:1;display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid #878880;color:#73746d}.search:focus-within{border-color:#20211d;color:#20211d}.search input{flex:1;min-width:0;height:44px;border:0;outline:0;color:#20211d;background:transparent;font-size:14px}.search input::placeholder{color:#8f9089}.search kbd{padding:3px 5px;border:1px solid #c8c7be;color:#85867f;background:#ecebe5;font:9px DM Mono,monospace}.view-buttons{display:flex;border:1px solid #c8c7be}.view-buttons button{width:39px;height:38px;display:grid;place-items:center;border:0;border-right:1px solid #c8c7be;background:transparent}.view-buttons button:last-child{border-right:0}.view-buttons .selected{color:#f3f2ed;background:#20211d}.result-summary{margin:37px 0 19px;display:flex;justify-content:space-between;font:10px DM Mono,monospace;letter-spacing:.08em}.result-summary span{color:#73746d}.result-summary b{font-weight:500}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pattern-list{display:grid;gap:12px}.pattern-card{--tone: #d45233;min-width:0;position:relative;border:1px solid #d9d8d1;background:#f8f7f2;cursor:pointer;animation:enter .45s both cubic-bezier(.16,1,.3,1);animation-delay:calc(var(--i) * 45ms);transition:transform .25s cubic-bezier(.16,1,.3,1),border .25s,box-shadow .25s}.pattern-card:hover{z-index:1;border-color:#b1b1a9;transform:translateY(-4px);box-shadow:0 18px 40px -28px #20211db3}.tone-ink{--tone: #20211d}.tone-rust{--tone: #d45233}.tone-olive{--tone: #707b45}.tone-blue{--tone: #356c82}.card-top{height:41px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deddd7;color:#777870;font:9px DM Mono,monospace;letter-spacing:.08em}.card-preview{height:192px;padding:11px;overflow:hidden}.card-copy{padding:17px 16px 13px}.card-copy>div{display:flex;gap:9px;align-items:baseline}.card-copy h2{margin:0;font-size:19px;letter-spacing:-.06em}.card-copy>div span{color:#73746d;font-size:11px}.card-copy p{min-height:39px;margin:9px 0 0;color:#696a63;font-size:11px;line-height:1.6}.card-bottom{padding:0 16px 16px;display:flex;justify-content:space-between;align-items:center;color:var(--tone)}.card-bottom>div{display:flex;gap:5px}.card-bottom span{padding:4px 6px;border:1px solid #dfded8;color:#777870;font:9px DM Mono,monospace}.pattern-list .pattern-card{display:grid;grid-template-columns:100px 170px 1fr auto;align-items:center}.pattern-list .card-top{height:100%;flex-direction:column;justify-content:center;gap:10px;border-bottom:0;border-right:1px solid #deddd7}.pattern-list .card-preview{height:100px;padding:8px}.pattern-list .card-copy{padding:16px}.pattern-list .card-copy p{min-height:0}.pattern-list .card-bottom{padding:0 20px}.pattern-list .demo-stage{min-height:82px}.no-result{max-width:520px;padding:75px 10px;text-align:center;color:#73746d}.no-result h2{margin:18px 0 8px;color:#20211d;font-size:24px;letter-spacing:-.05em}.no-result p{font-size:13px;line-height:1.7}.no-result button{margin-top:10px;padding:9px 12px;border:1px solid #20211d;background:transparent;font-size:12px;font-weight:700}.demo-stage{min-height:168px;width:100%;position:relative;overflow:hidden;color:#20211d;background:#e9e7df;font-family:Manrope,sans-serif}.card-preview .demo-stage{min-height:168px}.carousel-stage{padding:10px;background:#e7e0d7}.carousel-top{display:flex;justify-content:space-between;align-items:center;color:#756b63;font:8px DM Mono,monospace}.icon-button,.close-button{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(32,33,29,.2);background:transparent}.carousel-window{margin:9px 0;overflow:hidden}.slide-card{height:92px;padding:13px;display:grid;align-content:space-between;color:#f6f4ef;background:var(--tone);transition:background .25s,transform .25s}.slide-card.tone-rust{background:#bc4b30}.slide-card.tone-blue{background:#356c82}.slide-card.tone-olive{background:#6f7948}.slide-card span{font:8px DM Mono,monospace;opacity:.72}.slide-card strong{font-size:18px;letter-spacing:-.07em}.slide-card small{font-size:8px;opacity:.75}.demo-controls{display:flex;justify-content:space-between;align-items:center}.demo-controls>button{padding:0;border:0;background:none;color:#5f5e57;font:9px DM Mono,monospace}.dots{display:flex;gap:4px}.dots button{width:14px;height:3px;padding:0;border:0;background:#bebbb4}.dots button.active{background:#20211d}.modal-stage{display:grid;place-items:center;padding:16px;background:linear-gradient(135deg,#ded7ce,#ebe8e0)}.modal-base{width:100%;padding:18px;background:#f6f4ef;transition:filter .2s}.modal-base.muted{filter:blur(2px)}.modal-base strong,.mini-dialog strong{display:block;margin:7px 0 4px;font-size:16px;letter-spacing:-.05em}.modal-base p,.mini-dialog p{margin:0 0 12px;color:#686962;font-size:10px;line-height:1.5}.solid-button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:0;color:#f6f4ef;background:#20211d;font-size:10px;font-weight:700}.mini-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:14px;background:#20211d40}.mini-dialog{width:min(220px,100%);padding:16px;position:relative;background:#f8f7f2;box-shadow:0 18px 35px -18px #20211d8c;animation:pop .25s cubic-bezier(.16,1,.3,1)}.mini-dialog .close-button{position:absolute;top:8px;right:8px}.mini-dialog>div{display:flex;gap:5px;justify-content:flex-end}.text-button{padding:8px 7px;border:0;background:transparent;font-size:10px}.accordion-stage{padding:9px;background:#e5e7d9}.accordion-row{border-bottom:1px solid rgba(32,33,29,.18)}.accordion-row button{width:100%;padding:11px 4px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:5px;border:0;background:transparent;text-align:left;font-size:10px;font-weight:700}.accordion-row button span{color:#707b45;font:8px DM Mono,monospace}.accordion-row button svg{transition:transform .2s}.accordion-row.open button svg{transform:rotate(90deg)}.accordion-row p{margin:0;padding:0 26px 10px;color:#64675b;font-size:9px;line-height:1.5}.tabs-stage{padding:13px;background:#dfe8e9}.tab-list{display:flex;gap:2px;border-bottom:1px solid rgba(32,33,29,.2)}.tab-list button{padding:7px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#687477;font-size:9px}.tab-list button.selected{border-bottom-color:#356c82;color:#20211d;font-weight:800}.tab-panel{padding:18px 8px}.tab-panel strong{display:block;max-width:150px;margin:7px 0 16px;font-size:17px;line-height:1;letter-spacing:-.06em}.panel-line{height:5px;margin:5px 0;background:#356c8240}.panel-line.short{width:58%}.button-stage{padding:16px;display:grid;align-content:center;background:#e6e7de}.button-stage>strong{display:block;margin:7px 0 14px;font-size:18px;letter-spacing:-.06em}.button-rack{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.outline-demo-button,.round-demo-button{padding:8px 10px;border:1px solid #60635c;background:transparent;font-size:10px;font-weight:700}.round-demo-button{width:31px;height:31px;display:grid;place-items:center;padding:0;border-radius:50%}.button-stage small{margin-top:12px;color:#73746d;font-size:9px}.dropdown-stage{padding:15px;background:#e4e1eb}.dropdown-trigger{width:100%;margin-top:12px;padding:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #a7a2b0;background:#f5f2f1;font-size:10px;text-align:left}.dropdown-trigger svg{transform:rotate(90deg)}.dropdown-menu{position:absolute;z-index:1;top:64px;left:15px;right:15px;border:1px solid #a7a2b0;background:#f8f7f2;box-shadow:0 12px 24px -15px #20211d80}.dropdown-menu button{width:100%;padding:9px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #dedce3;background:transparent;text-align:left;font-size:10px}.dropdown-menu button:hover{background:#ece8ef}.dropdown-stage p{margin:13px 0 0;color:#716d78;font-size:9px;line-height:1.5}.table-stage{padding:11px;background:#e2e8e4}.table-head,.table-row{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:4px;align-items:center;text-align:left}.table-head{padding:5px 7px;color:#737b75;font:8px DM Mono,monospace}.table-row{width:100%;padding:9px 7px;border:0;border-top:1px solid rgba(32,33,29,.15);background:transparent;font-size:9px}.table-row:hover{color:#356c82;background:#f1f5f0}.table-row b{font-size:10px}.table-row span{color:#65746c}.table-stage small{display:block;margin:9px 7px 0;color:#777c76;font:8px DM Mono,monospace}.filter-stage{padding:15px;background:#f0e5d6}.filter-chips{margin:12px 0;display:flex;gap:4px}.filter-chips button{padding:6px 8px;border:1px solid #c8b8a8;background:transparent;color:#75685e;font-size:9px}.filter-chips .active{color:#f8f4ed;background:#9c5a3d;border-color:#9c5a3d}.filter-results{display:grid;gap:4px}.filter-results div{padding:7px;display:flex;align-items:center;gap:7px;background:#f8f3eb;font-size:9px}.filter-results .pulse{width:5px;height:5px;background:#9c5a3d}.upload-stage{padding:15px;display:grid;place-items:center;background:#dce5e5}.upload-zone{width:100%;height:130px;display:grid;place-content:center;justify-items:center;gap:5px;border:1px dashed #769195;color:#406a70;background:#f8faf773}.upload-zone:hover{background:#f8faf7d9}.upload-zone strong{font-size:11px}.upload-zone small{color:#6b8589;font-size:9px}.upload-mark{font-size:26px;font-weight:300}.upload-reset{position:absolute;right:15px;bottom:10px;padding:0;border:0;background:transparent;color:#52777d;font-size:9px}.reference-stage{display:grid;grid-template-columns:1fr 1.2fr;background:#e2e1d9}.reference-shot{padding:12px;display:grid;align-content:start;gap:5px;color:#f6f3ed;background:#28373a;font:7px DM Mono,monospace}.reference-shot span{margin-bottom:12px}.reference-shot i{display:block;height:20px;background:#6f8d82}.reference-shot i:nth-child(3){width:72%;background:#ba7657}.reference-shot i:nth-child(4){width:88%;background:#d8c5aa}.reference-note{padding:13px}.reference-note strong{display:block;margin:7px 0;font-size:13px;line-height:1.05;letter-spacing:-.05em}.reference-note p{margin:0;color:#676862;font-size:9px;line-height:1.45}.reference-note button{margin-top:9px;display:flex;align-items:center;gap:4px;padding:0;border:0;border-bottom:1px solid #20211d;background:transparent;font-size:9px;font-weight:700}.drag-stage{padding:14px;background:#dbe7e9}.drag-stage>.eyebrow{margin-bottom:10px}.drag-item{width:100%;margin:3px 0;padding:9px;display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;border:1px solid rgba(53,108,130,.22);background:#eff4f3;text-align:left;transition:transform .2s}.drag-item:hover{transform:translate(4px)}.drag-item span{color:#356c82}.drag-item b{font-size:10px}.drag-item small{color:#6f7d7f;font:8px DM Mono,monospace}.stagger-stage{padding:15px;background:#f0ddd6}.stagger-copy strong{display:block;max-width:145px;margin-top:7px;font-size:17px;line-height:.95;letter-spacing:-.06em}.stagger-list{margin-top:14px}.stagger-row{margin:4px 0;padding:7px;display:flex;gap:8px;background:#f7eee9;font-size:9px;animation:stagger .42s both cubic-bezier(.16,1,.3,1)}.stagger-row span{color:#d45233;font:8px DM Mono,monospace}.replay{position:absolute;right:12px;bottom:10px;display:flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:#92503f;font:9px DM Mono,monospace}.empty-stage{padding:15px;display:grid;justify-items:start;align-content:center;background:#efe0d9}.empty-stage strong{margin-top:8px;font-size:16px;letter-spacing:-.06em}.empty-stage p{max-width:220px;margin:5px 0 10px;color:#765c54;font-size:9px;line-height:1.5}.empty-orbit{position:absolute;right:12px;top:17px;width:72px;height:72px;border:1px solid rgba(212,82,51,.25);border-radius:50%}.empty-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#d45233;animation:orbit 3s infinite linear}.empty-orbit i:nth-child(1){top:-4px;left:29px}.empty-orbit i:nth-child(2){right:2px;bottom:10px;background:#20211d;animation-delay:-1s}.empty-orbit i:nth-child(3){left:4px;bottom:8px;background:#707b45;animation-delay:-2s}.bento-stage{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr .65fr;gap:5px;padding:5px;background:#dce7e6}.bento-stage>div{padding:10px;background:#f5f7f3}.bento-a{grid-row:1 / 3;display:flex;flex-direction:column;justify-content:space-between}.bento-a strong{font-size:17px;line-height:.94;letter-spacing:-.06em}.bento-bars{display:flex;align-items:end;gap:4px;height:42px}.bento-bars i{width:12px;height:21px;background:#356c82;animation:bar 1.7s infinite ease-in-out}.bento-bars i:nth-child(2){height:35px;animation-delay:-.5s}.bento-bars i:nth-child(3){height:27px;animation-delay:-1s}.bento-b{display:grid;place-content:center;gap:5px;color:#356c82;font-size:9px}.bento-b:hover{background:#356c82;color:#f5f7f3}.bento-c{display:flex;align-items:center;gap:7px;font-size:9px}.pulse{width:7px;height:7px;border-radius:50%;background:#707b45;animation:pulse 1.8s infinite}.detail-scrim{position:fixed;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#20211d47;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s both}.detail-panel{width:min(590px,100%);min-height:100dvh;padding:26px clamp(22px,4vw,46px);overflow:auto;background:#f8f7f2;box-shadow:-22px 0 55px -35px #20211dbf;animation:drawer .35s cubic-bezier(.16,1,.3,1)}.detail-top{display:flex;align-items:center;justify-content:space-between;color:#73746d;font:10px DM Mono,monospace;letter-spacing:.07em}.detail-title{margin:55px 0 29px}.detail-title>span{color:var(--tone);font-size:13px}.detail-title h2{margin:5px 0 8px;font-size:clamp(42px,6vw,68px);line-height:.9;letter-spacing:-.08em}.detail-title p{max-width:450px;margin:0;color:#60615b;font-size:14px;line-height:1.7}.detail-panel .demo-stage{min-height:300px}.detail-columns{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d9d8d1;border-bottom:1px solid #d9d8d1}.detail-columns section{padding:17px 14px 18px 0}.detail-columns section+section{padding-left:14px;border-left:1px solid #d9d8d1}.detail-columns p{margin:8px 0 0;color:#5e6059;font-size:11px;line-height:1.65}.alias-section{padding:20px 0;border-bottom:1px solid #d9d8d1}.alias-section>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.alias-section button{padding:6px 8px;border:1px solid #d1d0c9;background:transparent;font-size:11px}.detail-footer{padding:18px 0;display:flex;align-items:center;gap:8px;color:#73746d;font-size:11px}.detail-footer svg{color:#707b45}.reference-link{padding:20px 0;border-bottom:1px solid #d9d8d1}.reference-link strong{display:block;margin-top:8px;font-size:17px;letter-spacing:-.05em}.reference-link p{margin:5px 0 10px;color:#60615b;font-size:11px;line-height:1.6}.reference-link a{display:inline-flex;align-items:center;gap:5px;padding-bottom:3px;border-bottom:1px solid #20211d;color:#20211d;text-decoration:none;font-size:11px;font-weight:800}.mechanics-section,.a11y-section{padding:20px 0;border-bottom:1px solid #d9d8d1}.mechanics-section>p,.a11y-section p{margin:8px 0 15px;color:#5e6059;font-size:12px;line-height:1.7}.mechanics-section>div{padding:10px 11px;border-left:2px solid #d45233;background:#f1eee8}.mechanics-section>div span{display:block;color:#777870;font:8px DM Mono,monospace;letter-spacing:.08em}.mechanics-section>div strong{display:block;margin-top:5px;font-size:11px;line-height:1.5;letter-spacing:-.02em}.learning-section{margin-top:20px;padding:18px 18px 17px;border:1px solid #cbd2c2;background:#eef1e9}.learning-section ol{margin:12px 0 0;padding:0;list-style:none;counter-reset:learning}.learning-section li{position:relative;min-height:38px;padding:0 0 13px 31px;counter-increment:learning}.learning-section li:last-child{min-height:0;padding-bottom:0}.learning-section li:before{content:counter(learning);position:absolute;top:0;left:0;width:20px;height:20px;display:grid;place-items:center;border:1px solid #8d9879;border-radius:50%;color:#4f5c3d;font:9px DM Mono,monospace}.learning-section b{color:#3d4830;font-size:11px}.learning-section p{margin:4px 0 0;color:#596052;font-size:12px;line-height:1.6}.related-section{padding:20px 0;border-bottom:1px solid #d9d8d1}.related-section>div{margin-top:9px;display:grid;gap:5px}.related-section button{padding:9px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #d9d8d1;background:transparent;text-align:left}.related-section button:hover{border-color:#9e9e95;background:#efeee8}.related-section button span{color:#777870;font-size:9px}.related-section button strong{grid-row:2;font-size:12px;letter-spacing:-.04em}.related-section button svg{grid-column:2;grid-row:1/3;color:#d45233}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.9) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes stagger{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes orbit{50%{transform:translate(25px,25px)}}@keyframes bar{50%{transform:scaleY(.45);transform-origin:bottom}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drawer{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:860px){.topbar{grid-template-columns:1fr auto}.topbar-meta{display:none}.intro{padding:52px 24px 42px;grid-template-columns:1fr;gap:40px}.intro-index{padding:18px 0 0;border-top:1px solid #c8c7be;border-left:0}.workspace{display:block}.sidebar{min-height:auto;padding:25px 24px;border-right:0;border-bottom:1px solid #d9d8d1}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.category{min-height:67px}.sidebar-note{display:none}.catalogue{padding:26px 24px 60px}.pattern-grid{grid-template-columns:1fr 1fr}.detail-panel{width:min(620px,100%)}}@media(max-width:600px){.topbar{min-height:62px;padding:0 18px}.compact-action{padding:8px;font-size:0}.compact-action svg{margin:0}.intro{min-height:auto;padding:48px 20px 35px}.intro h1{font-size:47px}.intro p{font-size:13px}.workspace{overflow:hidden}.sidebar{padding:20px}.sidebar nav{margin:0 -20px;padding:0 20px;display:flex;gap:5px;overflow-x:auto}.category{width:auto;min-width:126px;padding:10px;border:1px solid #d9d8d1}.category small,.category svg{display:none}.catalogue{padding:22px 16px 50px}.catalogue-head{gap:8px}.search kbd{display:none}.pattern-grid{grid-template-columns:1fr}.pattern-list .pattern-card{grid-template-columns:80px 1fr auto}.pattern-list .card-preview{display:none}.pattern-list .card-bottom{padding:0 12px}.pattern-list .card-bottom>div{display:none}.detail-panel{padding:22px 18px}.detail-title{margin:38px 0 24px}.detail-columns{grid-template-columns:1fr}.detail-columns section+section{padding-left:0;border-left:0;border-top:1px solid #d9d8d1}.detail-panel .demo-stage{min-height:270px}}.swipe-stage{padding:14px;background:#e7ddd5}.swipe-window{height:112px;padding:15px 15px 0;overflow:hidden}.swipe-card{height:100px;padding:12px;display:grid;align-content:space-between;color:#f8f4ed;background:#9d5037;box-shadow:8px 8px #20211d21;transition:transform .28s cubic-bezier(.16,1,.3,1)}.swipe-card small,.scroll-rail article span{font:8px DM Mono,monospace}.swipe-card strong{font-size:16px;letter-spacing:-.06em}.swipe-card p{margin:0;font-size:8px;opacity:.8}.swipe-controls{display:flex;align-items:center;justify-content:space-between}.swipe-controls button{width:24px;height:24px;border:1px solid #a89b91;background:#f5eee8}.swipe-controls span{color:#7c6257;font:9px DM Mono,monospace}.hover-stage{padding:14px;background:#dce5e0}.hover-object{min-height:120px;padding:14px;position:relative;overflow:hidden;display:grid;align-content:space-between;color:#f6f5ee;background:#314d48;transition:transform .25s,background .25s}.hover-object.is-hovered{background:#356c67;transform:translateY(-2px)}.hover-object strong{max-width:145px;font-size:16px;line-height:.95;letter-spacing:-.06em}.hover-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:4px;transform:translateY(30px);opacity:0;transition:transform .25s,opacity .25s}.is-hovered .hover-actions{transform:translateY(0);opacity:1}.hover-actions button{padding:5px 7px;border:1px solid rgba(255,255,255,.4);color:#fff;background:transparent;font-size:8px}.hover-stage>p{margin:8px 0 0;color:#617570;font-size:8px}.resize-stage{padding:14px;background:#e0e4e9}.resize-panels{height:105px;display:flex;gap:4px;overflow:hidden}.resize-panels>div{min-width:52px;padding:10px;display:grid;align-content:space-between;color:#f4f6f4;background:#3a697d;transition:width .2s}.resize-panels>div+div{flex:1;background:#667585}.resize-panels b{font:8px DM Mono,monospace}.resize-panels span{font-size:9px}.resize-stage input{width:100%;margin:12px 0 4px;accent-color:#356c82}.resize-stage small{color:#667482;font:8px DM Mono,monospace}.command-stage{padding:20px 14px;background:#e7e6e0}.command-trigger{width:100%;padding:10px;display:flex;align-items:center;gap:7px;border:1px solid #aaa9a1;color:#70716a;background:#f7f6f1;text-align:left;font-size:10px}.command-trigger span{flex:1}.command-trigger kbd{font:8px DM Mono,monospace}.command-pop{position:absolute;z-index:2;top:35px;left:14px;right:14px;padding:8px;border:1px solid #999890;background:#fbfaf5;box-shadow:0 16px 30px -18px #20211da6}.command-pop input{width:100%;padding:8px;border:0;border-bottom:1px solid #deddd7;outline:0;background:transparent;font-size:10px}.command-pop>span{display:block;margin:10px 6px 4px;color:#777870;font:8px DM Mono,monospace}.command-pop>button{width:100%;padding:8px 6px;display:flex;align-items:center;gap:5px;border:0;background:transparent;font-size:9px;text-align:left}.command-pop>button:hover{background:#efeee8}.command-pop .command-close{justify-content:flex-end;color:#777870}.date-stage{padding:14px;background:#e5e2eb}.date-head{display:flex;justify-content:space-between;color:#5d536c;font:9px DM Mono,monospace}.date-head button{padding:0;border:0;color:#5d536c;background:transparent;font:inherit;text-decoration:underline}.date-grid{margin:12px 0 9px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.date-grid button{aspect-ratio:1;border:0;color:#5f5964;background:#f4f2f6;font-size:9px}.date-grid button.picked{color:#fff;background:#725884}.date-stage small{color:#736b78;font:8px DM Mono,monospace}.tooltip-stage{padding:18px;display:grid;place-items:center;align-content:center;background:#e4e6d9;text-align:center}.tooltip-orbit{position:relative;margin-bottom:15px}.tooltip-orbit>button{width:38px;height:38px;border:1px solid #78804e;border-radius:50%;color:#617032;background:#eff0e7;font-size:17px}.tooltip-orbit>span{width:145px;padding:7px;position:absolute;left:50%;bottom:47px;transform:translate(-50%);color:#f9f8f2;background:#3e462a;font-size:8px;line-height:1.45}.tooltip-stage strong{font-size:15px;letter-spacing:-.05em}.tooltip-stage p{max-width:210px;margin:6px 0 0;color:#687052;font-size:8px;line-height:1.5}.toast-stage{padding:17px;display:grid;align-content:center;gap:10px;background:#e7dfd5}.toast-stage>p{max-width:175px;margin:0;color:#776d62;font-size:9px;line-height:1.5}.toast-pop{position:absolute;right:10px;bottom:10px;padding:8px;display:flex;align-items:center;gap:6px;color:#f9f7ef;background:#2e3a37;box-shadow:0 10px 20px -14px #20211db3;font-size:9px;animation:pop .22s both}.toast-pop svg{color:#b6c278}.toast-pop button{display:grid;place-items:center;padding:0;border:0;color:#fff;background:transparent}.validation-stage{padding:14px;background:#ebe2da}.validation-stage label{display:grid;gap:5px;color:#67574f;font-size:9px;font-weight:700}.validation-stage input{padding:8px;border:1px solid #bdaaa0;outline:0;background:#f9f5ef;font-size:10px}.validation-stage .solid-button{margin-top:10px}.field-error,.field-success{margin:5px 0 0;color:#b34c3f;font-size:8px}.field-success{display:flex;align-items:center;gap:4px;color:#647740}.onboarding-stage{padding:13px;background:#dce8e8}.onboarding-art{height:43px;margin-bottom:9px;display:flex;align-items:end;gap:5px}.onboarding-art i{width:28px;height:25px;background:#547f83}.onboarding-art i:nth-child(2){height:42px;background:#d56f48}.onboarding-art i:nth-child(3){height:32px;background:#83906c}.onboarding-stage strong{display:block;margin:5px 0;font-size:15px;letter-spacing:-.06em}.onboarding-stage p{max-width:220px;margin:0 0 8px;color:#5e777a;font-size:8px;line-height:1.5}.stepper-stage{padding:13px;background:#e5e7df}.stepper-track{display:flex;margin-bottom:20px}.stepper-track button{flex:1;padding:0 0 8px;display:grid;justify-items:start;gap:5px;border:0;border-bottom:2px solid #c4c8bc;color:#797d73;background:transparent;font-size:8px;text-align:left}.stepper-track button.done{border-color:#69794e;color:#3d482b}.stepper-track button span{width:15px;height:15px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:8px DM Mono,monospace}.stepper-copy strong{display:block;margin-top:7px;font-size:15px;line-height:1.05;letter-spacing:-.06em}.progress-stage{padding:16px;display:grid;align-content:center;background:#dee8e7}.progress-stage strong{margin:7px 0 13px;font-size:16px;letter-spacing:-.06em}.progress-bar{height:7px;overflow:hidden;background:#bdd1ce}.progress-bar i{display:block;height:100%;background:#386f6d;transition:width .25s}.progress-stage>div:last-child{margin-top:7px;display:flex;justify-content:space-between;color:#5d7774;font:8px DM Mono,monospace}.progress-stage button{padding:0;border:0;color:#386f6d;background:transparent;font:inherit;text-decoration:underline}.scroll-stage{padding:13px;background:#e7e1d8}.scroll-rail{margin-top:12px;display:flex;gap:5px;overflow:auto;scrollbar-width:none}.scroll-rail article{min-width:90px;padding:11px;color:#6c6259;background:#f4efe8;cursor:pointer;transition:background .2s,color .2s}.scroll-rail article.current{color:#f8f5ef;background:#856b56}.scroll-rail article span{display:block;margin-bottom:15px}.scroll-rail article strong{font-size:12px;letter-spacing:-.05em}.scroll-caption{margin-top:10px;display:flex;justify-content:space-between;align-items:center;color:#6d645b;font:8px DM Mono,monospace}.scroll-caption button{display:flex;align-items:center;gap:3px;padding:0;border:0;color:#6d645b;background:transparent;font:inherit}.toggle-stage{padding:17px;background:#e5e5df}.toggle-stage>div{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.toggle-stage strong{max-width:150px;font-size:16px;line-height:1;letter-spacing:-.06em}.switch{width:39px;height:22px;padding:2px;border:1px solid #999a90;border-radius:20px;background:#d3d3cc}.switch i{width:16px;height:16px;display:block;border-radius:50%;background:#fff;transition:transform .22s}.switch.on{background:#5f7144;border-color:#5f7144}.switch.on i{transform:translate(16px)}.toggle-stage p{margin:13px 0 0;color:#73746d;font-size:9px;line-height:1.5}.style-stage{padding:10px;background:#e4e3dc}.style-nav{display:flex;justify-content:space-between;align-items:center;font:8px DM Mono,monospace}.style-nav button{padding:4px 6px;border:1px solid currentColor;background:transparent;font:inherit}.style-layout{height:126px;margin-top:9px;display:grid;grid-template-columns:1.3fr .7fr;gap:5px}.style-layout section,.style-layout aside{padding:10px;background:#f7f6f0}.style-layout section{display:grid;align-content:space-between}.style-layout strong{font-size:15px;line-height:.95;letter-spacing:-.06em}.style-layout p{margin:4px 0;color:#6c6c65;font-size:8px;line-height:1.4}.style-layout section button{width:max-content;padding:5px 6px;border:0;color:#fff;background:#20211d;font-size:8px}.style-layout aside{display:grid;gap:5px}.style-layout aside i{display:block;background:#c9c9c2}.style-glass{color:#edf5f1;background:linear-gradient(120deg,#557b77,#958872)}.style-glass .style-layout section,.style-glass .style-layout aside{border:1px solid rgba(255,255,255,.35);color:#fff;background:#ffffff21;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.style-glass .style-layout p{color:#e3efea}.style-glass .style-layout section button{color:#315b55;background:#edf5f1}.style-brutalism{color:#111;background:#e4ff32}.style-brutalism .style-layout section,.style-brutalism .style-layout aside{border:2px solid #111;box-shadow:5px 5px #111;border-radius:0;background:#fff}.style-brutalism .style-layout strong{letter-spacing:-.1em}.style-brutalism .style-layout section button{border:2px solid #111;color:#111;background:#ff6b5c}.style-editorial-style{background:#e9e0d7}.style-editorial-style .style-layout section{background:#f8f2ea}.style-editorial-style .style-layout strong{font-family:Georgia,serif;font-size:18px;font-weight:400;letter-spacing:-.08em}.style-editorial-style .style-layout aside{background:#653c35}.style-editorial-style .style-layout aside i{background:#d3a176}.style-high-contrast{color:#fff;background:#000}.style-high-contrast .style-layout section,.style-high-contrast .style-layout aside{border:2px solid #fff;color:#fff;background:#000}.style-high-contrast .style-layout p{color:#fff}.style-high-contrast .style-layout section button{color:#000;background:#fff}.style-monochrome{background:#d9d9d6}.style-monochrome .style-layout section,.style-monochrome .style-layout aside{background:#f5f5f3}.style-soft-ui{background:#dfe5e7}.style-soft-ui .style-layout section,.style-soft-ui .style-layout aside{border-radius:12px;box-shadow:5px 5px 10px #b6bec0,-5px -5px 10px #fff;background:#dfe5e7}.style-retro{color:#f6e8b0;background:#432a64}.style-retro .style-layout section,.style-retro .style-layout aside{border:2px solid #f6e8b0;color:#f6e8b0;background:#432a64}.style-retro .style-layout section button{color:#432a64;background:#f6e8b0}.style-data-dense .style-layout{gap:2px}.style-data-dense .style-layout section,.style-data-dense .style-layout aside{padding:6px}.style-premium{background:#e9e5dd}.style-premium .style-layout section,.style-premium .style-layout aside{border:1px solid #d6cdc1;background:#faf8f3}.style-playful{background:#d5ebe5}.style-playful .style-layout section{transform:rotate(-1deg);background:#ffe475}.style-playful .style-layout aside{transform:rotate(2deg);background:#f7806c}.motion-fade .stagger-row{animation-name:demoFade}.motion-slide .stagger-row{animation-name:demoSlide}.motion-scale .stagger-row{animation-name:demoScale}.motion-rotate .stagger-row{animation-name:demoRotate;transform-origin:left center}.motion-page-transition .stagger-row{animation-name:demoPage}.motion-stagger .stagger-row{animation-name:stagger}.style-high-contrast{background:#101010}.style-high-contrast .style-layout section,.style-high-contrast .style-layout aside{background:#101010}.style-high-contrast .style-layout section button{color:#101010}@keyframes demoFade{0%{opacity:0}to{opacity:1}}@keyframes demoSlide{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes demoScale{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes demoRotate{0%{opacity:0;transform:rotate(-7deg)}to{opacity:1;transform:rotate(0)}}@keyframes demoPage{0%{opacity:0;transform:translateY(12px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}.drag-item.is-dragging{opacity:.48;transform:scale(.97)}.drag-help{margin:8px 2px 0;color:#6f7d7f;font:8px DM Mono,monospace}.close-button{padding:0;line-height:0}.close-button svg{display:block}.reference-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 4px}.reference-tags span{padding:4px 6px;border:1px solid #d1d0c9;color:#6d6e67;font:9px DM Mono,monospace}.reference-link .reference-patterns{margin:8px 0 10px;color:#3d676b;font-size:10px}.style-dark{color:#e6e8e1;background:#1b1d1b}.style-dark .style-layout section,.style-dark .style-layout aside{border:1px solid #3c413d;background:#262a27}.style-dark .style-layout p{color:#b2bab3}.style-dark .style-layout section button{color:#1b1d1b;background:#d8e4bd}.style-dark .style-layout aside i{background:#516258}.style-minimal{background:#fbfbf8}.style-minimal .style-layout{gap:12px}.style-minimal .style-layout section,.style-minimal .style-layout aside{border:0;background:#fff}.style-minimal .style-layout aside i{height:1px;background:#dadad3}.style-minimal .style-layout section button{background:#20211d}.style-light-ui{background:#f5f7f4}.style-light-ui .style-layout section,.style-light-ui .style-layout aside{border:1px solid #d9e0da;background:#fff}.style-light-ui .style-layout aside i{background:#dce9e2}.style-light-ui .style-layout section button{background:#3c7464}.style-monochrome{color:#252525;background:#d5d5d2}.style-monochrome .style-layout section,.style-monochrome .style-layout aside{border:1px solid #a8a8a4;background:#eeeeeb}.style-monochrome .style-layout p{color:#666662}.style-monochrome .style-layout aside i{background:#9a9a96}.style-monochrome .style-layout section button{background:#30302e}.style-data-dense{background:#e2e5e2}.style-data-dense .style-layout{gap:2px;grid-template-columns:1.55fr .45fr}.style-data-dense .style-layout section,.style-data-dense .style-layout aside{padding:6px;border:1px solid #aeb6b0;background:#eef1ee}.style-data-dense .style-layout strong{font-size:11px;letter-spacing:-.04em}.style-data-dense .style-layout p{font-size:7px}.style-data-dense .style-layout aside{gap:2px}.style-data-dense .style-layout aside i{background:#7b8d83}.style-premium{background:#e8e3da}.style-premium .style-layout{gap:8px}.style-premium .style-layout section,.style-premium .style-layout aside{border:1px solid #d2c5b4;background:#f9f6f0;box-shadow:0 10px 22px -18px #44382a8c}.style-premium .style-layout strong{font-size:17px;font-weight:500}.style-premium .style-layout aside i{background:#b69a72}.style-premium .style-layout section button{color:#f9f6f0;background:#6b5237}.button-group-demo{gap:0}.button-group-demo button{border-radius:0}.split-menu-button{padding:8px;border:0;border-left:1px solid rgba(255,255,255,.45);color:#f6f4ef;background:#20211d}.split-menu{position:absolute;right:14px;top:93px;z-index:2;display:grid;min-width:92px;border:1px solid #b8b7af;background:#f8f7f2;box-shadow:0 10px 20px -15px #20211d99}.split-menu button{padding:7px;border:0;border-bottom:1px solid #dddcd6;background:transparent;text-align:left;font-size:9px}.drawer-demo .mini-overlay{padding:0;justify-content:end}.drawer-demo .mini-dialog{width:68%;height:100%;box-shadow:-10px 0 22px -16px #20211db3}.sheet-demo .mini-overlay{align-items:end;padding:0}.sheet-demo .mini-dialog{width:100%;border-radius:12px 12px 0 0}.sheet-demo .mini-dialog:before{content:"";width:28px;height:3px;margin:-7px auto 9px;display:block;border-radius:3px;background:#b6b5ad}.popover-stage .tooltip-orbit>button{width:auto;height:auto;padding:8px 10px;border-radius:0;font-size:9px}.popover-stage .tooltip-orbit>span{width:170px;padding:10px;bottom:40px;text-align:left}.popover-stage .tooltip-orbit>span b{display:block;margin-bottom:4px;font-size:10px}.popover-stage .tooltip-orbit>span small{display:block;font-size:8px;line-height:1.45}.popover-stage .tooltip-orbit>span button{margin-top:8px;padding:0;border:0;color:#fff;background:transparent;font-size:8px;text-decoration:underline}.layout-stage{padding:13px;background:#e4e3dc}.layout-canvas{height:120px;margin-top:10px;display:grid;gap:4px;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr}.layout-canvas i{display:block;background:#6f8990}.layout-canvas i:nth-child(2){background:#d27455}.layout-canvas i:nth-child(3){background:#889765}.layout-canvas i:nth-child(4){background:#d4c0a6}.layout-canvas i:nth-child(5){background:#3d5658}.layout-dashboard .layout-canvas{grid-template-columns:1fr 1fr 1fr}.layout-dashboard .layout-canvas i:first-child{grid-column:span 2}.layout-split-screen .layout-canvas{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.layout-split-screen .layout-canvas i:nth-child(n+3){display:none}.layout-masonry .layout-canvas{grid-template-columns:1fr 1fr 1fr;grid-template-rows:.7fr 1.3fr}.layout-masonry .layout-canvas i:nth-child(1),.layout-masonry .layout-canvas i:nth-child(4){grid-row:span 2}.layout-master-detail .layout-canvas{grid-template-columns:.65fr 1.35fr}.layout-master-detail .layout-canvas i:first-child{grid-row:span 2}.layout-kanban .layout-canvas{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.layout-kanban .layout-canvas i{grid-row:span 2}.layout-editorial .layout-canvas{grid-template-columns:.3fr 1.4fr .5fr}.layout-editorial .layout-canvas i:first-child{grid-row:span 2}.layout-mobile-nav .layout-canvas{grid-template-columns:1fr;grid-template-rows:1fr 18px}.layout-mobile-nav .layout-canvas i:first-child{grid-row:span 1}.layout-mobile-nav .layout-canvas i:nth-child(n+3){display:none}.layout-stage p{margin:9px 0 0;color:#686963;font-size:8px;line-height:1.5}.breadcrumb-stage{padding:15px;background:#efeee8}.breadcrumb-stage nav{margin:15px 0 17px;overflow:auto}.breadcrumb-stage ol{display:flex;width:max-content;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.breadcrumb-stage li{display:flex;align-items:center;gap:4px;color:#8a8a82}.breadcrumb-stage li button{padding:2px 0;border:0;color:inherit;background:transparent;font-size:9px;white-space:nowrap}.breadcrumb-stage li button.current{color:#20211d;font-weight:700;text-decoration:underline;text-underline-offset:3px}.breadcrumb-stage strong{display:block;font-size:14px}.breadcrumb-stage p,.timeline-stage p{margin:6px 0 0;color:#6e6e67;font-size:9px;line-height:1.45}.grid-stage{padding:14px;background:#e2e5e2}.data-grid{margin-top:9px;border:1px solid #aeb6b0;background:#f5f7f4}.grid-head,.grid-row{display:grid;grid-template-columns:1.1fr .85fr .7fr}.grid-head{border-bottom:1px solid #aeb6b0;color:#627067;font:7px DM Mono,monospace}.grid-head span{padding:6px;border-right:1px solid #c8cec9}.grid-row:not(:last-child){border-bottom:1px solid #c8cec9}.grid-row button{min-width:0;min-height:29px;padding:5px 6px;border:0;border-right:1px solid #c8cec9;color:#303833;background:transparent;text-align:left;font-size:9px}.grid-row button:hover,.grid-row button.active{background:#c6d9cd;outline:1px solid #3c7464;outline-offset:-1px}.grid-row input{width:100%;min-width:0;padding:1px;border:0;color:inherit;background:#fff;font:inherit}.grid-stage small{display:block;margin-top:8px;color:#627067;font-size:8px}.tree-stage{padding:14px;background:#edeee8}.tree-stage [role=tree]{margin-top:10px;border-left:1px solid #b6b8af}.tree-stage [role=treeitem]{display:flex;width:100%;align-items:center;gap:4px;padding:6px 8px;border:0;color:#343731;background:transparent;text-align:left;font-size:10px}.tree-stage [role=treeitem]:hover{background:#dce6dc}.tree-parent svg{transition:transform .18s ease}.tree-parent[aria-expanded=true] svg{transform:rotate(90deg)}.tree-branch{margin-left:13px;border-left:1px solid #cdd0c7}.tree-stage small{display:block;margin-top:9px;color:#696b64;font-size:8px}.timeline-stage{padding:14px;background:#ede9e1}.timeline-stage ol{position:relative;display:grid;gap:0;margin:10px 0 0;padding:0;list-style:none}.timeline-stage ol:before{position:absolute;top:11px;bottom:11px;left:29px;width:1px;content:"";background:#b7aca0}.timeline-stage li{position:relative}.timeline-stage li button{position:relative;z-index:1;display:grid;width:100%;grid-template-columns:25px 1fr;gap:12px;padding:7px 0;border:0;color:#35342e;background:transparent;text-align:left}.timeline-stage time{color:#77736a;font:8px DM Mono,monospace}.timeline-stage li button:after{position:absolute;top:10px;left:26px;width:7px;height:7px;border:2px solid #ede9e1;border-radius:50%;content:"";background:#77736a}.timeline-stage li.current button:after{background:#a95f48}.timeline-stage li b,.timeline-stage li small{display:block}.timeline-stage li b{font-size:10px}.timeline-stage li small{margin-top:2px;color:#77736a;font-size:8px}.specimen-card{display:grid;overflow:hidden;padding:0;border:1px solid #cbc9bf;background:#f9f8f4;box-shadow:0 12px 25px -22px #20211db3}.card-art{position:relative;height:79px;overflow:hidden;padding:9px;background:#d7ded4}.card-art>span{position:relative;z-index:1;color:#45544a;font:8px DM Mono,monospace}.card-art i{position:absolute;display:block;background:#6b8572}.card-art i:nth-of-type(1){right:21px;bottom:-5px;width:70px;height:70px;border-radius:50%;background:#c36d51}.card-art i:nth-of-type(2){right:7px;bottom:13px;width:36px;height:23px;background:#f0e5d6}.card-art i:nth-of-type(3){right:16px;bottom:20px;width:18px;height:9px;background:#3e5e59}.card-copy{padding:12px 13px 9px}.card-copy strong{display:block;margin-top:5px;font-size:13px;letter-spacing:-.04em}.card-copy p{margin:6px 0 0;color:#686963;font-size:8px;line-height:1.48}.specimen-card footer{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;border-top:1px solid #deddd6;color:#777870;font:8px DM Mono,monospace}.specimen-card footer button{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #4b6654;color:#355140;background:transparent;font:8px DM Mono,monospace}.specimen-card.saved footer button{color:#f6f5f0;background:#3d5b47}.badge-stage,.avatar-stage,.pagination-stage{padding:14px;background:#efeee8}.badge-rack{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.badge-rack button{display:inline-flex;align-items:center;gap:5px;padding:5px 6px 5px 8px;border:1px solid #c7c7be;color:#5f6159;background:#f8f7f2;font-size:9px}.badge-rack button b{min-width:15px;padding:2px 4px;border-radius:10px;color:#f7f6f1;background:#777870;font:8px DM Mono,monospace}.badge-rack button.selected{border-color:#577061;color:#31503d;background:#dce8dc}.badge-rack button.selected b{background:#47715a}.badge-stage p,.avatar-stage p{margin:12px 0 0;color:#686963;font-size:9px}.badge-dot{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#787970}.badge-dot.active{background:#3e7957}.badge-dot.review{background:#b0604b}.avatar-row{display:grid;gap:3px;margin-top:9px}.avatar-row>button{display:grid;grid-template-columns:26px 1fr 7px;align-items:center;gap:8px;width:100%;padding:5px;border:1px solid transparent;color:#44463f;background:transparent;text-align:left;font-size:9px}.avatar-row>button.selected{border-color:#b8c6b9;background:#dce8dc}.avatar-mark{display:grid;width:26px;height:26px;place-items:center;color:#f7f6f1;font:8px DM Mono,monospace}.avatar-mark.clay{background:#ba7259}.avatar-mark.moss{background:#718466}.avatar-mark.ink{background:#4f6261}.avatar-row i{width:6px;height:6px;border-radius:50%;background:#a3a49d}.avatar-row button:first-child i{background:#478054}.pagination-stage{background:#e8e7df}.page-window{display:flex;align-items:baseline;justify-content:space-between;margin:13px 0;padding:10px;border:1px solid #cfcec6;background:#f7f6f1}.page-window b{font-size:10px}.page-window span{color:#76776f;font:8px DM Mono,monospace}.pagination-stage nav{display:flex;align-items:center;gap:3px}.pagination-stage nav button{min-width:24px;padding:6px;border:1px solid #c8c7bf;color:#53554e;background:transparent;font-size:8px}.pagination-stage nav button.current{border-color:#3d5b47;color:#f7f6f1;background:#3d5b47}.pagination-stage nav button:disabled{opacity:.35;cursor:not-allowed}.press-stage,.focus-stage,.snap-stage,.infinite-stage,.pull-stage,.expand-stage,.edit-stage,.select-stage,.cursor-stage,.pinch-stage,.undo-stage{padding:14px;background:#e8ece9}.press-stage>button{display:flex;align-items:center;gap:7px;margin:17px auto 12px;padding:12px 17px;border:0;color:#f6f5f0;background:#3f5e4b;font-weight:700;transition:transform .12s ease}.press-stage>button:active,.press-stage>button.pressed{transform:translateY(2px) scale(.97);background:#6d533c}.press-stage p,.focus-stage p,.snap-stage p{margin:0;color:#687069;text-align:center;font-size:9px}.focus-stage>div{display:flex;gap:8px;margin:15px 0 12px}.focus-stage button{padding:7px;border:1px solid #bac2bb;background:#f6f7f2;font-size:9px}.focus-stage .focus-sample{outline:2px solid #bd654c;outline-offset:3px}.snap-stage>div{display:flex;gap:7px;margin:13px 0;overflow:auto}.snap-stage button{flex:0 0 73px;height:57px;padding:8px;border:1px solid #bdc3bd;background:#f6f7f2;text-align:left;font-size:10px;scroll-snap-align:center}.snap-stage button.current{border-color:#6d8a72;background:#d3e0d4}.snap-stage small{display:block;margin-bottom:12px;color:#667168;font:8px DM Mono,monospace}.infinite-stage>div{padding:7px 0;border-bottom:1px solid #cbd2cc;font-size:10px}.infinite-stage>button{width:100%;margin-top:9px;padding:6px;border:1px dashed #8ba08f;color:#45604b;background:transparent;font-size:9px}.pull-stage button{display:grid;width:100%;place-items:center;gap:8px;margin:10px 0;padding:12px;border:1px solid #bac7bc;background:#f6f7f2;font-size:10px}.pull-stage button i{width:16px;height:16px;border:2px solid #54745f;border-radius:50%;border-top-color:transparent;transition:transform .3s ease}.pull-stage small,.edit-stage small,.select-stage small,.cursor-stage small,.pinch-stage small,.undo-stage small{display:block;color:#69716a;font-size:8px}.expand-stage>button{display:flex;width:100%;justify-content:space-between;padding:9px;border:1px solid #bec7bf;background:#f6f7f2;font-size:10px}.expand-stage p{margin:0;padding:9px;color:#626a63;border:1px solid #bec7bf;border-top:0;background:#fff;font-size:9px;line-height:1.45}.expand-stage [aria-expanded=true] svg{transform:rotate(90deg)}.edit-stage label{display:grid;gap:5px;margin:12px 0 8px;font-size:9px}.edit-stage input{padding:7px;border:1px solid #b8c1b9;background:#f9faf7;font-size:10px}.select-stage>button{display:flex;align-items:center;gap:7px;width:100%;margin-top:5px;padding:6px;border:0;background:transparent;text-align:left;font-size:10px}.select-stage>button i{display:grid;width:15px;height:15px;place-items:center;border:1px solid #91a092;font:9px DM Mono,monospace}.select-stage>button.selected i{color:#f7f6f1;background:#47715a}.cursor-stage>button{position:relative;display:grid;width:100%;height:78px;place-items:center;margin:9px 0;overflow:hidden;border:1px solid #aebbad;background:#f8f8f3;font-size:10px}.cursor-stage button i{position:absolute;top:17px;width:28px;height:28px;border-radius:50%;background:#c76d52;transform:translate(-50%);pointer-events:none}.cursor-stage button span{position:relative;z-index:1}.pinch-stage>div{display:grid;width:62px;height:62px;place-items:center;margin:8px auto 14px;border:1px solid #78917d;background:#d8e4d9;transition:transform .15s ease}.pinch-stage>div span{font:8px DM Mono,monospace}.pinch-stage>div i{width:28px;height:2px;margin-top:3px;background:#66806c}.pinch-stage input{width:100%}.undo-stage p,.undo-stage>button{margin:12px 0 9px;padding:8px;border:1px solid #b8c3b9;background:#f8f8f3;font-size:10px}.undo-stage p{display:flex;justify-content:space-between}.undo-stage p button{border:0;color:#a4523c;background:transparent;font-weight:700}.focus-stage .focus-sample{color:#453727;border-color:#bd654c;background:#f7e9d9}.pull-surface{display:grid;width:100%;min-height:104px;place-items:center;align-content:center;gap:8px;margin:10px 0;border:1px solid #bac7bc;background:#f6f7f2;touch-action:none;-webkit-user-select:none;user-select:none}.pull-surface i{width:16px;height:16px;border:2px solid #54745f;border-radius:50%;border-top-color:transparent;transition:transform .08s linear}.drag-stage{touch-action:none;-webkit-user-select:none;user-select:none}.drag-item.is-drop-target{border-color:#bd654c;background:#f7e4d6;transform:translateY(2px)}.parallax-stage{display:grid;place-items:center;background:#d9e1dc;cursor:ew-resize}.parallax-stage i{position:absolute;width:90px;height:90px;border-radius:50%;background:#78937d;transition:transform .08s linear}.parallax-stage i:first-child{margin-left:-58px;background:#ca7659}.parallax-stage span{position:relative;z-index:1;padding:6px;color:#fff;background:#3e5c4a;font:9px DM Mono,monospace}.shared-stage{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px;background:#e7e5dc}.shared-stage .target{min-height:82px;border:1px dashed #aeb2a9}.shared-stage .target.selected{border-color:#66806c;background:#d9e4da}.shared-stage .target i{display:block;width:34px;height:34px;margin:23px auto;border-radius:50%;background:#c56d51;animation:sharedMove .28s ease}.shared-stage p{grid-column:span 2;margin:0;color:#686963;font-size:8px}.reveal-stage{padding:14px;background:#e5e7e0}.reveal-stage div{margin:5px 0;padding:8px;background:#f7f7f2;font-size:10px;animation:revealIn .35s both ease}.reveal-stage button,.loading-motion-stage button,.marquee-stage button,.skeleton-stage button,.reduce-stage button{margin-top:8px;padding:5px 7px;border:1px solid #748674;background:transparent;font-size:8px}.loading-motion-stage{display:grid;place-items:center;align-content:center;gap:7px;background:#e5e4dd}.loading-motion-stage .loader{display:grid;width:34px;height:34px;place-items:center;border:3px solid #7c927f;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.loading-motion-stage .complete{color:#487054;border-color:#487054;animation:none}.loading-motion-stage strong{font-size:11px}.marquee-stage{padding-top:63px;overflow:hidden;background:#283834}.marquee-stage div{width:max-content;color:#e5e9df;font:15px DM Mono,monospace;animation:marqueeMove 7s linear infinite}.marquee-stage.paused div{animation-play-state:paused}.marquee-stage button{position:absolute;right:10px;bottom:10px;color:#e5e9df;border-color:#8ba18e}.skeleton-stage{display:grid;align-content:center;gap:8px;padding:18px;background:#edf0eb}.skeleton-stage i{display:block;height:12px;background:linear-gradient(90deg,#d4dad4 20%,#f7f8f4,#d4dad4 80%);background-size:200% 100%;animation:shimmer 1.1s infinite}.skeleton-stage i:nth-child(2){width:74%}.skeleton-stage i:nth-child(3){width:48%}.skeleton-stage.still i{animation:none}.reduce-stage{display:grid;place-items:center;align-content:center;gap:10px;background:#e9e7df}.reduce-stage div{display:flex;gap:7px}.reduce-stage i{width:17px;height:17px;border-radius:50%;background:#c16d53;animation:bounceDot .8s infinite alternate}.reduce-stage i:nth-child(2){animation-delay:.15s}.reduce-stage i:nth-child(3){animation-delay:.3s}.reduce-stage.reduced i{animation:none}.reduce-stage small{color:#686963;font-size:8px}@keyframes sharedMove{0%{transform:scale(.55);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes revealIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marqueeMove{to{transform:translate(-45%)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes bounceDot{to{transform:translateY(-8px)}}.stagger-row{animation-duration:1.8s}.shared-stage .target i{animation-duration:1.4s}.reveal-stage div{animation-duration:1.6s}.loading-motion-stage .loader{animation-duration:3s}.marquee-stage div{animation-duration:20s}.skeleton-stage i{animation-duration:3.8s}.reduce-stage i{animation-duration:2.8s}.parallax-stage i{transition-duration:.6s}.spring-stage{display:grid;place-items:center;align-content:center;gap:12px;padding:14px;background:#e5e7dc}.spring-stage button{display:grid;place-items:center;gap:7px;padding:8px;border:0;background:transparent;font-size:9px}.spring-stage button i{display:block;width:38px;height:38px;border-radius:50%;background:#b9644c}.spring-stage button.released i{animation:springSettle 2.4s cubic-bezier(.2,1.55,.4,1)}.spring-stage p{max-width:190px;margin:0;color:#666b64;text-align:center;font-size:8px;line-height:1.45}@keyframes springSettle{0%{transform:scale(.78)}48%{transform:scale(1.2)}72%{transform:scale(.94)}to{transform:scale(1)}}.layout-app-shell .layout-canvas{grid-template-columns:28px 1fr;grid-template-rows:24px 1fr}.layout-app-shell .layout-canvas i:first-child{grid-row:span 2;background:#3d5658}.layout-app-shell .layout-canvas i:nth-child(2){grid-column:2;background:#d4c0a6}.layout-app-shell .layout-canvas i:nth-child(n+4){display:none}.layout-two-column .layout-canvas{grid-template-columns:.72fr 1.28fr;grid-template-rows:1fr 1fr}.layout-two-column .layout-canvas i:first-child{grid-row:span 2;background:#889765}.layout-two-column .layout-canvas i:nth-child(2){grid-row:span 2;background:#6f8990}.layout-two-column .layout-canvas i:nth-child(n+3){display:none}.layout-comparison .layout-canvas{grid-template-columns:1fr 1fr;grid-template-rows:20px 1fr}.layout-comparison .layout-canvas i:first-child{grid-column:span 2;background:#3d5658}.layout-comparison .layout-canvas i:nth-child(2),.layout-comparison .layout-canvas i:nth-child(3){background:#d4c0a6}.layout-comparison .layout-canvas i:nth-child(n+4){display:none}.layout-sticky-sidebar .layout-canvas{grid-template-columns:.46fr 1.54fr;grid-template-rows:1fr 1fr 1fr}.layout-sticky-sidebar .layout-canvas i:first-child{grid-row:span 3;background:#889765}.layout-sticky-sidebar .layout-canvas i:nth-child(2),.layout-sticky-sidebar .layout-canvas i:nth-child(3),.layout-sticky-sidebar .layout-canvas i:nth-child(4){background:#d4c0a6}.layout-sticky-sidebar .layout-canvas i:nth-child(5){display:none}.layout-feed .layout-canvas{grid-template-columns:1fr;grid-template-rows:18px 1fr 1fr 1fr}.layout-feed .layout-canvas i:first-child{background:#3d5658}.layout-feed .layout-canvas i:nth-child(2),.layout-feed .layout-canvas i:nth-child(3),.layout-feed .layout-canvas i:nth-child(4){background:#d4c0a6}.layout-feed .layout-canvas i:nth-child(5){display:none}.layout-card{animation:none}.layout-canvas{position:relative}.layout-bento .layout-canvas{grid-template-columns:1.35fr .8fr;grid-template-rows:1.1fr .9fr}.layout-bento .layout-canvas i:first-child{grid-row:span 2;background:#6f8990}.layout-bento .layout-canvas i:nth-child(2){background:#d27455}.layout-bento .layout-canvas i:nth-child(3){background:#889765}.layout-bento .layout-canvas i:nth-child(n+4){display:none}.layout-sticky .layout-canvas{grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(3,1fr)}.layout-sticky .layout-canvas i:first-child{grid-row:span 3;background:#6f8990}.layout-sticky .layout-canvas i:nth-child(2),.layout-sticky .layout-canvas i:nth-child(3),.layout-sticky .layout-canvas i:nth-child(4){background:#d4c0a6}.layout-sticky .layout-canvas i:nth-child(5){display:none}.layout-split-screen .layout-canvas:before{position:absolute;top:8px;left:10px;z-index:1;content:"CONTENT";color:#f6f5ef;font:7px DM Mono,monospace}.layout-split-screen .layout-canvas:after{position:absolute;top:8px;right:10px;z-index:1;content:"VISUAL";color:#f6f5ef;font:7px DM Mono,monospace}.layout-two-column .layout-canvas:before{position:absolute;top:8px;left:9px;z-index:1;content:"SIDEBAR";color:#f6f5ef;font:7px DM Mono,monospace}.layout-two-column .layout-canvas:after{position:absolute;top:8px;left:42%;z-index:1;content:"ARTICLE";color:#f6f5ef;font:7px DM Mono,monospace}.layout-comparison .layout-canvas:before{position:absolute;top:28px;left:12px;z-index:1;content:"OPTION A";color:#4d514d;font:7px DM Mono,monospace}.layout-comparison .layout-canvas:after{position:absolute;top:28px;right:12px;z-index:1;content:"OPTION B";color:#4d514d;font:7px DM Mono,monospace}.layout-kanban .layout-canvas{position:relative;grid-template-columns:repeat(3,1fr);grid-template-rows:18px 1fr 1fr;padding-top:18px}.layout-kanban .layout-canvas:before{position:absolute;top:5px;left:7px;z-index:1;content:"TODO        REVIEW        DONE";color:#4f5a55;font:7px DM Mono,monospace;white-space:pre}.layout-kanban .layout-canvas i{grid-row:auto}.layout-kanban .layout-canvas i:nth-child(1){grid-column:1;background:#6f8990}.layout-kanban .layout-canvas i:nth-child(2){grid-column:1;background:#d4c0a6}.layout-kanban .layout-canvas i:nth-child(3){grid-column:2;background:#d27455}.layout-kanban .layout-canvas i:nth-child(4){grid-column:2;background:#d4c0a6}.layout-kanban .layout-canvas i:nth-child(5){grid-column:3;background:#889765}.layout-mobile-nav .layout-canvas{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 23px}.layout-mobile-nav .layout-canvas i:first-child{grid-column:span 4;grid-row:1;background:#6f8990}.layout-mobile-nav .layout-canvas i:nth-child(2),.layout-mobile-nav .layout-canvas i:nth-child(3),.layout-mobile-nav .layout-canvas i:nth-child(4),.layout-mobile-nav .layout-canvas i:nth-child(5){display:block;grid-row:2;background:#e3e1d8;border-top:2px solid #d27455}.layout-mobile-nav .layout-canvas i:nth-child(2){background:#d27455}.glass-study{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;padding:14px;isolation:isolate;overflow:hidden;background:#587f77}.glass-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(12px)}.glass-orb.one{width:120px;height:120px;top:-38px;left:-25px;background:#d58a61}.glass-orb.two{width:100px;height:100px;right:-30px;bottom:-45px;background:#b7cf99}.glass-study section,.glass-study aside{border:1px solid rgba(255,255,255,.34);background:#f0f8f23d;box-shadow:inset 0 1px #ffffff45;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.glass-study section{padding:12px;color:#f7f5ed}.glass-study strong{display:block;margin:7px 0 13px;font-size:14px;line-height:1;letter-spacing:-.05em}.glass-study button{padding:5px 7px;border:1px solid rgba(255,255,255,.45);color:#fff;background:#1f373159;font-size:8px}.glass-study aside{display:grid;align-content:center;gap:5px;padding:9px;color:#eff5ee;font:8px DM Mono,monospace}.glass-study aside i{display:block;height:13px;background:#f7faf380}.minimal-study{display:grid;align-content:center;justify-items:start;padding:22px;background:#fcfcfa}.minimal-study strong{margin:8px 0;font-size:18px;line-height:.94;letter-spacing:-.07em}.minimal-study p{max-width:150px;margin:0 0 15px;color:#85857f;font-size:8px;line-height:1.5}.minimal-study button{padding:0 0 3px;border:0;border-bottom:1px solid #20211d;background:transparent;font-size:9px}.light-study{padding:11px;background:#f2f6f2}.light-study header{display:flex;justify-content:space-between;padding:5px 7px;color:#5f6c63;font-size:8px}.light-study main{margin-top:7px;padding:13px;border:1px solid #d9e2da;background:#fff}.light-study strong{display:block;max-width:150px;font-size:14px;line-height:1;letter-spacing:-.05em}.light-study p{margin:7px 0 12px;color:#788179;font-size:8px;line-height:1.45}.light-study button{padding:6px 8px;border:0;color:#fff;background:#4c7664;font-size:8px}.mono-study{display:grid;grid-template-columns:55px 1fr;grid-template-rows:1fr auto;padding:13px;color:#292a28;background:#dbdbd7}.mono-number{font:28px DM Mono,monospace;letter-spacing:-.15em}.mono-study section{align-self:center}.mono-study section span{font:7px DM Mono,monospace}.mono-study strong{display:block;margin-top:6px;font-size:14px;line-height:1;letter-spacing:-.06em}.mono-lines{grid-column:span 2;display:grid;gap:4px;margin-top:10px}.mono-lines i{display:block;height:5px;background:#8b8b86}.mono-lines i:nth-child(2){width:72%}.mono-lines i:nth-child(3){width:44%}.dense-study{padding:10px;color:#314039;background:#e1e5e1;font-family:DM Mono,monospace}.dense-study header{display:flex;justify-content:space-between;margin-bottom:7px;font-size:7px}.dense-table{border:1px solid #abb6ae;background:#edf0ed}.dense-table>div{display:grid;grid-template-columns:1.2fr .7fr .8fr;border-bottom:1px solid #c1c9c2}.dense-table>div:last-child{border-bottom:0}.dense-table span{padding:5px;border-right:1px solid #c1c9c2;font-size:7px}.dense-table span:last-child{border-right:0}.dense-table>div:first-child{color:#5c6b61;background:#d2dbd3}.premium-study{display:grid;align-content:space-between;min-height:168px;padding:17px;color:#504434;background:#ebe4d8}.premium-study strong{margin-top:9px;font-size:19px;font-weight:500;line-height:.94;letter-spacing:-.06em}.premium-study p{max-width:160px;margin:9px 0;color:#867761;font-size:8px;line-height:1.5}.premium-study footer{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #d2c3ad;font:8px DM Mono,monospace}.premium-study button{padding:6px 8px;border:1px solid #866d4d;color:#f7f3ea;background:#72583b;font-size:8px}.ux-error,.ux-no-results,.ux-confirm,.ux-permission,.ux-404,.ux-offline{display:grid;align-content:center;justify-items:start;gap:7px;padding:17px}.ux-error{background:#f1dfd8}.ux-error span,.ux-confirm span,.ux-permission span{color:#a34d3c;font:8px DM Mono,monospace}.ux-error strong,.ux-no-results strong,.ux-404 strong{font-size:14px;line-height:1;letter-spacing:-.05em}.ux-error p,.ux-no-results p,.ux-confirm p,.ux-permission p,.ux-offline p{margin:0;color:#75665f;font-size:8px;line-height:1.45}.ux-error button,.ux-no-results button,.ux-404 button,.ux-offline button{padding:6px 8px;border:0;color:#fff;background:#a5513f;font-size:8px}.ux-loading{display:grid;align-content:center;gap:7px;padding:17px;background:#e5ece8}.ux-loading span{color:#64746a;font:8px DM Mono,monospace}.ux-loading i{display:block;height:11px;background:linear-gradient(90deg,#c5d0c7 20%,#f5f7f3,#c5d0c7 80%);background-size:200% 100%;animation:uxShimmer 2.2s infinite}.ux-loading i:nth-of-type(2){width:76%}.ux-loading i:nth-of-type(3){width:53%}.ux-loading small{margin-top:4px;color:#69746c;font-size:8px}.ux-no-results{background:#f1e6d9}.ux-no-results span{color:#8c634c;font:8px DM Mono,monospace}.ux-no-results button{background:#8b6048}.ux-confirm{background:#eeeae3}.ux-confirm>div,.ux-permission>div{display:flex;gap:5px}.ux-confirm button,.ux-permission button{padding:6px 8px;border:1px solid #aaa9a2;background:transparent;font-size:8px}.ux-confirm button:last-child{color:#fff;border-color:#8e4b3c;background:#984d3d}.ux-autosave{display:grid;gap:6px;padding:13px;background:#e9e3d9}.ux-autosave label{display:grid;gap:4px;color:#635d55;font-size:8px}.ux-autosave textarea{min-height:62px;padding:7px;resize:none;border:1px solid #c7bdb0;background:#faf7f1;font:9px Manrope,sans-serif}.ux-autosave small{color:#737169;font-size:8px}.ux-autosave button{justify-self:start;padding:5px 7px;border:0;color:#fff;background:#4c554d;font-size:8px}.ux-notifications{padding:11px;background:#edf0ed}.ux-notifications header{display:flex;justify-content:space-between;padding-bottom:7px;color:#59675e;font:8px DM Mono,monospace}.ux-notifications header button{padding:0;border:0;color:#53745e;background:transparent;font:8px DM Mono,monospace}.ux-notifications>div{display:grid;grid-template-columns:7px 1fr auto;gap:6px;align-items:center;padding:7px 0;border-top:1px solid #d3dbd4;font-size:9px}.ux-notifications i{width:5px;height:5px;border-radius:50%;background:transparent}.ux-notifications .unread i{background:#c15e49}.ux-notifications small{color:#788179;font-size:7px}.ux-permission{background:#e1ece9}.ux-permission button:last-child{color:#fff;border-color:#3f7468;background:#3f7468}.ux-404{place-items:center;text-align:center;background:#e9e4dc}.ux-404 b{color:#b65f48;font:32px DM Mono,monospace;letter-spacing:-.15em}.ux-404 strong{max-width:155px}.ux-404 button{background:#485d53}.ux-offline{background:#e5e8ea}.ux-offline>div{display:flex;align-items:center;gap:7px}.ux-offline i{width:18px;height:12px;border:2px solid #64747b;border-radius:9px}.ux-offline strong{font-size:13px}.ux-offline button{background:#526b75}@keyframes uxShimmer{to{background-position:-200% 0}}.reference-stage{grid-template-columns:1.08fr .92fr}.reference-shot{position:relative;overflow:hidden;padding:10px}.reference-shot span{margin-bottom:8px;color:#dce7d8;font-size:7px}.reference-shot b{position:relative;z-index:1;display:block;max-width:100px;margin-bottom:8px;color:#fff;font-size:11px;line-height:.95;letter-spacing:-.05em}.reference-shot i{position:relative;z-index:1;height:13px}.reference-note{padding:11px}.reference-note strong{font-size:10px;line-height:1.15}.reference-note p{margin-top:6px;font-size:8px}.reference-note a{display:inline-flex;align-items:center;gap:3px;margin-top:8px;padding-bottom:2px;border-bottom:1px solid #20211d;color:#20211d;font-size:8px;font-weight:800;text-decoration:none}.reference-reference .reference-shot{background:#354846}.reference-reference-carousel .reference-shot,.reference-reference-layout-split .reference-shot{background:#242827}.reference-reference-carousel .reference-shot:after,.reference-reference-layout-split .reference-shot:after{position:absolute;top:42px;right:-15px;bottom:-15px;left:45px;content:"";border-radius:50%;background:#d9d0bf}.reference-reference-dashboard .reference-shot{background:#202a2b}.reference-reference-dashboard .reference-shot i{height:10px;background:#6d8f8c}.reference-reference-dashboard .reference-shot i:nth-of-type(2){width:58%;background:#d8795d}.reference-reference-layout-masonry .reference-shot{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1.35fr .65fr;gap:3px;align-content:end}.reference-reference-layout-masonry .reference-shot b{grid-column:span 3}.reference-reference-layout-masonry .reference-shot i:first-of-type{grid-row:span 2;height:auto}.reference-reference-layout-masonry .reference-shot i{height:auto}.reference-reference-layout-detail .reference-shot{display:grid;grid-template-columns:.6fr 1.4fr;grid-template-rows:auto 1fr;gap:3px}.reference-reference-layout-detail .reference-shot b{grid-column:span 2}.reference-reference-layout-detail .reference-shot i:first-of-type{grid-row:span 2;height:auto}.reference-reference-layout-kanban .reference-shot{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr 1fr;gap:3px}.reference-reference-layout-kanban .reference-shot b{grid-column:span 3}.reference-reference-layout-kanban .reference-shot i{height:auto}.reference-reference-layout-mobile .reference-shot{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr 14px;gap:3px}.reference-reference-layout-mobile .reference-shot b{grid-column:span 4}.reference-reference-layout-mobile .reference-shot i:first-of-type{grid-column:span 4;height:auto}.reference-reference-layout-mobile .reference-shot i{height:auto}.reference-reference-onboarding .reference-shot{background:#668b8d}.reference-reference-form .reference-shot{background:#6b6257}.reference-reference-motion .reference-shot{background:#3c5253}.reference-reference-navigation .reference-shot{background:#25393b}.reference-reference-empty .reference-shot{background:#896f5e}.reference-reference-empty .reference-shot:after{position:absolute;right:13px;bottom:14px;width:30px;height:30px;content:"";border:1px solid #e6d7c5;border-radius:50%}.reference-filters{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 2px}.reference-filters label{display:flex;align-items:center;gap:5px;color:#6b6d65;font:8px DM Mono,monospace}.reference-filters select,.reference-filters button{padding:5px 6px;border:1px solid #d0d0c9;color:#555850;background:#fbfaf6;font:8px DM Mono,monospace}.reference-filters button.selected{color:#f7f6f1;border-color:#3f5d4b;background:#3f5d4b}.reference-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.reference-heading button{padding:5px 7px;border:1px solid #b9bbb3;color:#5c6057;background:transparent;font-size:9px}.reference-heading button.saved{color:#f8f6ef;border-color:#435f4d;background:#435f4d}.reference-actions{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.reference-actions button{display:inline-flex;align-items:center;gap:3px;padding:5px 6px;border:1px solid #c9cbc3;color:#455d4c;background:#f2f5ef;font-size:9px}.reference-note-input{display:grid;gap:5px;margin:12px 0;color:#676961;font-size:10px}.reference-note-input textarea{min-height:66px;padding:8px;resize:vertical;border:1px solid #d0d0c9;background:#fcfbf7;font:10px Manrope,sans-serif}