:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111213;--panel:#171819;--ink:#eeeee6;--muted:#969d91;--line:#2d302b;--lime:#d1e6b2;--sans:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:24px}body{background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{border:0}button,a{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}.icon{vertical-align:middle;flex:none;width:18px;height:18px}.mono{font-family:var(--mono);letter-spacing:1.3px;font-size:10px;font-weight:400}.page-shell{width:min(1160px,100% - 96px);margin:auto}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:100px;display:flex}.wordmark{letter-spacing:1.9px;white-space:nowrap;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.wordmark-period{opacity:.7;align-self:flex-start;margin:5px 0 0 -8px;font-size:9px}.brand-icon{width:33px;height:23px;display:inline-block;position:relative;transform:rotate(-35deg)}.brand-icon i{border:1.5px solid var(--ink);border-radius:50%;width:23px;height:23px;position:absolute}.brand-icon i:nth-child(2){background:var(--ink);left:10px}.edition{color:#93998c;letter-spacing:1.6px;font-size:9px}.utility{font-family:var(--mono);letter-spacing:.8px;color:#a9ada7;background:0 0;border:0;padding:8px 0;font-size:10px;transition:color .2s}.utility:hover{color:var(--ink)}.sound-control{white-space:nowrap;align-items:center;gap:9px;display:flex}.sound-waves{display:none}.sound-control[aria-pressed=true]{color:var(--lime)}.sound-control[aria-pressed=true] .sound-waves{display:block}.sound-control[aria-pressed=true] .sound-slash{display:none}.hero{justify-content:space-between;align-items:flex-end;gap:32px;padding:56px 0 51px;display:flex}.eyebrow{letter-spacing:1.7px;color:#aeb2a8;align-items:center;gap:10px;margin:0 0 27px;font-size:9px;display:flex}.live-dot{background:var(--lime);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 12px #d1e6b240}.hero h1{letter-spacing:-4.8px;margin:0;font-size:clamp(46px,6vw,80px);font-weight:400;line-height:1.04}.hero h1 em{font-family:var(--serif);letter-spacing:-4px;color:var(--lime);font-weight:400}.hero-asterisk{color:var(--lime);vertical-align:5px;margin-left:23px;font-size:63px;font-weight:200;transition:transform 1.4s cubic-bezier(.16,1,.3,1);display:inline-block}.hero-title:hover .hero-asterisk{transform:rotate(180deg)}.hero-aside{flex:0 0 260px;padding-bottom:4px}.library-mark{letter-spacing:.7px;color:#909b86;margin-bottom:23px;font-size:8px}.library-mark span{color:#c8d9b2;letter-spacing:-1px;margin-right:8px;font-size:22px}.hero-aside p{letter-spacing:.7px;margin:0 0 10px;font-size:13px;font-weight:400}.hero-aside .hero-description{color:#91998b;letter-spacing:.3px;font-size:11px;line-height:1.95}.explore{letter-spacing:1.1px;align-items:center;gap:16px;margin-top:20px;font-size:9px;display:flex}.explore span{font-size:20px;font-family:var(--sans);transition:transform .3s}.explore:hover span{transform:translate(-3px,3px)}.collection-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;min-height:67px;display:flex}.category-tabs{align-self:stretch;gap:27px;display:flex}.category-tabs button{white-space:nowrap;color:#969b90;background:0 0;align-items:center;gap:11px;padding:0 0 1px;font-size:12px;display:flex;position:relative}.category-tabs button:after{content:"";background:var(--lime);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.category-tabs button[aria-selected=true]{color:var(--lime)}.category-tabs button[aria-selected=true]:after{transform:scaleX(1)}.category-tabs small{font:9px var(--mono);color:#88927d}.collection-bar{justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:18px 0;display:flex}.collection-title{align-items:center;gap:18px;display:flex}.collection-title>.mono{font-size:10px}.collection-count{color:#8b947f;font-size:9px!important}.controls{align-items:center;gap:24px;display:flex}.active-counter{color:#8b957f;letter-spacing:.4px;align-items:center;gap:6px;font-size:9px;display:flex}.active-counter i{background:var(--lime);border-radius:50%;width:4px;height:4px;margin-right:2px}.active-counter strong{color:var(--lime);font-variant-numeric:tabular-nums;font-weight:400}.batch-buttons{align-items:center;gap:9px;display:flex}.batch-buttons>span{color:#6d775f;font-size:9px}.batch-buttons .utility{font-size:9px}.demo-control{letter-spacing:.3px;color:#c7ccc1;background:0 0;border:1px solid #424a39;border-radius:5px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;transition:background .2s,border-color .2s;display:flex}.demo-control:hover,.demo-control[aria-pressed=true]{color:var(--lime);background:#d1e6b214;border-color:#667953}.play-icon{border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:5px solid;width:0;height:0}.demo-control[aria-pressed=true] .play-icon{background:currentColor;border:0;width:5px;height:7px}.object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.object-card{isolation:isolate;cursor:pointer;min-width:0;position:relative;overflow:hidden}.object-card .card-top,.object-card .card-bottom{z-index:1;position:relative}.card-top{pointer-events:none;align-items:center;gap:13px;padding:21px 24px 0;display:flex}.object-no{letter-spacing:.9px;color:#b2b7ad;font-size:10px}.object-type{letter-spacing:1.4px;color:#949d8c;font-size:8px}.state-readout{color:#8d9880;letter-spacing:1px;align-items:center;gap:6px;margin-left:auto;font-size:8px;display:flex}.state-readout i{background:#68765c;border-radius:50%;width:4px;height:4px;transition:background .4s,box-shadow .4s}.object-card.is-on .state-readout{color:rgb(var(--accent))}.object-card.is-on .state-readout i{background:rgb(var(--accent));box-shadow:0 0 8px rgba(var(--accent),.3)}.object-stage{perspective:900px;isolation:isolate;justify-content:center;align-items:center;height:190px;display:flex;position:relative}.stage-mount{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.stage-glow{background:radial-gradient(ellipse,rgba(var(--accent),.07),transparent 67%);filter:blur(20px);opacity:.2;pointer-events:none;width:310px;height:140px;transition:opacity .6s;position:absolute;top:25px;left:calc(50% - 155px)}.is-on .stage-glow{opacity:1}.card-bottom{justify-content:space-between;align-items:flex-end;gap:10px;padding:0 24px 23px;display:flex}.card-bottom h2{letter-spacing:-.6px;align-items:baseline;gap:13px;margin:0 0 8px;font-size:23px;font-weight:400;line-height:1.3;display:flex}.card-bottom h2 span{color:#a4ae9a;letter-spacing:.5px;white-space:nowrap;font-size:10px;font-weight:400}.card-bottom p{color:#929e87;letter-spacing:.2px;margin:0;font-size:10px;line-height:1.6}.open-part{color:#8c9c7c;background:0 0;flex:none;align-items:center;gap:6px;padding:7px 0 2px 5px;transition:color .2s;display:flex}.open-part span{font:8px var(--mono);letter-spacing:.8px}.open-part .icon{width:13px;height:13px}.open-part .icon:first-child{display:none}.object-card:hover .open-part,.open-part:focus-visible{color:var(--lime)}.object-card:hover .open-part .icon:last-child{transform:translate(1px,-1px)}.open-part .icon{transition:transform .3s}.block-card{background:#161819;border:1px solid #2c302b;border-radius:10px;transition:border-color .3s}.block-card:hover{border-color:#4c5742}.block-card .object-stage{height:290px;padding:24px 30px}.block-card .sop-surface{max-width:420px}.block-card .card-bottom h2{font-size:21px}.block-card .card-bottom h2 span{display:none}.block-card .state-readout i{background:#8da679}.block-card[data-part=frosted-glass] .stage-glow{display:none}.surface-sample{min-height:227px;font-family:var(--sans);text-align:left}.sample-eyebrow{font:7px var(--mono);letter-spacing:1.2px;color:#a3b69b;z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.sample-index{border:1px solid #b6cda02b;border-radius:50%;place-items:center;width:21px;height:21px;font-size:8px;display:grid}.surface-sample h3{letter-spacing:-1.3px;z-index:1;margin:20px 0 10px;font-size:32px;font-weight:400;line-height:1.04;position:relative}.surface-sample h3 em{font-family:var(--serif);letter-spacing:-.6px;color:#c1d4ab;font-weight:400}.surface-sample>p{color:#9cad92;letter-spacing:.2px;z-index:1;margin:0;font-size:9px;position:relative}.sample-bottom{font:6px var(--mono);letter-spacing:1px;color:#9dae95;z-index:1;border-top:1px solid #b5d89c1a;justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;display:flex;position:relative}.sample-arrow{font:17px var(--sans);line-height:10px}.sample-orbit{opacity:.45;width:98px;height:105px;position:absolute;top:67px;right:26px;transform:rotate(-24deg)}.sample-orbit i{border:1px solid #bed4ad50;border-radius:50%;position:absolute;inset:0}.sample-orbit i:nth-child(2){transform:rotateY(65deg)rotate(35deg)}.sample-orbit i:nth-child(3){transform:rotateX(70deg)rotate(-30deg)}.sample-orbit b{background:radial-gradient(circle at 30% 20%,#d2e6bf,#344e2a);border-radius:50%;width:10px;height:10px;position:absolute;top:13px;left:9px;box-shadow:0 0 18px #badf8e30}.sop-frosted-glass .sample-eyebrow,.sop-frosted-glass .sample-bottom,.sop-frosted-glass .surface-sample>p{color:#bad0df}.sop-frosted-glass h3 em{color:#d0e9f2}.sop-frosted-glass .sample-orbit{opacity:.8;background:radial-gradient(circle at 30% 20%,#d9f2ff35,#b3bdff07);border:1px solid #d3f3ff44;border-radius:50%;width:88px;height:88px;transform:none;box-shadow:inset 1px 2px 3px #d3faff8c,inset -2px -3px 9px #cce9ff3d}.sop-frosted-glass .sample-orbit i{border-color:#daefff1c;inset:7px}.sop-frosted-glass .sample-orbit b{display:none}.sop-machined-panel .sample-eyebrow{letter-spacing:1.4px;font-size:6px}.sop-machined-panel .surface-sample{padding:32px}.sop-machined-panel .sample-orbit{border:8px solid #6c7c6055;border-radius:50%;width:87px;height:87px;transform:rotate(-30deg);box-shadow:inset 0 0 0 1px #c5d6b722,0 0 0 1px #030903}.sop-machined-panel .sample-orbit i{border-color:#b7c6a638;inset:7px}.sop-machined-panel h3{font-size:30px}.sop-luminous-frame h3 em{color:#d4efbf}.sop-luminous-frame .sample-orbit{opacity:.75}.sop-folded-paper .surface-sample{padding-left:38px}.sop-folded-paper .sample-eyebrow,.sop-folded-paper .sample-bottom,.sop-folded-paper .surface-sample>p{color:#7c6e54}.sop-folded-paper h3 em{color:#826f52}.sop-folded-paper .sample-bottom{border-color:#806d4926}.sop-folded-paper .sample-orbit{opacity:.3;width:68px;height:68px;top:89px;right:20px}.sop-folded-paper .sample-orbit i{border-color:#705638}.sop-folded-paper .sample-orbit b{box-shadow:none;background:#886c44;width:5px;height:5px}.sop-folded-paper .sample-index{border-color:#75614740}.sop-iridescent-surface .sample-eyebrow,.sop-iridescent-surface .sample-bottom,.sop-iridescent-surface .surface-sample>p{color:#b9b7ce}.sop-iridescent-surface h3 em{color:#d4cee8}.sop-iridescent-surface .sample-orbit{opacity:.8}.sop-iridescent-surface .sample-orbit i{border-color:#d0c5ed66}.sop-iridescent-surface .sample-orbit b{background:linear-gradient(45deg,#e1b9d6,#bbdfcc,#b4b5ec)}.collection-foot{color:#9aa88d;letter-spacing:.3px;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 31px;font-size:10px;display:flex}.collection-foot>span{align-items:center;gap:5px;display:flex}.collection-foot>.mono{letter-spacing:1.1px;color:#8d9c7b;font-size:8px}.hint-circle{border:1px solid #454e3c;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-right:4px;font-size:11px;font-style:normal;display:inline-flex}.page-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:34px 0 40px;display:flex}.page-footer>div{letter-spacing:-.6px;font-size:22px;font-weight:400;line-height:1.1}.page-footer em{font:italic 26px var(--serif);color:#b7c3a6}.page-footer>.mono{letter-spacing:1.3px;color:#8e9f7c;margin-left:auto;margin-right:65px;font-size:8px;line-height:2.1}.back-top{align-items:center;gap:14px;font-size:8px;display:flex}.back-top span{font:20px var(--sans)}.empty-state{border:1px dashed #39412f;border-radius:10px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:340px;display:flex}.empty-symbol{font:48px var(--serif);color:#82936d}.empty-state h2{font-size:17px;font-weight:400}.empty-state p{color:#94a281;margin:0 0 24px;font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--lime);color:#16200e;z-index:99;padding:12px 18px;font-size:13px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:14px}.noscript-message{color:var(--lime);padding:24px}.details-open{overflow:hidden}.details-open .object-grid *,.details-open .object-grid :before,.details-open .object-grid :after{animation-play-state:paused!important}.part-details{width:min(1320px,100vw - 48px);max-width:none;height:min(880px,100dvh - 48px);max-height:none;color:var(--ink);background:#141614;border:1px solid #43483d;border-radius:14px;margin:auto;padding:0;overflow:hidden;box-shadow:0 35px 130px #000c}.part-details::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#060807c7}.detail-shell{flex-direction:column;height:100%;min-height:0;animation:.35s cubic-bezier(.16,1,.3,1) detail-enter;display:flex}@keyframes detail-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.detail-top{background:#191b17;border-bottom:1px solid #31362d;flex:none;justify-content:space-between;align-items:center;gap:20px;height:59px;padding:0 19px 0 26px;display:flex}.detail-breadcrumb{min-width:0;font:9px var(--mono);letter-spacing:.9px;color:#a1ae91;white-space:nowrap;align-items:center;gap:13px;display:flex;overflow:hidden}.detail-breadcrumb>span:not(.mini-brand){color:#67745a}.detail-breadcrumb strong{color:#dee8d4;text-overflow:ellipsis;font-weight:400;overflow:hidden}.mini-brand{font:25px var(--serif);color:#d1e6b2;margin-right:2px;transform:rotate(-35deg)}.detail-nav{flex:none;align-items:center;gap:4px;display:flex}.icon-button{color:#aebc9e;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:inline-flex}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--lime);background:#b4db8710;border-color:#465337}.icon-button .icon{width:16px;height:16px}.nav-divider{background:#46503c;width:1px;height:17px;margin:0 7px}.detail-body{flex:1;grid-template-columns:355px minmax(0,1fr);min-height:0;display:grid}.preview-sidebar{scrollbar-width:thin;scrollbar-color:#414e34 transparent;background:linear-gradient(140deg,#20241b29,#0000 50%),#181b15;border-right:1px solid #30362a;padding:29px 26px 24px;overflow:auto}.section-kicker{font:8px var(--mono);letter-spacing:1.15px;color:#a1b58b;display:block}.preview-heading h2{letter-spacing:-1.3px;margin:14px 0 8px;font-size:34px;font-weight:400;line-height:1.12}.preview-heading>p{color:#a8b899;margin:0 0 23px;font-size:11px;line-height:1.7}.live-preview{isolation:isolate;background:radial-gradient(#27361d55,#0000 70%),#141714;border:1px solid #39422f;border-radius:9px;transition:background .25s;position:relative;overflow:hidden}.live-preview.bg-dark{background:#090c0a}.live-preview.bg-light{color:#34442a;background:#e1e4dc}.live-preview.bg-light .preview-status,.live-preview.bg-light .preview-bottom{color:#647454}.preview-status,.preview-bottom{z-index:2;font:7px var(--mono);letter-spacing:.9px;color:#b0c399;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;display:flex;position:relative}.preview-status>span:first-child{align-items:center;gap:6px;display:flex}.preview-status i{background:#c1e596;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #bae18360}.preview-stage{isolation:isolate;justify-content:center;align-items:center;height:199px;display:flex;position:relative}.preview-stage>[data-demo-root]{z-index:1;position:relative}.preview-stage .sop-toggle{transform:scale(.91)}.preview-bottom{letter-spacing:.8px;padding:10px 15px 13px;font-size:6px}.background-picker{align-items:center;gap:7px;display:flex}.background-picker button{background:#25311f;border:1px solid #97af7955;border-radius:50%;width:11px;height:11px;padding:0;position:relative}.background-picker button[data-bg=dark]{background:#080b09}.background-picker button[data-bg=light]{background:#dbe1d3}.background-picker button[aria-pressed=true]:after{content:"";border:1px solid #abbf94;border-radius:50%;position:absolute;inset:-4px}.preview-controls{justify-content:space-between;align-items:center;gap:8px;margin-top:13px;display:flex}.state-segments{background:#11160d;border:1px solid #39462c;border-radius:5px;gap:3px;padding:3px;display:flex}.state-segments button{font:9px var(--mono);letter-spacing:.5px;color:#8f9f7e;background:0 0;border-radius:3px;padding:6px 12px}.state-segments button[aria-pressed=true]{color:#e1edcf;background:#35442a;box-shadow:0 1px 3px #0006}.disabled-control{color:#96a886;cursor:pointer;align-items:center;gap:8px;margin:15px 0 0;font-size:9px;display:flex}.disabled-control input{accent-color:#c8dfaa;width:12px;height:12px;margin:0}.preview-description{color:#bdc8b2;margin:23px 0 19px;font-size:11px;line-height:1.9}.part-facts{border-top:1px solid #36402c;grid-template-columns:1fr 1fr;gap:20px 14px;margin:0;padding-top:20px;display:grid}.part-facts dt{font:7px var(--mono);letter-spacing:1px;color:#92a780}.part-facts dd{font:9px var(--mono);color:#c3d0b4;letter-spacing:-.1px;margin:7px 0 0;line-height:1.5}.related-box{border-top:1px solid #36402c;margin-top:26px;padding-top:19px}.related-box button{text-align:left;color:#d4dfc7;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 0 0;font-size:12px;display:flex}.related-box button small{color:#8eaa76;margin-top:7px;font-size:9px;font-weight:400;display:block}.related-box button .icon{width:15px;height:15px}.related-box button:hover{color:var(--lime)}.detail-main{background:#131611;flex-direction:column;min-width:0;min-height:0;display:flex}.detail-tabs{border-bottom:1px solid #343d2b;flex:none;align-items:stretch;gap:29px;height:61px;padding:0 26px;display:flex}.detail-tabs button{color:#a6b998;white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:0;font-size:11px;display:flex;position:relative}.detail-tabs button:after{content:"";background:var(--lime);height:2px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.detail-tabs button[aria-selected=true]{color:#e6f1d9}.detail-tabs button[aria-selected=true]:after{transform:scaleX(1)}.detail-tabs button>.icon{color:#bdd49f;width:16px;height:16px}.detail-tabs button>span{font:7px var(--mono);letter-spacing:.8px;opacity:.6;margin-left:4px}.format-area{border-bottom:1px solid #2d3725;flex:none;padding:17px 24px 14px}.format-buttons{background:#0e130b;border:1px solid #34432a;border-radius:6px;gap:5px;width:-moz-fit-content;width:fit-content;padding:4px;display:flex}.format-buttons button{color:#a1b890;font:9px var(--mono);white-space:nowrap;background:0 0;border-radius:3px;padding:7px 13px;transition:background .15s,color .15s}.format-buttons button[aria-pressed=true]{color:#25351a;background:#d1e6b2;box-shadow:0 1px 4px #0003}.format-area p{color:#a4b795;letter-spacing:.1px;margin:10px 0 0;font-size:9px;line-height:1.6}.detail-pane{flex:1;min-height:0;overflow:hidden}.source-workbench{grid-template-columns:170px minmax(0,1fr);height:100%;display:grid}.file-tree{scrollbar-width:thin;scrollbar-color:#455c35 transparent;background:#151a10;border-right:1px solid #303c26;padding:16px 8px 22px;overflow:auto}.tree-title{font:8px var(--mono);letter-spacing:1.15px;color:#bdd2a6;justify-content:space-between;padding:0 10px 17px;display:flex}.tree-title span{color:#a0b987;font-size:7px}.file-group-label{font:6px var(--mono);letter-spacing:1px;color:#88a471;margin:11px 9px 6px}.file-item{text-align:left;color:#a9bf98;background:0 0;border-radius:4px;align-items:center;gap:7px;width:100%;min-width:0;padding:8px;line-height:1.3;display:flex}.file-item .icon{opacity:.75;width:12px;height:12px}.file-item span{font:9px var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-item:hover{color:#daebcb;background:#c9ef9c09}.file-item.selected{color:#ddf2c7;background:#badd9512;box-shadow:inset 2px 0 #c0dc98}.editor{background:#10140e;flex-direction:column;min-width:0;min-height:0;display:flex}.editor-bar{background:#171e12;border-bottom:1px solid #2d3923;flex:none;justify-content:space-between;align-items:center;gap:10px;height:42px;padding:0 16px;display:flex}.current-file{font:9px var(--mono);color:#c2d6b0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editor-bar>div{flex:none;align-items:center;gap:8px;display:flex}.editor-bar .icon-button{width:26px;height:26px}.small-button{color:#c6dbb4;white-space:nowrap;background:0 0;border:1px solid #465937;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:10px;transition:border-color .2s,background .2s;display:inline-flex}.small-button:hover,.small-button[aria-pressed=true]{color:#e5f4d6;background:#c1e7980c;border-color:#8ca66d}.small-button .icon{width:14px;height:14px}.editor-bar .small-button{gap:5px;padding:5px 8px;font-size:9px}.editor-bar .small-button .icon{width:12px;height:12px}.code-scroll{scrollbar-width:thin;scrollbar-color:#435a31 #12190d;flex:1;min-height:0;overflow:auto}.code-scroll pre{min-width:max-content;margin:0;padding:18px 18px 20px 0}.code-scroll code{font:11px/1.9 var(--mono);color:#cbd7bf;tab-size:2;display:block}.code-line{white-space:pre;grid-template-columns:43px minmax(0,1fr);min-width:max-content;display:grid}.line-number{color:#718763;text-align:right;-webkit-user-select:none;user-select:none;padding-right:16px;font-size:10px}.line-code{padding-right:5px}.wrapped pre{min-width:0}.wrapped .code-line{white-space:normal;min-width:0}.wrapped .line-code{white-space:pre-wrap;overflow-wrap:anywhere}.token.comment,.token.prolog,.token.doctype{color:#7d946e}.token.punctuation{color:#b0bfa5}.token.tag,.token.property,.token.constant,.token.symbol{color:#d1c89b}.token.boolean,.token.number{color:#d6b58f}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#b7d99c}.token.operator,.token.entity,.token.url,.token.variable{color:#c6ba99}.token.atrule,.token.attr-value,.token.keyword{color:#bdaacb}.token.function,.token.class-name{color:#9fcfc7}.token.regex,.token.important{color:#dec19a}.token.deleted{color:#dc9b97}.token.inserted{color:#a5d3a5}.editor-status{color:#9eb88a;height:26px;font:7px var(--mono);letter-spacing:.3px;background:#161e11;border-top:1px solid #2a3821;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:0 13px;display:flex}.editor-status>span{white-space:nowrap;align-items:center;gap:6px;display:flex}.editor-status i{background:#aacd87;border-radius:50%;width:3px;height:3px}.detail-actions{background:#1a2214;border-top:1px solid #3a482e;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:16px 23px;display:flex}.detail-actions>span{font:7px var(--mono);letter-spacing:.5px;color:#a8c28e;margin-right:auto}.solid-button{background:var(--lime);color:#273d16;border:1px solid var(--lime);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:10px;transition:background .2s,transform .15s;display:inline-flex}.solid-button .icon{width:15px;height:15px}.solid-button:hover{background:#e0eecd}.solid-button:active{transform:translateY(1px)}.guide-scroll,.prompt-scroll{scrollbar-width:thin;scrollbar-color:#435a31 transparent;height:100%;padding:25px 26px 30px;overflow:auto}.guide-scroll h3,.prompt-scroll h3{letter-spacing:-.3px;margin:12px 0 10px;font-size:20px;font-weight:400;line-height:1.5}.guide-lead{color:#b3c4a6;margin:0 0 25px;font-size:11px;line-height:1.95}.guide-step{gap:14px;margin:25px 0 13px;display:flex}.guide-step>span{font:9px var(--mono);color:#d5e9bf;background:#b6d58b09;border:1px solid #435b31;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.guide-step h4{color:#dce8d0;margin:2px 0 7px;font-size:12px;font-weight:400}.guide-step p{color:#a7bc96;margin:0;font-size:10px;line-height:1.9}.example-block{background:#10170b;border:1px solid #3b4d2d;border-radius:7px;margin:17px 0;overflow:hidden}.example-block>header{font:9px var(--mono);color:#c8ddb6;background:#1d2915;border-bottom:1px solid #3b4d2d;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;display:flex}.example-block .small-button{padding:5px 7px;font-size:9px}.example-block pre{scrollbar-width:thin;margin:0;padding:15px 10px 17px 0;overflow:auto}.example-block code{font:10px/1.9 var(--mono)}.props-table{border:1px solid #364929;border-radius:6px;width:100%;margin:17px 0 24px;overflow:auto}.props-table table{border-collapse:collapse;width:100%;font-size:10px;line-height:1.8}.props-table th{text-align:left;color:#c4dcaf;background:#1e2b16;font-size:9px;font-weight:400}.props-table td,.props-table th{border-bottom:1px solid #324725;padding:11px 13px}.props-table td{color:#b2c7a1;vertical-align:top}.props-table td:first-child code{font:9px var(--mono);color:#daebca}.props-table tr:last-child td{border:0}.props-table td:nth-child(2){font:8px/1.7 var(--mono);color:#a6c190}.guide-note{background:#b6d58c08;border-left:2px solid #658747;padding:14px 16px}.guide-note b{color:#d2e7bb;font-size:10px;font-weight:400}.guide-note p{color:#9fb989;margin:8px 0 0;font-size:10px;line-height:1.9}.related-inline{color:#ccdfb8;background:0 0;align-items:center;gap:8px;padding:20px 0 0;font-size:10px;display:flex}.related-inline .icon{width:13px;height:13px}.prompt-modes{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;display:grid}.prompt-modes button{text-align:left;color:#b9cfa6;background:#111b0b;border:1px solid #3d522d;border-radius:7px;align-items:center;gap:10px;padding:13px;display:flex}.prompt-modes button[aria-pressed=true]{color:#e1f0d3;background:#abc98311;border-color:#9bb979}.prompt-modes button>.icon{flex:none;width:17px;height:17px}.prompt-modes button>span{min-width:0}.prompt-modes b{font-size:11px;font-weight:400}.prompt-modes small{color:#9cb587;margin-top:6px;font-size:8px;line-height:1.7;display:block}.prompt-modes i{color:#cbe3b3;white-space:nowrap;background:#bbdb941c;border-radius:3px;margin-left:auto;padding:3px 5px;font-size:7px;font-style:normal}.prompt-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:0 0 10px;display:flex}.prompt-toolbar>span{font:8px var(--mono);letter-spacing:.3px;color:#a4bd90}#prompt-text{resize:vertical;color:#c1d5ae;width:100%;height:calc(100% - 240px);min-height:310px;max-height:none;font:10px/1.95 var(--mono);scrollbar-width:thin;scrollbar-color:#4a6735 transparent;background:#10190b;border:1px solid #3d502f;border-radius:6px;padding:18px;display:block}.prompt-caution{color:#98b381;margin:13px 0 0;font-size:9px;line-height:1.9}.surface-note{color:#96ad84;margin:14px 0 0;font-size:9px;line-height:1.9}.block-preview .preview-stage{height:260px;padding:16px}.block-preview .surface-sample{min-height:205px;padding:21px!important}.block-preview .surface-sample h3{margin-top:17px;font-size:27px}.block-preview .sample-eyebrow{letter-spacing:1px;font-size:5.5px}.block-preview .sample-index{width:17px;height:17px;font-size:6px}.block-preview .sample-orbit{width:74px;height:82px;top:60px;right:14px}.block-preview .surface-sample>p{font-size:8px}.block-preview .sample-bottom{margin-top:20px;font-size:5.5px}.block-preview .sop-machined-panel .sop-hardware{inset:11px}.toast{color:#203513;opacity:0;pointer-events:none;z-index:2147483647;white-space:nowrap;background:#dfedca;border:1px solid #e5f3cf;border-radius:7px;max-width:calc(100vw - 32px);padding:13px 21px;font-size:11px;line-height:1.6;transition:opacity .2s,transform .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);box-shadow:0 6px 30px #0006}.manual-copy{color:#e1eccf;background:#192711;border:1px solid #718f55;border-radius:10px;width:min(620px,100% - 30px);padding:26px}.manual-copy::backdrop{background:#000b}.manual-copy h2{margin:0 0 12px;font-size:20px;font-weight:400}.manual-copy p{color:#b9cda5;font-size:11px;line-height:1.9}.manual-copy textarea{resize:vertical;color:#d6e6c4;width:100%;height:270px;font:10px/1.7 var(--mono);background:#0c1408;border:1px solid #435d32;border-radius:5px;margin:10px 0 17px;padding:12px}@media (min-width:1500px){.page-shell{width:1240px}.object-stage{height:205px}.hero h1{font-size:86px}.hero-aside{flex-basis:280px}.block-card .object-stage{height:298px}}@media (max-width:1150px){.page-shell{width:calc(100% - 56px)}.edition{display:none}.hero h1{letter-spacing:-3.8px;font-size:66px}.hero-aside{flex-basis:236px}.hero-asterisk{margin-left:15px;font-size:50px}.object-type{letter-spacing:1px;font-size:7px}.card-top,.card-bottom{padding-left:19px;padding-right:19px}.controls{gap:16px}.card-bottom h2{gap:10px;font-size:23px}.card-bottom h2 span{font-size:9px}.block-card .card-bottom h2{font-size:20px}.detail-body{grid-template-columns:315px minmax(0,1fr)}.preview-sidebar{padding:25px 20px}.preview-heading h2{font-size:31px}.preview-stage .sop-toggle{transform:scale(.83)}.source-workbench{grid-template-columns:145px minmax(0,1fr)}.file-item span{font-size:8px}.detail-actions{gap:8px;padding:14px 16px}.detail-actions>span{display:none}.detail-tabs{gap:24px;padding:0 20px}.format-area{padding:14px 18px}.format-buttons button{padding:7px 10px}.block-preview .preview-stage{padding:12px}.block-preview .surface-sample{padding:17px!important}.block-preview .surface-sample h3{font-size:25px}.block-preview .sample-orbit{opacity:.5;width:66px;height:72px;right:12px}.block-preview .sample-eyebrow{font-size:5px}.card-bottom p{font-size:9px}.open-part span{display:none}.open-part .icon:first-child{display:block}.collection-foot>.mono{font-size:7px}.prompt-modes{grid-template-columns:1fr}.prompt-modes small{margin-left:9px;display:inline}.prompt-modes button{padding:11px}.prompt-modes button>span{flex:1}.guide-scroll,.prompt-scroll{padding:21px}}@media (max-width:900px){.part-details{border:0;border-radius:0;width:100vw;height:100dvh}.detail-shell{animation:none}.detail-body{display:block;overflow:auto}.preview-sidebar{border-bottom:1px solid #3a482e;border-right:0;grid-template-columns:1fr 290px;gap:0 20px;padding:22px 26px;display:grid}.preview-heading{grid-area:1/1}.live-preview{grid-area:1/2/6}.preview-heading>p{margin-bottom:14px}.preview-controls{grid-area:2/1;justify-content:flex-start;margin:0 0 10px}.disabled-control{grid-area:3/1;margin:0}.preview-description{grid-area:4/1;margin:15px 0 0}.part-facts,.related-box{display:none}.preview-stage{height:143px}.preview-stage .sop-toggle{transform:scale(.85)}.surface-note{grid-area:3/1}.detail-main{min-height:540px;overflow:visible}.detail-pane{flex:auto;height:470px}.source-workbench{grid-template-columns:180px minmax(0,1fr)}.file-item span{font-size:10px}.detail-top{height:54px}.detail-tabs{height:57px;padding:0 25px}.format-area{padding:15px 25px}.format-buttons button{padding:7px 17px}.detail-actions{z-index:3;padding:16px 25px;position:sticky;bottom:0;box-shadow:0 -8px 24px #11190b33}.detail-actions>span{display:block}.pane-guide,.pane-prompt{height:520px}.guide-scroll,.prompt-scroll{padding:24px}.prompt-modes{grid-template-columns:1fr 1fr}.prompt-modes small{margin-left:0;display:block}.block-preview .preview-stage{height:208px;padding:5px 14px}.block-preview .surface-sample{min-height:190px;padding:17px!important}.block-preview .surface-sample h3{font-size:25px}.block-preview .sample-bottom{margin-top:15px}.block-preview .sample-orbit{width:70px;height:77px}.block-preview .sample-eyebrow{font-size:5px}.block-preview .sample-index{display:none}.format-area p{margin-bottom:0}.editor-bar{height:43px}.file-tree{padding-top:18px}.toast{white-space:normal;text-align:center;width:max-content}}@media (max-width:760px){.page-shell{width:calc(100% - 36px)}.masthead{height:77px}.wordmark{letter-spacing:1.3px;gap:9px;font-size:11px}.brand-icon{margin-left:-3px;transform:scale(.83)rotate(-35deg)}.sound-control{gap:7px;font-size:8px}.hero{align-items:flex-start;gap:20px;padding:40px 0 36px}.hero h1{letter-spacing:-2.8px;font-size:clamp(43px,8vw,62px)}.hero h1 em{letter-spacing:-2.5px}.hero-asterisk{vertical-align:5px;margin-left:12px;font-size:36px}.eyebrow{letter-spacing:1px;gap:7px;margin-bottom:23px;font-size:7px}.hero-aside{flex-basis:195px;padding-top:7px}.hero-aside p{letter-spacing:.2px;font-size:10px}.hero-aside .hero-description{font-size:9px}.library-mark{letter-spacing:.2px;margin-bottom:16px;font-size:6px}.library-mark span{font-size:19px}.explore{gap:10px;margin-top:13px;font-size:7px}.collection-title{gap:10px}.collection-title>.mono{font-size:8px}.collection-count{font-size:7px!important}.collection-bar{gap:10px}.controls{gap:12px}.active-counter{display:none}.batch-buttons .utility{font-size:8px}.demo-control{padding:8px;font-size:9px}.object-grid{gap:12px}.card-top{gap:9px;padding:17px 16px 0}.object-type{letter-spacing:.8px;font-size:6px}.object-no{font-size:8px}.state-readout{font-size:7px}.object-stage{height:164px}.stage-mount>.sop-toggle{transform:scale(.87)}.card-bottom{padding:0 16px 19px}.card-bottom h2{margin-bottom:6px;font-size:21px;display:block}.card-bottom h2 span{display:none}.card-bottom p{font-size:9px;line-height:1.8}.page-footer>.mono{margin-right:15px}.collection-foot{font-size:9px}.collection-toolbar{gap:15px}.category-tabs{gap:20px}.category-tabs button{gap:7px;font-size:11px}.block-card .object-stage{height:240px;padding:15px}.surface-sample{min-height:205px;padding:21px!important}.surface-sample h3{font-size:27px}.sample-orbit{opacity:.3;width:72px;height:82px;right:15px}.sample-eyebrow{letter-spacing:.4px;font-size:6px}.sample-bottom{font-size:5px}.block-card .card-bottom h2{font-size:18px}.surface-sample>p{font-size:8px}.sop-machined-panel .surface-sample h3{font-size:27px}.collection-foot>.mono{display:none}}@media (max-width:600px){.hero{display:block}.hero h1{letter-spacing:-3.3px;font-size:clamp(47px,11.8vw,67px)}.hero-asterisk{vertical-align:3px;font-size:42px}.hero-aside{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0;margin-top:27px;padding:0;display:flex}.library-mark{display:none}.hero-aside p{margin:0;font-size:11px}.hero-aside .hero-description{display:none}.explore{letter-spacing:.5px;gap:8px;margin:0;font-size:6px}.eyebrow{font-size:7px}.collection-toolbar{flex-wrap:wrap;gap:8px;padding-top:14px}.category-tabs{order:2;gap:26px;width:100%;height:39px}.category-tabs button{font-size:11px}.collection-bar{flex-wrap:wrap;gap:13px;min-height:60px;padding:15px 0}.collection-count{display:none}.controls{gap:14px}.batch-buttons{gap:6px}.object-grid{grid-template-columns:1fr;gap:13px}.object-card{border-radius:9px}.card-top{padding:20px 21px 0}.object-no{font-size:9px}.object-type{letter-spacing:1.1px;font-size:8px}.state-readout{font-size:8px}.object-stage{height:184px}.stage-mount>.sop-toggle{transform:none}.card-bottom{padding:0 21px 22px}.card-bottom h2{gap:12px;margin-bottom:7px;font-size:24px;display:flex}.card-bottom h2 span{font-size:9px;display:inline}.card-bottom p{font-size:10px}.collection-foot{flex-wrap:wrap;gap:10px;padding:24px 0;font-size:9px}.page-footer{align-items:flex-end;gap:10px;padding:29px 0 32px}.page-footer>div{font-size:21px}.page-footer em{font-size:25px}.page-footer>.mono{display:none}.back-top{gap:10px;font-size:7px}.block-card .object-stage{height:275px;padding:22px 20px}.surface-sample{min-height:220px;padding:25px!important}.surface-sample h3{font-size:32px}.sample-eyebrow{letter-spacing:1px;font-size:6px}.sample-bottom{font-size:6px}.surface-sample>p{font-size:9px}.sample-orbit{opacity:.5;width:89px;height:99px;right:19px}.block-card .card-bottom h2{font-size:23px}.block-card .card-bottom h2 span{display:none}.block-card .card-bottom p{font-size:9px}.detail-top{gap:7px;height:49px;padding:0 12px}.detail-breadcrumb{letter-spacing:.3px;gap:7px;font-size:7px}.mini-brand{font-size:20px}.detail-nav{gap:0}.detail-nav .icon-button{width:29px;height:29px}.nav-divider{margin:0 3px}.preview-sidebar{padding:23px 20px 18px;display:block}.preview-heading{flex-wrap:wrap;align-items:baseline;column-gap:12px;display:flex}.preview-heading .section-kicker{width:100%;font-size:7px}.preview-heading h2{margin:10px 0 16px;font-size:29px}.preview-heading>p{margin:0;font-size:10px}.preview-description,.surface-note{display:none}.live-preview{max-width:none}.preview-stage{height:170px}.preview-stage .sop-toggle{transform:scale(.95)}.preview-status{padding:12px 14px}.preview-bottom{padding:8px 14px 13px}.preview-controls{justify-content:flex-start;margin-top:12px}.preview-controls>.icon-button{margin-left:auto}.disabled-control{margin-top:12px;font-size:9px}.detail-tabs{gap:23px;height:56px;padding:0 20px}.detail-tabs button{gap:6px;font-size:10px}.detail-tabs button>span{display:none}.detail-tabs button>.icon{width:14px;height:14px}.format-area{padding:14px 18px 12px}.format-buttons{gap:3px;width:100%}.format-buttons button{flex:1;padding:7px 5px;font-size:8px}.format-area p{margin-top:9px;font-size:8px}.source-workbench{flex-direction:column;display:flex}.file-tree{border-bottom:1px solid #364b29;border-right:0;flex:none;align-items:center;gap:5px;max-height:90px;padding:10px 12px;display:flex;overflow:auto}.tree-title,.file-group-label{display:none}.file-item{border:1px solid #364b29;flex:none;width:auto;padding:9px 10px}.file-item span{font-size:9px}.file-item.selected{box-shadow:none;background:#405a2f4d;border-color:#749557}.file-item .icon{width:11px;height:11px}.editor{flex:1;min-height:0}.detail-pane{height:450px}.code-scroll code{font-size:10px}.code-line{grid-template-columns:36px minmax(0,1fr)}.line-number{padding-right:12px;font-size:9px}.code-scroll pre{padding-top:15px}.editor-bar{padding:0 12px}.editor-bar>.current-file{font-size:9px}.detail-actions{padding:13px 15px;padding-bottom:max(13px,env(safe-area-inset-bottom));gap:8px}.detail-actions>span{display:none}.detail-actions>.small-button{flex:1;padding:10px 7px;font-size:9px}.detail-actions>.solid-button{padding:10px 12px;font-size:9px}.editor-status{font-size:6px}.guide-scroll,.prompt-scroll{padding:22px 18px}.guide-scroll h3,.prompt-scroll h3{font-size:18px}.guide-lead{font-size:10px}.prompt-modes{grid-template-columns:1fr}.prompt-modes small{margin-left:9px;display:inline}.prompt-modes button{padding:12px}.prompt-toolbar{flex-wrap:wrap;row-gap:10px}.prompt-toolbar>span{font-size:7px}#prompt-text{min-height:330px;font-size:9px}.pane-guide,.pane-prompt{height:540px}.props-table table{min-width:430px}.block-preview .preview-stage{height:258px;padding:13px 24px}.block-preview .surface-sample{min-height:218px;padding:25px!important}.block-preview .surface-sample h3{font-size:30px}.block-preview .sample-eyebrow{font-size:6px}.block-preview .sample-orbit{width:82px;height:90px}.block-preview .sample-bottom{margin-top:23px;font-size:6px}.block-preview .surface-sample>p{font-size:9px}.block-preview .sample-index{display:grid}.detail-body{overscroll-behavior:contain}.manual-copy{padding:20px}.manual-copy h2{font-size:18px}.manual-copy p{font-size:10px}}@media (max-width:355px){.page-shell{width:calc(100% - 24px)}.hero h1{font-size:43px}.hero-asterisk{margin-left:8px;font-size:34px}.object-type{font-size:7px}.stage-mount>.sop-toggle{transform:scale(.9)}.card-bottom h2 span{font-size:8px}.card-bottom p{font-size:9px}.detail-breadcrumb strong{display:none}.preview-sidebar{padding-left:14px;padding-right:14px}.detail-tabs{gap:17px;padding:0 14px}.format-area{padding-left:12px;padding-right:12px}.block-preview .preview-stage{padding:10px 14px}.hero-aside p{font-size:10px}.explore,.sample-eyebrow{font-size:5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-asterisk{transform:none!important}}.part-details,.manual-copy{--d-bg:#17181c;--d-code:#101115;--d-panel:#1c1d22;--d-panel-soft:#191a1f;--d-line:#303238;--d-text:#e5e6ea;--d-muted:#a3a5b0;--d-dim:#858995;background:var(--d-bg);color:var(--d-text);border:1px solid #383b40;box-shadow:0 24px 100px #000b}.part-details::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#08090be0}.manual-copy::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#08090be0}.part-details :is(.detail-top,.detail-tabs,.format-area,.detail-actions,.editor-bar,.editor-status,.file-tree,.preview-sidebar,.part-facts,.related-box,.example-block,.example-block>header,.guide-note,.props-table th,.props-table td){border-color:var(--d-line)}.part-details :is(.detail-main,.format-area){background:var(--d-bg)}.part-details .detail-top{background:#1d1e23}.part-details .detail-breadcrumb{color:#a0a4ae}.part-details .detail-breadcrumb>span:not(.mini-brand){color:#606674}.part-details .detail-breadcrumb strong{color:#dee1e7}.part-details .mini-brand{color:#d1e6b2}.part-details .preview-sidebar{background:linear-gradient(160deg,#1d1e23,#18191d 65%)}.part-details .preview-heading h2{color:#f0f0f3}.part-details .preview-heading>p,.part-details .preview-description{color:#b8bbc5}.part-details :is(.section-kicker,.part-facts dt,.surface-note,.preview-bottom,.preview-status,.related-box small){color:#9298a5}.part-details .part-facts dd{color:#c9cdd5}.part-details .live-preview{border-color:#353840;border-radius:12px;box-shadow:0 8px 24px #0002}.part-details .bg-studio{background:radial-gradient(at 50% 20%,#292b34 0,#1a1b21 62%,#17181d)}.part-details .bg-dark{background:#0b0c0f}.part-details .bg-light{background:#e5e5e2}.part-details .bg-light :is(.preview-status,.preview-bottom){color:#505966}.part-details .detail-tabs{background:#191a1f}.part-details .detail-tabs button{color:#a3a7b1}.part-details .detail-tabs button[aria-selected=true]{color:#dfebc8}.part-details .detail-tabs button[aria-selected=true]:after{background:#d1e6b2}.part-details .detail-tabs button>span{color:#818795}.part-details .format-buttons{background:#111216;border-color:#34363e}.part-details .format-buttons button{color:#a8acb7}.part-details .format-buttons button[aria-pressed=true]{color:#243021;background:#d1e6b2;box-shadow:0 1px 3px #0005}.part-details .format-area p{color:#9a9fac}.part-details .file-tree{background:#191a20}.part-details .tree-title{color:#b2b6c2}.part-details .tree-title span{color:#747b89}.part-details .file-group-label{color:#7f8796}.part-details .file-item{color:#acb2bf;border-color:#0000}.part-details .file-item:hover{color:#e2e6ef;background:#ffffff05}.part-details .file-item.selected{color:#dfebce;background:#d1e6b20d;box-shadow:inset 2px 0 #c4dba6}.part-details .file-item.selected .icon{color:#c9deb2}.part-details .editor{background:var(--d-code);min-width:0}.part-details .editor-bar{background:#1d1e25;gap:12px;min-height:58px}.part-details .current-file{color:#c6cbd5;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.part-details .editor-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.part-details .editor-tool-divider{background:#353943;width:1px;height:20px;margin:0 2px}.part-details .code-scroll{color:#d8dce6;background:#101115}.part-details .code-scroll code{color:#d8dce6;font-size:12px;line-height:1.85}.part-details .code-scroll .line-number{color:#686f7e;-webkit-user-select:none;user-select:none;font-size:10px}.part-details .code-line:hover{background:#ffffff03}.part-details .editor-status{color:#919aaa;background:#191b22}.part-details .editor-status i{background:#97bea8}.part-details .detail-actions{background:#1b1c22;gap:14px}.part-details #package-label{color:#969eac;white-space:nowrap}.part-details .package-hint{color:#9197a5;letter-spacing:.1px;margin-left:auto;margin-right:0;font-size:10px}.part-details .solid-button{color:#22301b;background:#d1e6b2;box-shadow:0 3px 8px #0003}.part-details .solid-button:hover{background:#e2efcf}.part-details .small-button,.part-details .icon-button{color:#b7bdc9}.part-details .small-button{background:#24262d;border-color:#414650;transition:background .2s,border-color .2s,color .2s}.part-details .small-button:hover{color:#f0f2f5;background:#2d303a;border-color:#69717f}.part-details .icon-button:hover{color:#dbe4ed;background:#2c3038}.part-details .icon-button[aria-pressed=true]{color:#d1e6b2;background:#c5daac12}.part-details .copy-file{justify-content:center;min-width:108px}.part-details .download-file{color:#c7cbd4;gap:6px}.part-details .nav-divider{background:#414650}.part-details .state-segments{background:#17191e;border-color:#464b54}.part-details .state-segments button{color:#aeb5c2}.part-details .state-segments button[aria-pressed=true]{color:#dfebcc;background:#d1e6b221}.part-details .disabled-control{color:#a1a8b4}.part-details .related-box button,.part-details .related-inline{color:#cad4bd}.part-details .related-box button:hover{background:#ffffff04}.part-details :is(.guide-scroll,.prompt-scroll){background:#16171c}.part-details :is(.guide-scroll h3,.prompt-scroll h3,.guide-step h4){color:#e3e6ed}.part-details :is(.guide-lead,.guide-step p,.guide-note p,.prompt-caution){color:#a7aeba}.part-details .guide-step>span{color:#c7dab2;background:#20232a;border-color:#3c424d}.part-details .example-block{background:#101115}.part-details .example-block>header{color:#bfc6d2;background:#21232a}.part-details .example-block pre{color:#d8dce6}.part-details .props-table table{color:#bec6d3}.part-details .props-table th{color:#a7afbd;background:#20222a}.part-details .props-table td:first-child{color:#b5d4e6}.part-details .guide-note{color:#c9d9b5;background:#c4d7af05;border-color:#3b4239}.part-details .prompt-modes button{color:#adb5c3;background:#1b1d24;border-color:#3b3e49}.part-details .prompt-modes button[aria-pressed=true]{color:#e2ebd7;background:#c2d8a60a;border-color:#7c9469}.part-details .prompt-modes small{color:#929ba9}.part-details .prompt-modes i{color:#c4dba7;background:#c0dca515}.part-details .prompt-toolbar{color:#959fae}.part-details #prompt-text{color:#c8d0de;caret-color:#d1e6b2;background:#101115;border:1px solid #343a47;font-size:11px;line-height:1.85}.part-details .token.comment,.part-details .token.prolog,.part-details .token.doctype{color:#7e899a;font-style:italic}.part-details .token.punctuation{color:#adb6c6}.part-details .token.property,.part-details .token.attr-name,.part-details .token.parameter{color:#b0cce2}.part-details .token.selector,.part-details .token.tag{color:#e0bca2}.part-details .token.string,.part-details .token.attr-value{color:#a7cba9}.part-details .token.keyword,.part-details .token.atrule{color:#c8b4e7}.part-details .token.function,.part-details .token.class-name{color:#a4cbe5}.part-details .token.number,.part-details .token.boolean,.part-details .token.constant{color:#e4bb8e}.part-details .token.operator{color:#b7c6d5;background:0 0}.part-details *{scrollbar-color:#505766 #15161b;scrollbar-width:thin}.part-details ::-webkit-scrollbar{width:9px;height:9px}.part-details ::-webkit-scrollbar-track{background:#14151a}.part-details ::-webkit-scrollbar-thumb{background:#474f5e;border:2px solid #14151a;border-radius:12px}.part-details ::-webkit-scrollbar-thumb:hover{background:#697387}.part-details ::-webkit-scrollbar-corner{background:#14151a}.toast{z-index:9999;color:#e6efdf;letter-spacing:.2px;pointer-events:none;opacity:0;background:#222b26;border:1px solid #465646;border-radius:12px;align-items:center;gap:11px;width:max-content;max-width:min(90vw,520px);padding:14px 19px;font-size:12px;line-height:1.6;transition:opacity .22s,transform .22s;display:flex;position:fixed;inset:auto auto 30px 50%;transform:translate(-50%,12px);box-shadow:0 10px 45px #0007}.toast.visible{opacity:1;transform:translate(-50%)}.toast .icon{color:#c3e0ac;width:18px;height:18px}.toast[data-kind=error]{color:#f1d2bd;background:#302420;border-color:#765043}.part-details>.toast{bottom:100px}.small-button.is-copied,.part-details .small-button.is-copied{color:#e0f0cc;background:#c7e1ac1c;border-color:#8fae7b}.is-copied .icon{stroke-dasharray:24;stroke-dashoffset:0;animation:.28s ease-out copy-check-in}.copy-pending{opacity:.6}@keyframes copy-check-in{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.manual-copy{border-radius:16px;max-width:640px;padding:30px}.manual-copy .manual-icon{color:#d1e6b2;margin-bottom:17px}.manual-copy p{color:#b6becb;line-height:1.9}.manual-copy textarea{color:#d5dce6;width:100%;min-height:270px;font:11px/1.8 var(--mono);background:#101115;border-color:#404655;padding:16px}.manual-copy button{margin-top:18px}@media (max-width:1150px){.part-details .package-hint{display:none}}@media (max-width:600px){.part-details .editor-bar{flex-wrap:wrap;row-gap:6px;min-height:61px;padding:8px 10px}.part-details .current-file{flex:1;min-width:66px;font-size:9px}.part-details .editor-tools{gap:4px}.part-details .editor-tool-divider{display:none}.part-details .download-file{padding:8px 9px;font-size:9px}.part-details .download-file span{display:none}.part-details .download-file .icon{width:15px;height:15px}.part-details .copy-file{min-width:86px;padding:8px 9px;font-size:9px}.part-details .wrap-code{width:27px;height:30px}.part-details .file-tree{border-bottom-color:#30343d}.part-details .file-item{border-color:#333945}.part-details .file-item.selected{background:#c9dfaa0c;border-color:#7d9567}.part-details .code-scroll code{font-size:10px}.part-details .detail-actions{justify-content:space-between;gap:10px}.part-details #package-label{font-size:8px;display:inline}.part-details .package-hint{display:none}.part-details>.toast{padding:11px 14px;font-size:11px;bottom:80px}}@media (prefers-reduced-motion:reduce){.toast,.is-copied .icon{transition:none;animation:none}}.package-dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7e9ec;width:min(580px,100vw - 32px);max-height:calc(100dvh - 40px);font-family:var(--sans);background:#191b21;border:1px solid #404550;border-radius:18px;padding:0;overflow:auto;box-shadow:0 35px 130px #000c}.package-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030508b5}.package-heading{border-bottom:1px solid #30343c;padding:30px 30px 22px;position:relative}.package-heading .section-kicker{color:#9fb791;letter-spacing:1.6px;font-size:9px}.package-heading h2{letter-spacing:-.5px;margin:19px 0 12px;font-size:28px;font-weight:400}.package-heading p{margin:0;font-size:13px}.package-heading p span{color:#929ba9;margin-left:6px;font-size:11px}.package-close{position:absolute;top:21px;right:21px}.package-formats{border:0;gap:10px;margin:24px 30px 0;padding:0;display:grid}.package-formats legend{color:#b0b8c7;margin-bottom:13px;font-size:11px}.package-option{cursor:pointer;background:#16181e;border:1px solid #383e49;border-radius:10px;align-items:center;gap:13px;padding:18px 16px;transition:border-color .2s,background .2s;display:flex}.package-option:has(input:checked){background:#bed89b0a;border-color:#a6bf8d}.package-option input{accent-color:#c7dfa9;flex:none;width:16px;height:16px}.package-option b{margin-bottom:7px;font-size:13px;font-weight:500;display:block}.package-option small{color:#a2aab7;font-size:10px;line-height:1.8;display:block}.package-option em{font:9px var(--mono);color:#c8dfa9;white-space:nowrap;margin-left:auto;font-style:normal}.package-mode-note{color:#a4adbb;min-height:42px;margin:14px 0 21px;padding:0 30px;font-size:11px;line-height:1.9}.windows-help{background:#13151b;border:1px solid #373c48;border-radius:9px;margin:0 30px 24px;font-size:11px;line-height:1.9}.windows-help summary{cursor:pointer;color:#c6d0df;align-items:center;gap:9px;padding:13px 15px;display:flex}.windows-help summary .icon{width:16px;height:16px}.windows-help summary:after{content:"＋";margin-left:auto}.windows-help[open] summary:after{content:"−"}.windows-help>div{color:#aeb7c5;border-top:1px solid #303640;padding:4px 16px 12px}.windows-help ol{padding-left:22px}.windows-help li{padding:3px 0}.windows-help b{color:#dfe4ec;font-weight:500}.windows-caution{color:#d3b898;font-size:10px}.package-bottom{background:#1d2028;border-top:1px solid #353a44;justify-content:space-between;align-items:center;gap:12px;padding:20px 30px;display:flex}.package-bottom>span{color:#99a3b3;font-size:9px}.package-bottom button{justify-content:center;min-width:150px;font-size:12px}.package-dialog .toast{bottom:16px}.package-dialog :focus-visible{outline-offset:4px;outline:2px solid #d1e6b2}@media (max-width:600px){.package-heading{padding:25px 20px 20px}.package-formats{margin:20px 20px 0}.package-mode-note{padding:0 20px}.windows-help{margin:0 20px 20px}.package-bottom{flex-wrap:wrap;padding:17px 20px}.package-option{padding:15px 12px}.package-option em{display:none}.package-heading h2{font-size:25px}.package-dialog{max-height:calc(100dvh - 24px)}}.part-details .tree-entries{min-width:0;padding:9px 6px 14px}.part-details .source-directory{min-width:0;margin:0}.part-details .source-directory>summary{padding:8px 6px 8px calc(3px + var(--level)*9px);color:#a7aebc;font:10px/1.4 var(--mono);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:5px;min-width:0;list-style:none;display:flex}.part-details .source-directory>summary::-webkit-details-marker{display:none}.part-details .source-directory>summary:hover{color:#ecedf0;background:#ffffff06}.part-details .source-directory>summary>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.part-details .source-directory>summary>.icon{color:#939fad;flex:none;width:13px;height:13px}.directory-chevron{text-align:center;flex:none;width:9px;font:15px/12px sans-serif;transition:transform .16s}.source-directory[open]>summary>.directory-chevron{transform:rotate(90deg)}.part-details .tree-entries .file-item{padding:9px 5px 9px calc(17px + var(--level)*9px);gap:6px;width:100%;min-width:0}.part-details .tree-entries .file-item span{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;overflow:hidden}.part-details .tree-entries .file-item>.icon{flex:none;width:12px;height:12px}.part-details .mobile-file-picker{display:none}.part-details .editor-bar{min-height:59px}.part-details .editor-location{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.part-details .current-file{font:11px/1.4 var(--mono)}.part-details .current-path{font:9px/1.4 var(--mono);color:#9098a7;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.part-details .editor-tools{flex:none}.package-layout{background:#13151a;border:1px solid #343a44;border-radius:10px;margin:0 30px 20px;overflow:hidden}.package-layout>summary{color:#cbdcb9;cursor:pointer;padding:14px 16px;font-size:12px}.package-layout>p{color:#a7aebc;margin:0;padding:0 16px 12px;font-size:10px;line-height:1.8}.package-tree{font:10px/1.85 var(--mono);color:#bdc7d4;tab-size:2;max-height:230px;margin:0;padding:0 16px 16px;overflow:auto}@media (max-width:600px){.part-details .file-tree{max-height:none;padding:10px 12px;display:block;overflow:visible}.part-details .tree-entries,.part-details .tree-title{display:none}.part-details .mobile-file-picker{width:100%;min-width:0;display:block}.part-details .mobile-file-picker select{appearance:auto;color:#d1d9e7;width:100%;min-width:0;max-width:100%;font:10px var(--mono);text-overflow:ellipsis;background:#1b1e25;border:1px solid #3b4250;border-radius:5px;padding:10px;display:block}.part-details .editor-location{flex:1;min-width:70px}.part-details .current-file{font-size:10px}.part-details .current-path{font-size:8px}.package-layout{margin:0 20px 18px}.package-tree{font-size:9px}}@media (prefers-reduced-motion:reduce){.directory-chevron{transition:none}}.part-details .editor-location{justify-content:center;align-items:flex-start}.part-details .editor-location>span{max-width:100%}@media (min-width:1101px){.part-details .source-workbench{grid-template-columns:235px minmax(0,1fr)}}@media (min-width:601px) and (max-width:1100px){.part-details .source-workbench{grid-template-columns:210px minmax(0,1fr)}}.export-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.layout-control{color:#9fa6b4;align-items:center;gap:9px;min-width:0;font-size:10px;display:flex}.layout-control select{font:10px var(--sans);color:#e5e9ef;cursor:pointer;outline-offset:3px;background:#20242b;border:1px solid #3e4552;border-radius:6px;max-width:100%;padding:9px 25px 9px 10px}.layout-control select:focus-visible{outline:2px solid var(--lime)}.format-area p.layout-note{color:#c0c9b1;overflow-wrap:anywhere;margin-top:5px;font-size:10px}.delivery-paths{background:#15191f;border:1px solid #303740;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:9px 18px;margin:12px 0 22px;padding:16px 18px;display:grid}.delivery-paths span{font:8px var(--mono);letter-spacing:.7px;color:#939dab;align-self:center}.delivery-paths code{font:11px/1.6 var(--mono);color:#cbd5e4;overflow-wrap:anywhere}.file-item[data-role=example]{opacity:.8}.package-context{background:#181d24;border:1px solid #38414c;border-radius:8px;margin:0 24px 20px;padding:15px 17px}.package-layout-badge{color:#d1e6b2;border:1px solid #637a4e;border-radius:4px;padding:3px 8px;font-size:10px;display:inline-flex}.package-context p{color:#b2bbc8;margin:10px 0;font-size:11px;line-height:1.85}.package-context code{font:10px/1.6 var(--mono);color:#d9e2ed;overflow-wrap:anywhere}@media (max-width:800px){.export-controls{gap:9px}.format-area{padding-top:12px;padding-bottom:10px}.layout-control{margin-left:auto}.format-area p.layout-note{font-size:9px}}@media (max-width:600px){.export-controls{grid-template-columns:1fr;gap:10px;display:grid}.layout-control{justify-content:space-between;margin-left:0}.layout-control select{flex:1;max-width:220px}.delivery-paths{grid-template-columns:1fr;gap:5px;padding:12px}.delivery-paths code{margin-bottom:7px}.package-context{margin-left:16px;margin-right:16px}.format-area p#format-note{display:none}}.design-toolbar{justify-content:space-between;align-items:center;gap:20px;padding:16px 0 4px;display:flex}.design-toolbar p{letter-spacing:.2px;color:#969e95;margin:0;font-size:10px}.design-filters{flex-wrap:wrap;gap:7px;display:flex}.design-filters button{color:#aeb7aa;background:0 0;border:1px solid #363c35;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:8px 12px;font-size:10px;transition:background .2s,border-color .2s;display:flex}.design-filters button b{width:16px;height:16px;font:9px var(--mono);color:#c4d6b2;border:1px solid #67776070;border-radius:3px;place-items:center;display:grid}.design-filters button small{font:8px var(--mono);opacity:.65;margin-left:3px}.design-filters button[aria-pressed=true]{color:#e2ecd7;background:#d1e6b214;border-color:#869d6a}.design-filters button:focus-visible{outline-offset:3px}.design-badge{width:16px;height:16px;font:8px var(--mono);color:#b9c99f;border:1px solid #7485685c;border-radius:3px;flex:none;place-items:center;display:inline-grid}.design-badge.design-B{color:#b7c8d4;border-color:#7387926b}.card-top{gap:10px}.card-top .object-type{letter-spacing:1px}.detail-design{font:9px var(--mono);color:#c4d5b7;border:1px solid #7a8b6659;border-radius:4px;margin:13px 0 0;padding:4px 7px;display:inline-block}.detail-design.design-B{color:#bbd0dd;border-color:#7182916b}.preview-heading .detail-design+h2{margin-top:15px}.object-card[data-design=B].toggle-card .stage-glow{opacity:.15}.object-card[data-design=B] .stage-mount>.sop-toggle,.preview-stage .sop-quiet,.preview-stage .sop-porcelain,.preview-stage .sop-rail,.preview-stage .sop-segment,.preview-stage .sop-outline,.preview-stage .sop-rocker{transform:none!important}.sop-surface .surface-sample{color:var(--sop-ink,inherit)}.sop-surface .surface-sample h3 em{color:var(--sop-accent-ink,#d1e6b2)}.sop-surface .surface-sample>p,.sop-surface .surface-sample .sample-eyebrow,.sop-surface .surface-sample .sample-bottom{color:var(--sop-muted,inherit)}.sop-surface .surface-sample .sample-bottom{border-color:currentColor;border-top-color:color-mix(in srgb,currentColor 24%,transparent)}.sop-surface .surface-sample .sample-index{color:var(--sop-muted,#a1b28e)}.sop-aurora-veil .sample-orbit,.sop-contour .sample-orbit,.sop-obsidian .sample-orbit,.sop-copper-plate .sample-orbit,.sop-ripple-glass .sample-orbit,.sop-velvet .sample-orbit,.sop-nocturne .sample-orbit,.sop-blueprint .sample-orbit,.sop-gallery-plinth .sample-orbit,.sop-prismatic-edge .sample-orbit{display:none}.surface-sample.essential-sample{flex-direction:column;gap:0;min-height:220px;display:flex}.essential-sample .ess-top{font:6px var(--mono);letter-spacing:1px;color:var(--sop-muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.essential-sample .ess-top small{font:8px var(--sans);letter-spacing:0;opacity:.8}.sop-surface .essential-sample h3{font-family:var(--sans);letter-spacing:-.4px;margin:20px 0 10px;font-size:23px;font-weight:400;line-height:1.55}.sop-surface .essential-sample>p{color:var(--sop-muted);margin:0;font-size:10px;line-height:1.9}.essential-sample .ess-footer{color:var(--sop-muted);border-top:1px solid #7e94872f;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;font-size:8px;display:flex}.essential-sample .ess-footer button{min-height:28px;color:var(--sop-accent-ink);background:0 0;border:1px solid;border-radius:5px;padding:6px 9px;font-size:8px}.essential-sample .ess-footer button:hover{background:#899f8417}.essential-sample .ess-footer button[aria-pressed=true]{background:#839b7c19}.essential-sample .ess-metric{align-items:center;gap:25px;margin:0 0 14px;display:flex}.essential-sample .ess-metric strong{font:42px var(--sans);letter-spacing:-2px;font-weight:400;line-height:1.1}.essential-sample .ess-metric strong small{margin-left:3px;font-size:18px}.essential-sample .ess-metric>span{color:var(--sop-muted);font-size:9px;line-height:1.8}.essential-sample .ess-metric b{color:var(--sop-ink);font-weight:400}.essential-sample .ess-progress{background:#81977b2b;border-radius:4px;height:4px;margin-bottom:16px;overflow:hidden}.essential-sample .ess-progress i{border-radius:inherit;background:var(--sop-accent-ink);width:72%;height:100%;display:block}.essential-sample .ess-list{margin:0 0 13px;padding:0;font-size:10px;list-style:none}.essential-sample .ess-list li{align-items:center;gap:9px;margin:0;padding:7px 0;display:flex}.essential-sample .ess-list i{font:8px var(--sans);width:13px;height:13px;color:var(--sop-accent-ink);border:1px solid #98ac9850;border-radius:50%;place-items:center;font-style:normal;display:grid}.essential-sample .ess-list span{color:var(--sop-muted);margin-left:auto;font-size:8px}.essential-sample .ess-rows{margin-bottom:15px;font-size:10px}.essential-sample .ess-rows>div{border-bottom:1px solid #93a18a1b;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.essential-sample .ess-rows span{color:var(--sop-muted)}.essential-sample .ess-rows b{font-size:9px;font-weight:400}@media (max-width:1050px){.design-toolbar p{display:none}.design-toolbar{padding-top:13px}.object-type{text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.design-badge{width:14px;height:14px;font-size:7px}.sop-surface .essential-sample h3{font-size:20px}.essential-sample .ess-metric strong{font-size:35px}}@media (max-width:760px){.card-top{gap:6px}.design-badge{width:12px;height:12px;font-size:6px}.surface-sample.essential-sample{min-height:200px}.sop-surface .essential-sample h3{margin-top:14px;font-size:17px}.essential-sample .ess-list,.essential-sample .ess-rows{font-size:8px}.essential-sample .ess-metric{gap:12px}.essential-sample .ess-footer{font-size:7px}}@media (max-width:600px){.design-toolbar{padding:14px 0 0}.design-filters{flex-wrap:nowrap;gap:5px;width:100%}.design-filters button{white-space:nowrap;flex:1;justify-content:center;gap:5px;padding:7px 8px;font-size:9px}.design-filters button small{margin-left:0;font-size:7px}.design-filters button b{width:13px;height:13px;font-size:7px}.card-top{gap:8px}.design-badge{width:15px;height:15px;font-size:7px}.object-type{max-width:66%}.surface-sample.essential-sample{min-height:220px}.sop-surface .essential-sample h3{margin-top:17px;font-size:22px}.essential-sample .ess-metric strong{font-size:38px}.essential-sample .ess-list,.essential-sample .ess-rows{font-size:10px}.essential-sample .ess-top small{font-size:7px}.preview-heading .detail-design{order:4;width:max-content;margin:0 0 16px}.preview-heading .detail-design+h2{margin-top:10px}.block-preview .essential-sample .ess-footer{padding-top:9px}.block-preview .essential-sample h3{margin-top:12px;font-size:21px}}@media (max-width:355px){.design-filters button{gap:4px;padding:7px 6px;font-size:8px}.design-filters button small{display:none}.card-top .object-type{font-size:6.5px}.object-no{font-size:8px}.state-readout{font-size:7px}}.sop-surface.sop-folded-paper .surface-sample h3 em{color:#766044}.dropdown-card,.accordion-card{background:#17191a;border:1px solid #2c302d;border-radius:10px;transition:border-color .25s}.dropdown-card:hover,.accordion-card:hover{border-color:#52614b}.dropdown-card .object-stage{perspective:none;height:254px;padding:40px 38px}.dropdown-card .stage-mount{max-width:370px}.dropdown-card .object-stage:after{content:"CLICK TO EXPLORE THE OPTIONS  ↓";text-align:center;font:7px var(--mono);letter-spacing:1.6px;color:#899a80;pointer-events:none;position:absolute;bottom:21px;left:0;right:0}.accordion-card .object-stage{perspective:none;align-items:flex-start;height:auto;min-height:480px;padding:27px 32px}.accordion-card .stage-mount{align-items:flex-start;max-width:420px}.dropdown-card .card-bottom h2,.accordion-card .card-bottom h2{font-size:22px;display:block}.dropdown-card .card-bottom h2 span,.accordion-card .card-bottom h2 span{display:none}.dropdown-preview .preview-stage{perspective:none;height:190px;padding:22px 18px}.accordion-preview .preview-stage{align-items:flex-start;height:auto;min-height:260px;padding:12px 14px}.accordion-preview .sop-accordion{--acc-padding:15px}.accordion-preview .sop-accordion-trigger{gap:10px}.accordion-preview .sop-accordion-title b{font-size:12px}.accordion-preview .sop-panel-metrics{gap:5px}.accordion-preview .sop-panel-metrics>div{padding:9px 6px}.accordion-preview .sop-panel-metrics b{font-size:17px}.accordion-preview .sop-panel-metrics small{letter-spacing:0;font-size:6px}.disclosure-controls{flex-wrap:wrap;align-items:center;gap:8px;padding:13px 0;display:flex}.disclosure-controls .small-button{padding:8px 10px;font-size:10px}.disclosure-controls label{color:#aeb8ae;align-items:center;gap:6px;font-size:10px;display:flex}.disclosure-controls input{accent-color:#c3dcac}.category-tabs{scrollbar-width:thin;scrollbar-color:#55604c transparent;gap:21px;min-width:0;overflow:auto hidden}.category-tabs button{flex:none;gap:7px;min-height:47px;font-size:11px}@media (max-width:1050px){.collection-toolbar{flex-wrap:wrap;gap:5px;padding-top:12px}.category-tabs{order:2;gap:26px;width:100%;height:49px}.dropdown-card .object-stage{padding:28px 25px}.accordion-card .object-stage{padding:24px 20px}.accordion-card .sop-accordion{--acc-padding:17px}.accordion-card .sop-accordion-trigger{gap:10px}.accordion-card .sop-accordion-title b{font-size:13px}.accordion-card .sop-panel-metrics small{font-size:6px}}@media (max-width:600px){.category-tabs{gap:24px}.dropdown-card .object-stage{height:227px;padding:24px 25px}.dropdown-card .card-bottom h2,.accordion-card .card-bottom h2{font-size:23px}.accordion-card .object-stage{min-height:0;padding:22px 18px}.accordion-preview .preview-stage{padding:12px 15px}.dropdown-preview .preview-stage{height:174px}.accordion-preview .sop-accordion-title b,.accordion-card .sop-accordion-title b{font-size:14px}.disclosure-controls{margin-top:2px}.accordion-card .card-bottom{padding-top:5px}}.textbox-card .object-stage{align-items:center;height:auto;min-height:278px;padding:26px 34px 30px}.textbox-card .stage-mount{justify-content:center;align-items:center;width:100%;min-width:0;max-width:400px;display:flex;transform:none}.textbox-card .sop-textfield{width:100%}.textbox-card .card-bottom{pointer-events:auto}.textbox-preview .preview-stage{justify-content:center;align-items:center;height:auto;min-height:265px;padding:28px 16px;display:flex;transform:none}.textbox-preview .sop-textfield{width:100%;transform:none}.textfield-controls{background:#1a1e20;border:1px solid #383e41;border-radius:9px;margin:16px 0 22px;padding:12px}.textfield-control-row{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;display:flex}.textfield-control-row label{color:#bcc5c9;align-items:center;gap:6px;font-size:11px;display:flex}.textfield-control-row select{color:#e0e7df;background:#242a2e;border:1px solid #485158;border-radius:5px;padding:6px 8px;font:11px inherit}.textfield-control-row input{accent-color:#c9ddb6;width:14px;height:14px;margin:0}.textfield-control-row .small-button{padding:7px 9px;font-size:10px}.textfield-controls p{color:#9ca8b0;margin:8px 0 0;font-size:10px;line-height:1.8}@media (max-width:600px){.textbox-card .object-stage{min-height:256px;padding:26px 20px 30px}.textbox-card .card-bottom h2{font-size:23px}.textbox-card .card-bottom h2 span{font-size:9px}.textbox-preview .preview-stage{padding:24px 12px}.textbox-card .card-bottom p{line-height:1.9}}@media (max-width:360px){.textbox-card .object-stage{padding-left:15px;padding-right:15px}.textbox-card .card-bottom h2{display:block}.textbox-card .card-bottom h2 span{margin-top:3px;display:block}}.action-card,.link-card{background:#181a1b}.action-card .object-stage,.link-card .object-stage{height:auto;min-height:215px;padding:27px 26px 22px}.action-card .stage-mount,.link-card .stage-mount{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;min-width:0;display:flex}.action-demo-feedback{color:#89978d;text-align:center;max-width:100%;min-height:18px;margin:28px 0 0;font:10px/1.8 Arial,Yu Gothic,sans-serif}.action-card .card-bottom h2,.link-card .card-bottom h2{font-size:24px}.action-preview .preview-stage,.link-preview .preview-stage{flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:240px;padding:35px 16px 24px;display:flex}.action-preview-controls{margin-top:17px;margin-bottom:22px}.action-state-pills{flex-wrap:wrap;gap:7px;display:flex}.action-state-pills [aria-pressed=true]{color:#d1e6b2;background:#d1e6b211;border-color:#718564}.action-preview-controls p{color:#a2aaa6;font-size:11px;line-height:1.9}.action-link-note{border:1px solid #353d3a;border-radius:6px;padding:14px}.action-link-note>span{letter-spacing:.12em;color:#c2d8a5;font:9px Consolas,monospace}.action-link-destination{box-sizing:border-box;color:#d5e3c9;background:#20271e;border:1px solid #708466;border-radius:6px;width:100%;margin-top:20px;padding:20px;scroll-margin-block:40px;display:none}.action-link-destination:target{display:block}.action-link-destination>span{letter-spacing:.13em;font:9px Consolas,monospace}.action-link-destination p{margin:12px 0 6px;font-size:13px}.action-link-destination small{font-size:11px;display:block}.action-link-destination a{margin-top:12px;font-size:12px;text-decoration:underline;display:inline-block}.action-preview .sop-action,.link-preview .sop-link{max-width:100%}@media (max-width:600px){.action-card .object-stage,.link-card .object-stage{padding-inline:22px}.action-card .card-bottom h2,.link-card .card-bottom h2{font-size:22px}.action-card .card-bottom h2 span,.link-card .card-bottom h2 span{display:none}.action-preview .preview-stage,.link-preview .preview-stage{padding-inline:10px}}.tabs-card .object-stage{align-items:flex-start;height:auto;min-height:340px;padding:30px 26px 27px}.tabs-card .stage-mount{width:100%;max-width:450px}.segments-card .object-stage{align-items:center;height:auto;min-height:210px;padding:38px 25px}.segments-card .stage-mount{width:100%;max-width:400px}.tabs-preview .preview-stage,.segments-preview .preview-stage{height:auto;min-height:255px;padding:25px 14px;display:block}.tabs-preview .preview-stage{min-height:325px}.selection-preview-controls{color:#bbc3c0;flex-direction:column;gap:12px;padding-top:15px;font-size:11px;display:flex}.selection-preview-controls label{align-items:center;gap:8px;display:flex}.selection-preview-controls select{color:#dce7df;font:inherit;background:#20292b;border:1px solid #465454;border-radius:6px;margin-left:auto;padding:7px 9px}.selection-preview-controls p{color:#a4b1aa;margin:0;font-size:10px;line-height:1.85}.selection-option-count{justify-content:space-between;align-items:center;gap:8px;display:flex}.selection-option-count>div{gap:5px;display:flex}.selection-option-count button{justify-content:center;min-width:31px;padding:7px}.selection-option-count button[aria-pressed=true]{color:#1a271c;background:#d1e6b2;border-color:#d1e6b2}@media (max-width:600px){.tabs-card .object-stage{min-height:325px;padding:28px 18px}.segments-card .object-stage{min-height:195px;padding:30px 17px}.tabs-preview .preview-stage,.segments-preview .preview-stage{padding:20px 12px}}.checkbox-card .object-stage{perspective:none;height:auto;min-height:215px;padding:36px 34px}.checkbox-card .stage-mount{width:100%;max-width:365px}.checkbox-card .sop-check{width:100%}.checkbox-card .card-bottom h2,.popup-card .card-bottom h2{font-size:24px}.checkbox-card .card-bottom h2 span,.popup-card .card-bottom h2 span{display:none}.popup-card .object-stage{perspective:none;min-width:0;height:auto;min-height:370px;padding:22px 30px 27px}.popup-card .stage-mount{width:100%;min-width:0;max-width:405px}.popup-card .sop-popup,.popup-preview .sop-popup{width:100%}.sop-popup>.sop-popup-thumbnail{pointer-events:none;border:1px solid var(--pp-line);border-radius:12px;width:100%;max-height:246px;margin-bottom:18px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 80%,#0009 95%,#0000);mask-image:linear-gradient(#000 0 80%,#0009 95%,#0000)}.sop-popup.sop-popup-thumbnail>.sop-popup-window{filter:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;animation:none!important;display:block!important;position:relative!important;inset:auto!important;overflow:hidden!important;transform:none!important}.sop-popup.sop-popup-thumbnail>.sop-popup-window .sop-popup-shell{min-height:0!important;padding:20px 22px!important}.sop-popup.sop-popup-thumbnail>.sop-popup-window .sop-popup-top{margin-bottom:13px!important;padding-bottom:8px!important}.sop-popup.sop-popup-thumbnail>.sop-popup-window .sop-popup-intro{margin-bottom:13px!important}.sop-popup.sop-popup-thumbnail>.sop-popup-window .sop-popup-intro h2{margin-bottom:8px!important;font-size:27px!important;line-height:1.14!important}.sop-popup.sop-popup-thumbnail>.sop-popup-window .sop-popup-intro p{font-size:10px!important;line-height:1.7!important}.sop-popup.sop-popup-thumbnail>.sop-popup-window .sop-popup-close{width:24px!important;height:24px!important;font-size:20px!important}.sop-popup.sop-popup-thumbnail>.sop-popup-window .sop-popup-kicker{letter-spacing:.12em!important;font-size:7px!important}.sop-popup.sop-popup-thumbnail>.sop-popup-window .sop-popup-footer{display:none!important}.sop-popup.sop-popup-thumbnail .pp-art{border-radius:7px!important;height:110px!important;min-height:0!important}.sop-popup.sop-popup-thumbnail .pp-note h3{font-size:18px!important}.sop-popup.sop-popup-thumbnail .pp-note p,.sop-popup.sop-popup-thumbnail .pp-callout{font-size:9px!important}.sop-popup.sop-popup-thumbnail .pp-fields{gap:8px!important}.sop-popup.sop-popup-thumbnail .pp-fields label{font-size:9px!important}.sop-popup.sop-popup-thumbnail .pp-fields input{padding:7px!important;font-size:10px!important}.sop-popup.sop-popup-thumbnail .pp-metrics>div{padding:8px!important}.sop-popup.sop-popup-thumbnail .pp-metrics b{font-size:23px!important}.sop-popup.sop-popup-thumbnail .pp-lines li{padding:9px 0!important;font-size:10px!important}.popup-demo-feedback{color:#98a99f;min-height:17px;margin:12px 0 0;font:9px/1.8 Arial,Yu Gothic,sans-serif}.popup-card .sop-popup>.sop-popup-trigger{width:100%}.checkbox-preview .preview-stage{perspective:none;height:auto;min-height:235px;padding:30px 16px}.checkbox-preview .sop-check{--cb-pad:12px;gap:12px;width:100%}.popup-preview .preview-stage{perspective:none;height:auto;min-height:300px;padding:18px 17px;display:block}.popup-preview .sop-popup>.sop-popup-thumbnail{max-height:205px}.popup-preview .sop-popup>.sop-popup-trigger{width:100%}.check-popup-controls{color:#b8c2c1;flex-direction:column;gap:11px;padding:17px 0;font-size:11px;display:flex}.check-popup-controls label{align-items:center;gap:8px;display:flex}.check-popup-controls input{accent-color:#cbdfb7;width:14px;height:14px;margin:0}.check-popup-controls p{color:#94a6a6;margin:0;font-size:10px;line-height:1.9}.check-state-options{flex-wrap:wrap;gap:7px;display:flex}.check-state-options .small-button{padding:8px 10px;font-size:10px}.check-state-options [aria-pressed=true]{color:#d4e4c1;background:#cfdfb81a;border-color:#7c996f}@media (max-width:600px){.checkbox-card .object-stage{min-height:200px;padding:30px 20px}.popup-card .object-stage{min-height:348px;padding:22px 20px}.sop-popup>.sop-popup-thumbnail{max-height:222px}.popup-preview .preview-stage{padding:16px 14px}.checkbox-preview .preview-stage{padding-inline:12px}.checkbox-card .card-bottom h2,.popup-card .card-bottom h2{font-size:22px}.sop-popup.sop-popup-thumbnail .pp-split{grid-template-columns:1fr 1fr!important;gap:12px!important}}@media (max-width:355px){.checkbox-card .object-stage{padding-inline:15px}.checkbox-card .sop-check{--cb-pad:11px}.popup-card .object-stage{padding-inline:14px}}.foundation-card .object-stage{height:auto;min-height:294px;padding:28px 36px 29px}.foundation-card .stage-mount{justify-content:center;align-items:center;width:100%;min-width:0;display:flex;position:relative}.foundation-card .stage-glow{opacity:.2}.foundation-radios .object-stage,.foundation-datepickers .object-stage{min-height:326px}.foundation-card .sop-foundation{max-width:340px}.foundation-card .card-bottom p{max-width:400px;line-height:1.9}.foundation-card .card-bottom h2{font-size:24px}.foundation-card .card-bottom h2>span{font-size:9px}.foundation-preview .preview-stage{justify-content:center;height:auto;min-height:200px;padding:25px 14px;display:flex;overflow:visible}.foundation-preview{overflow:visible}.foundation-preview .sop-foundation{width:100%;min-width:0}.foundation-preview .ff-floating{font-size:12px}.foundation-inline-demo{justify-content:center;align-items:center;gap:12px;padding-top:19px;display:flex}.foundation-inline-demo span{letter-spacing:1px;color:var(--ff-muted);font:6px Consolas,monospace}.foundation-inline-demo button{color:var(--ff-muted);border:1px solid var(--ff-line);cursor:pointer;background:0 0;border-radius:5px;min-height:30px;padding:5px 10px;font-size:10px}.foundation-controls{color:#bcc5c6;border:1px solid #35393c;border-radius:9px;margin:16px 0;padding:14px}.foundation-control-heading{font:7px var(--mono);letter-spacing:1px;justify-content:space-between;align-items:center;gap:10px;display:flex}.foundation-controls button{color:#ccd1cc;cursor:pointer;background:#242a2c;border:1px solid #434c4d;border-radius:5px;padding:7px 10px;font-size:10px}.foundation-control-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.foundation-control-actions:empty{display:none}.foundation-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.foundation-inputs label{font:8px var(--mono);color:#8d9996;letter-spacing:1px}.foundation-inputs input{color:#dde3e0;background:#171b1d;border:1px solid #3a4242;border-radius:5px;width:100%;min-width:0;margin-top:5px;padding:7px;font-size:12px;display:block}.foundation-output{font:9px var(--mono);color:#9eafab;overflow-wrap:anywhere;padding-top:8px;line-height:1.7;display:block}.collection-toolbar{min-width:0}.category-tabs{flex:1;min-width:0;max-width:100%}@media (max-width:760px){.foundation-card .object-stage{min-height:260px;padding:25px 20px}.foundation-card .card-bottom h2{display:block}.foundation-card .card-bottom h2>span{display:none}.foundation-card .object-type{text-overflow:ellipsis;max-width:130px;overflow:hidden}}@media (max-width:600px){.foundation-card .object-stage{min-height:270px;padding:28px 22px}.foundation-card .card-bottom h2{font-size:24px}.foundation-card .card-bottom p{font-size:10px}.foundation-preview .preview-stage{padding:22px 12px}.foundation-control-heading{font-size:7px}.foundation-inputs input{font-size:16px}}.foundation-card{background:#181a1b;border:1px solid #2c2f30;border-radius:10px;transition:border-color .3s,background .3s}.foundation-card:hover{background:#1a1d1e;border-color:#45504c}.foundation-card:focus-within{border-color:#75836d}.continuum-demo-controls{gap:12px;margin:12px 0;display:grid}.continuum-demo-controls>label:not(.disabled-control){color:#a9b8b4;gap:8px;font-size:11px;display:grid}.continuum-demo-controls input[type=range]{accent-color:#cde4b8;width:100%}.continuum-demo-controls select{color:#e3eae7;width:100%;font:inherit;background:#19211f;border:1px solid #45504b;border-radius:6px;padding:9px 10px}.continuum-demo-controls p{color:#98a9a1;margin:0;font-size:10px;line-height:1.7}.collection-message{text-align:center;color:var(--muted);grid-column:1/-1;min-height:180px;padding:48px 24px}.collection-message .small-button{margin:16px auto}.load-more{min-height:44px;margin:28px auto;display:block}.detail-loading{min-height:240px;padding:32px}.detail-loading>.close-detail{margin-left:auto;display:block}.detail-loading p{color:var(--muted)}.sequence-demo-controls{gap:10px;margin:12px 0 16px;font-size:11px;line-height:1.6;display:grid}.sequence-demo-controls>label{justify-content:space-between;align-items:center;gap:10px;display:flex}.sequence-demo-controls select{font:inherit;color:#d4ddcf;background:#171c1e;border:1px solid #464d46;border-radius:5px;max-width:66%;padding:7px 10px}.signature-card .object-stage{height:auto;min-height:288px;padding:26px 30px;overflow:visible}.signature-card .stage-mount{flex-direction:column;align-items:center;width:min(100%,375px);min-width:0;display:flex;position:relative}.signature-card .sop-sig{width:100%;min-width:0}.signature-card .stage-glow{opacity:.15}.signature-card .card-bottom h2{font-size:24px}.signature-card .card-bottom h2>span{font-size:9px}.signature-preview .preview-stage{height:auto;min-height:240px;padding:25px 12px;display:block;overflow:visible}.signature-preview{overflow:visible}.signature-preview .sop-sig{width:100%;min-width:0}.signature-controls{color:#bac7cc;border:1px solid #343e43;border-radius:9px;margin:16px 0;padding:15px;font-size:11px}.signature-control-grid{gap:12px;padding-top:14px;display:grid}.signature-controls label{align-items:center;gap:8px;font-size:10px;display:flex}.signature-controls select,.signature-controls button,.sg-demo-row button{color:#c8d4d5;cursor:pointer;background:#212a2f;border:1px solid #47565d;border-radius:6px;min-height:30px;padding:7px 10px;font:10px Arial}.signature-controls select{max-width:120px;margin-left:auto}.signature-controls p{color:#9baeb1;margin:0;font-size:10px;line-height:1.8}.signature-control-foot{border-top:1px solid #344247;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:12px;display:flex}.signature-output{color:#b6d2c4;overflow-wrap:anywhere;margin-top:14px;font:10px Consolas;display:block}.signature-presets{gap:7px;display:flex}.sg-demo-row{color:#99a8a7;justify-content:center;align-items:center;gap:10px;padding-top:19px;font:9px Consolas;display:flex}@media (max-width:760px){.signature-card .object-stage{padding:24px 20px}.signature-card .card-bottom h2{display:block}.signature-card .card-bottom h2>span{display:none}}@media (max-width:380px){.signature-card .object-stage{padding:22px 15px}.signature-preview .preview-stage{padding:24px 3px}.signature-controls{padding:12px}.signature-card .card-bottom h2{font-size:23px}}.workbench-card .object-stage{align-items:center;height:auto;min-height:255px;padding:30px 24px;overflow:visible}.workbench-card .stage-mount{flex-direction:column;align-items:stretch;width:100%;min-width:0;max-width:470px}.workbench-card .card-bottom{padding-top:0}.workbench-card.workbench-tables .stage-mount{max-width:none}.workbench-card.workbench-tables .object-stage{padding-inline:20px}.workbench-card.workbench-navigation .object-stage{min-height:320px}.workbench-preview .preview-stage{height:auto;min-height:205px;padding:32px 0;display:block;overflow:visible}.workbench-preview{overflow:visible}.workbench-preview .sop-wb{width:100%}.wb-demo-feedback{color:#acb9b1;overflow-wrap:anywhere;min-height:0;margin-top:10px;font-size:10px;line-height:1.65;display:block}.wb-demo-feedback:empty{display:none}.workbench-controls{background:#171d21;border:1px solid #3c4547;border-radius:10px;margin:0 0 26px;padding:18px}.wb-demo-controls{flex-wrap:wrap;gap:12px;margin-top:15px;display:flex}.wb-demo-controls>label{color:#b8c4c4;align-items:center;gap:8px;font-size:11px;display:flex}.wb-demo-controls select,.wb-demo-controls button,.wb-demo-foot button{font:10px var(--sans);color:#d9e2df;background:#222c31;border:1px solid #47565c;border-radius:5px;min-height:34px;padding:8px 10px}.wb-demo-controls p{color:#a1b0b4;margin:0;font-size:10px;line-height:1.8}.wb-demo-buttons{gap:8px;display:flex}.wb-demo-foot{border-top:1px solid #333e42;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:13px;font-size:11px;display:flex}.workbench-controls>output{color:#bad9c7;font:9px var(--mono);letter-spacing:.5px;margin-top:14px;display:block}@media (max-width:600px){.workbench-card .object-stage{padding:24px 16px}.workbench-card.workbench-tables .object-stage{padding-inline:14px}.workbench-card .card-bottom h2{font-size:23px}}.collection-toolbar .category-jump{flex:0 0 clamp(225px,24vw,270px);align-self:center;min-width:0;padding:4px 0;display:block}.collection-toolbar .category-jump>.sop-select{width:100%;max-width:none}.collection-toolbar .category-jump .sop-select.sop-select-sculpted>.sop-select-trigger{gap:10px;min-height:46px;padding:7px 12px}.collection-toolbar .category-jump .sop-select-trigger .sop-select-option-copy b{font:500 12px/1.3 var(--sans)}.collection-toolbar .category-jump .sop-select-trigger .sop-select-option-copy small{font:8px/1.3 var(--mono);margin-top:2px}.collection-toolbar .category-jump .sop-select.sop-select-sculpted.sop-aurora-select{--sel-bg:#1a1f19;--sel-panel:#1b211a;--sel-ink:var(--ink);--sel-muted:#a8b69b;--sel-accent:var(--lime);--sel-line:#d1e6b23a;--sel-hover:#d1e6b218;--sel-plane:radial-gradient(ellipse at var(--sel-light-x) 0,#d1e6b235,transparent 80%),linear-gradient(110deg,#d1e6b214,#9ab48318);--sel-plane-border:#d1e6b23d;--sel-panel-image:radial-gradient(ellipse at 100% 0,#d1e6b21b,transparent 70%)}.collection-toolbar .category-jump .sop-select.sop-select-sculpted.sop-aurora-select>.sop-select-trigger:before{background:radial-gradient(at 20% 0,#d1e6b225,#0000 68%)}.collection-toolbar .category-jump .sop-select.sop-select-sculpted.sop-aurora-select .sop-select-popup:after{background:radial-gradient(300px 190px at var(--sel-light-x) var(--sel-light-y),#d1e6b211,transparent 80%)}@media (max-width:1050px){.collection-toolbar .category-jump{flex:240px;order:1;padding:4px 0 8px}}@media (max-width:600px){.collection-toolbar .category-jump{flex-basis:100%;width:100%;padding:0 0 5px}}.ornament-card{background:#17191a;border:1px solid #2c302b;border-radius:10px}.ornament-card .object-stage{height:290px;padding:18px 24px;overflow:hidden}.ornament-card .stage-mount{width:100%;min-width:0;max-width:350px}.ornament-preview .preview-stage{justify-content:center;height:auto;min-height:280px;padding:20px;display:flex;overflow:hidden}@media (max-width:600px){.ornament-card .object-stage,.ornament-preview .preview-stage{padding-inline:12px}}.object-card{grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 3;row-gap:0;display:grid}.object-card .card-bottom{align-self:start}.appearance-controls{color:#d5dce3;background:#22252c;border:1px solid #3e434d;border-radius:10px;min-width:0;margin:16px 0;padding:16px}.appearance-controls legend{padding:0 6px;font-size:12px}.appearance-note{color:#a6afba;margin:0 0 12px;font-size:11px;line-height:1.8}.appearance-fields{gap:10px;display:grid}.appearance-color{min-width:0;position:relative}.appearance-color small{font:10px var(--mono);color:#acb6c2;margin-top:4px;display:block}.appearance-swatch{border:1px solid #ffffff50;border-radius:6px;flex:none;width:29px;height:29px}.appearance-reset{margin-top:13px}#part-details .appearance-picker>.small-button{width:100%;margin-top:8px}#part-details .appearance-picker .sop-chromatic-orbit{width:100%;min-width:0}#part-details .appearance-picker .sg-color-panel{border-radius:16px;padding:12px}#part-details .appearance-picker .sg-color-workspace{width:204px;height:204px;min-height:204px;margin:10px auto 18px}#part-details .appearance-picker .sg-color-sv{width:116px;height:116px;top:44px;left:44px}#part-details .appearance-picker .sg-hue-disc i{inset:19px}#part-details .appearance-picker .sg-color-controls{margin:0}#part-details .appearance-picker .sg-color-axis{grid-template-columns:36px minmax(0,1fr) 25px;gap:7px;min-height:28px;margin:8px 0;font-size:10px}#part-details .appearance-picker .sg-color-axis input{height:10px}#part-details .appearance-picker .sg-color-axis input::-webkit-slider-thumb{width:20px;height:20px}#part-details .appearance-picker .sg-color-axis input::-moz-range-thumb{width:16px;height:16px}#part-details .appearance-picker .sg-color-heading .sg-label{letter-spacing:0;font-size:12px}#part-details .appearance-picker .sg-color-palette{gap:8px;margin-top:12px}#part-details .appearance-picker .sg-color-palette button{width:26px;height:26px;min-height:26px}#part-details .appearance-picker [data-native]{display:none}#part-details .appearance-picker .sg-color-entry{margin-top:14px}#part-details .appearance-picker [data-hex]{min-height:32px;font-size:14px}#part-details .appearance-picker [data-hex][aria-invalid=true]{outline:1px solid #e287ad}#part-details .appearance-picker [data-sg-error]:empty{display:none}#part-details select[hidden]{display:none!important}#part-details .detail-select{width:100%;min-width:0;margin-top:6px;display:block}#part-details .detail-select .sop-select-trigger{color:#edf1ed;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:#202823;border:1px solid #57645d;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}#part-details .detail-select .sop-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#part-details .detail-select .sop-select-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;margin:0 3px 4px;transform:rotate(45deg)}#part-details .detail-select [aria-expanded=true] .sop-select-chevron{margin-bottom:-4px;transform:rotate(225deg)}#part-details .detail-select .sop-select-trigger:focus-visible{outline-offset:3px;outline:2px solid #a6cfb4}#part-details .detail-select .sop-select-trigger:disabled{opacity:.5;cursor:default}#part-details .detail-select-popup{box-sizing:border-box;color:#edf1ed;z-index:100;background:#202823;border:1px solid #57645d;border-radius:12px;padding:6px;font-family:inherit;font-size:13px;line-height:1.5;inset:auto;overflow:auto;box-shadow:0 16px 40px #0009}#part-details .detail-select-popup [role=option]{cursor:pointer;border-radius:7px;align-items:center;gap:12px;min-height:42px;padding:8px 12px;display:flex}#part-details .detail-select-popup [role=option]:after{content:"";flex:none;width:6px;height:11px;margin-left:auto}#part-details .detail-select-popup [aria-selected=true]:after{border-bottom:1.5px solid #bde0c5;border-right:1.5px solid #bde0c5;transform:rotate(45deg)}#part-details .detail-select-popup [data-active=true],#part-details .detail-select-popup [role=option]:hover{background:#35453a}#part-details .detail-select-popup [aria-selected=true]{color:#bde0c5;background:#2c3a30}#part-details .detail-select-popup [aria-disabled=true]{opacity:.45;cursor:default}#part-details .mobile-file-picker,#part-details .layout-control{min-width:0}#part-details .layout-control .detail-select{width:180px;margin:0}@media (max-width:600px){#part-details .layout-control .detail-select{width:160px}}#part-details .preview-sidebar label:has(>.detail-select){flex-direction:column;align-items:stretch;gap:6px;display:flex}#part-details .detail-select-popup::backdrop{background:0 0}#part-details .detail-select-popup{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#799781 transparent}#part-details .appearance-trigger{color:#d5dce3;text-align:left;cursor:pointer;background:#292d35;border:1px solid #4c535f;border-radius:7px;align-items:center;gap:10px;width:100%;padding:11px;font-family:inherit;font-size:12px;display:flex}#part-details .appearance-trigger>span:nth-child(2){flex:1}#part-details .appearance-trigger[aria-expanded=true]{border-color:#b8d0b5}#part-details .appearance-trigger:focus-visible{outline-offset:3px;outline:2px solid #d1e6b2}#part-details .appearance-picker{overscroll-behavior:contain;box-sizing:border-box;z-index:1000;background:#1b232b;border:1px solid #626f76;border-radius:20px;margin:0;padding:12px;position:fixed;inset:auto;overflow:auto;box-shadow:0 20px 70px #0009}#part-details .appearance-picker[hidden]{display:none!important}#part-details .appearance-picker::backdrop{background:0 0}.block-card:is([data-part=plotted-surface],[data-part=inlaid-surface]) .object-stage{height:auto;min-height:298px}:is(.block-card:has(:is(.sop-bookcloth-case,.sop-suspension-sheet,.sop-coved-ceramic-panel,.sop-vellum-accordion-case,.sop-basalt-cutout,.sop-archival-channel,.sop-seamless-saddle,.sop-print-registration-board,.sop-canal-bridge-panel,.sop-offset-diecut,.sop-woven-mat-panel,.sop-pivot-corner-case,.sop-contoured-cork-panel,.sop-terminal-foil,.sop-terraced-paper-panel)) .object-stage,.block-preview:has(:is(.sop-bookcloth-case,.sop-suspension-sheet,.sop-coved-ceramic-panel,.sop-vellum-accordion-case,.sop-basalt-cutout,.sop-archival-channel,.sop-seamless-saddle,.sop-print-registration-board,.sop-canal-bridge-panel,.sop-offset-diecut,.sop-woven-mat-panel,.sop-pivot-corner-case,.sop-contoured-cork-panel,.sop-terminal-foil,.sop-terraced-paper-panel)) .preview-stage){height:auto;min-height:300px;padding-block:30px}.sop-select{--sel-bg:#181d20;--sel-panel:#192124;--sel-ink:#e9eee9;--sel-muted:#a4b3b3;--sel-accent:#a9ddce;--sel-line:#ffffff21;--sel-radius:16px;--sel-shadow:0 16px 35px #0005;--sel-hover:#ffffff09;--sel-font:Arial,"Yu Gothic",sans-serif;width:100%;min-width:0;max-width:360px;color:var(--sel-ink);font:14px var(--sel-font);isolation:isolate;text-align:left;position:relative}.sop-select,.sop-select *{box-sizing:border-box}.sop-select .sop-select-caption{color:var(--sel-muted);letter-spacing:1px;justify-content:space-between;gap:12px;margin:0 3px 12px;font-size:10px;line-height:1.5;display:flex}.sop-select .sop-select-caption>span{letter-spacing:1px;opacity:.65;font:8px Consolas,monospace}.sop-select .sop-select-trigger{border:1px solid var(--sel-line);border-radius:var(--sel-radius);background:var(--sel-bg);width:100%;min-height:74px;box-shadow:var(--sel-shadow);color:var(--sel-ink);font:inherit;text-align:left;cursor:pointer;isolation:isolate;align-items:center;gap:15px;margin:0;padding:16px 20px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative}.sop-select .sop-select-trigger:hover,.sop-select[data-open=true] .sop-select-trigger{border-color:var(--sel-accent)}.sop-select .sop-select-trigger:focus-visible{outline:2px solid var(--sel-accent);outline-offset:4px}.sop-select .sop-select-trigger:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.25)}.sop-select .sop-select-value{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.sop-select .sop-select-icon{background:color-mix(in srgb,var(--sel-accent) 13%,transparent);width:38px;height:38px;color:var(--sel-accent);border:1px solid color-mix(in srgb,var(--sel-accent) 24%,transparent);letter-spacing:.5px;border-radius:10px;flex:none;justify-content:center;align-items:center;font:11px Consolas,monospace;display:flex;position:relative;overflow:hidden}.sop-select .sop-select-option-copy{flex:1;min-width:0;display:block}.sop-select .sop-select-option-copy b{color:var(--sel-ink);overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.5;display:block}.sop-select .sop-select-option-copy small{color:var(--sel-muted);overflow-wrap:anywhere;margin-top:3px;font-size:10px;line-height:1.6;display:block}.sop-select .sop-select-chevron{border-right:1.5px solid var(--sel-accent);border-bottom:1.5px solid var(--sel-accent);flex:none;width:8px;height:8px;transition:transform .3s;transform:rotate(45deg)translateY(-2px)}.sop-select[data-open=true] .sop-select-chevron{transform:rotate(225deg)translate(-2px,-2px)}.sop-select .sop-select-popup{border:1px solid var(--sel-line);border-radius:var(--sel-radius);background:var(--sel-panel);max-width:calc(100vw - 24px);color:var(--sel-ink);font:14px var(--sel-font);overscroll-behavior:contain;z-index:1500;scrollbar-width:thin;scrollbar-color:var(--sel-accent) transparent;transform-origin:50% 0;padding:8px;animation:.22s cubic-bezier(.16,1,.3,1) sop-select-enter;position:fixed;overflow-y:auto;box-shadow:0 24px 70px #0007,inset 0 1px #ffffff0d}.sop-select .sop-select-popup[hidden]{display:none!important}.sop-select .sop-select-popup::backdrop{background:0 0}.sop-select .sop-select-popup[data-side=top]{transform-origin:50% 100%}.sop-select .sop-select-menu-heading{border-bottom:1px solid var(--sel-line);color:var(--sel-muted);letter-spacing:.5px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:13px 13px 16px;font-size:10px;display:flex}.sop-select .sop-select-menu-heading small{white-space:nowrap;color:var(--sel-accent);font:8px Consolas,monospace}.sop-select .sop-select-option{border-radius:calc(var(--sel-radius) - 6px);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;min-height:60px;padding:12px;transition:background .18s,border-color .18s,transform .18s;display:flex;position:relative}.sop-select .sop-select-option[data-active=true]{background:var(--sel-hover);border-color:var(--sel-line)}.sop-select .sop-select-option[aria-selected=true]{background:color-mix(in srgb,var(--sel-accent) 8%,transparent)}.sop-select .sop-select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed;filter:saturate(.2)}.sop-select .sop-select-badge{white-space:nowrap;color:var(--sel-muted);font:8px Consolas,monospace}.sop-select .sop-select-check{color:var(--sel-accent);opacity:0;flex:none;width:12px;font-size:13px}.sop-select .sop-select-option[aria-selected=true] .sop-select-check{opacity:1}.sop-select .sop-select-group{letter-spacing:1.8px;color:var(--sel-muted);padding:16px 14px 7px;font:8px Consolas,monospace}.sop-select .sop-select-menu-footer{border-top:1px solid var(--sel-line);color:var(--sel-muted);gap:16px;margin:8px 4px 0;padding:12px 8px 5px;font:8px Consolas,Yu Gothic,monospace;display:flex}.sop-select .sop-select-empty{color:var(--sel-muted);padding:24px;font-size:12px}@keyframes sop-select-enter{0%{opacity:0;transform:translateY(-5px)scale(.975)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sop-select *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.sop-select .sop-select-trigger,.sop-select .sop-select-popup{border:1px solid buttontext}.sop-select .sop-select-option[data-active=true]{outline:2px solid highlight}.sop-select .sop-select-check{color:highlight}}.sop-select.sop-select-sculpted{--sel-bg:#1c2024;--sel-panel:#191d21;--sel-ink:#e9eeef;--sel-muted:#a4aeb5;--sel-accent:#bfd7da;--sel-line:#ffffff21;--sel-radius:14px;--sel-plane:#ffffff09;--sel-plane-border:#ffffff15;--sel-plane-radius:9px;--sel-panel-image:none;--sel-enter:sop-menu-reveal}.sop-select.sop-select-sculpted>.sop-select-caption{font:10px/1.6 var(--sel-font);letter-spacing:.25px;color:var(--sel-muted);margin:0 2px 9px}.sop-select.sop-select-sculpted>.sop-select-caption>span{display:none}.sop-select.sop-select-sculpted>.sop-select-trigger{isolation:isolate;background:var(--sel-bg);border:1px solid var(--sel-line);border-radius:var(--sel-radius);gap:16px;min-height:62px;padding:14px 17px;transition:border-color .23s,box-shadow .23s,background .23s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0001,inset 0 1px #ffffff09}.sop-select.sop-select-sculpted>.sop-select-trigger:before,.sop-select.sop-select-sculpted>.sop-select-trigger:after{content:"";pointer-events:none;z-index:-1;border-radius:inherit;position:absolute;inset:0}.sop-select.sop-select-sculpted>.sop-select-trigger:before{background:var(--sel-panel-image)}.sop-select.sop-select-sculpted>.sop-select-trigger:after{opacity:0;box-shadow:inset 0 0 0 1px var(--sel-accent);transition:opacity .24s}.sop-select.sop-select-sculpted[data-select-commit=true]>.sop-select-trigger:after{opacity:.6}.sop-select.sop-select-sculpted>.sop-select-trigger:focus-visible{outline:2px solid var(--sel-accent);outline-offset:3px}.sop-select.sop-select-sculpted>.sop-select-trigger:disabled{opacity:.45;cursor:not-allowed}.sop-select.sop-select-sculpted[data-open=true]>.sop-select-trigger{border-color:color-mix(in srgb,var(--sel-accent) 48%,transparent)}.sop-select.sop-select-sculpted .sop-select-value{gap:10px;min-width:0}.sop-select.sop-select-sculpted .sop-select-option-copy b{font:500 14px/1.5 var(--sel-font);letter-spacing:-.15px}.sop-select.sop-select-sculpted .sop-select-option-copy small{font:400 11px/1.55 var(--sel-font);color:var(--sel-muted);margin-top:3px}.sop-select.sop-select-sculpted .sop-select-icon{width:20px;height:20px;font:11px/1 var(--sel-font);color:var(--sel-muted);box-shadow:none;background:0 0;border:0;border-radius:5px;flex:none}.sop-select.sop-select-sculpted .sop-select-chevron{border-color:var(--sel-muted);width:7px;height:7px;margin-inline:2px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.sop-select.sop-select-sculpted .sop-select-popup{background:var(--sel-panel);background-image:var(--sel-panel-image);border:1px solid var(--sel-line);border-radius:var(--sel-radius);isolation:isolate;scrollbar-color:color-mix(in srgb,var(--sel-muted) 35%,transparent) transparent;animation:var(--sel-enter) .24s cubic-bezier(.2,.8,.2,1);scrollbar-gutter:auto;--sel-light-x:50%;--sel-light-y:80px;--sel-plane-y:0px;--sel-plane-x:7px;--sel-plane-w:calc(100% - 14px);--sel-plane-h:52px;padding:7px;overflow-x:hidden;box-shadow:0 18px 44px #0003,0 2px 6px #0002,inset 0 1px #ffffff0a}.sop-select.sop-select-sculpted .sop-select-popup:before{content:"";width:var(--sel-plane-w);height:var(--sel-plane-h);transform:translate(var(--sel-plane-x),var(--sel-plane-y));border-radius:var(--sel-plane-radius);background:var(--sel-plane);border:1px solid var(--sel-plane-border);box-sizing:border-box;pointer-events:none;z-index:0;opacity:0;transition:transform .23s cubic-bezier(.2,.85,.25,1),height .23s cubic-bezier(.2,.85,.25,1),width .23s,opacity .12s;position:absolute;top:0;left:0}.sop-select.sop-select-sculpted .sop-select-popup[data-motion-active=true]:before{opacity:1}.sop-select.sop-select-sculpted .sop-select-popup:not([data-motion-ready=true]):before{transition:none}.sop-select.sop-select-sculpted .sop-select-menu-heading{z-index:1;border-bottom:1px solid var(--sel-line);min-height:0;font:500 10px/1.6 var(--sel-font);letter-spacing:.35px;gap:12px;margin:0 8px 4px;padding:10px 5px 12px;position:relative}.sop-select.sop-select-sculpted .sop-select-menu-heading>span{overflow-wrap:anywhere;min-width:0}.sop-select.sop-select-sculpted .sop-select-menu-heading small{font:9px/1.6 var(--sel-font);color:var(--sel-muted);opacity:.7}.sop-select.sop-select-sculpted .sop-select-option{z-index:1;border-radius:var(--sel-plane-radius);min-height:46px;box-shadow:none;background:0 0;border:1px solid #0000;outline:none;gap:10px;margin:2px 0;padding:11px 13px;transition:color .16s;position:relative}.sop-select.sop-select-sculpted .sop-select-option[data-active=true],.sop-select.sop-select-sculpted .sop-select-option[aria-selected=true]{box-shadow:none;background:0 0;border-color:#0000}.sop-select.sop-select-sculpted .sop-select-popup:not([data-motion-active=true]) .sop-select-option[data-active=true]{background:var(--sel-hover)}.sop-select.sop-select-sculpted .sop-select-option[aria-disabled=true]{opacity:.42;cursor:not-allowed;filter:none}.sop-select.sop-select-sculpted .sop-select-badge{font:9px/1.5 var(--sel-font);white-space:normal;overflow-wrap:anywhere;max-width:64px;color:var(--sel-muted);opacity:.8;flex-shrink:0}.sop-select.sop-select-sculpted .sop-select-badge:empty{display:none}.sop-select.sop-select-sculpted .sop-select-check{width:12px;font:12px/1 var(--sel-font);color:var(--sel-accent);box-shadow:none;opacity:0;background:0 0;border:0;flex:none;display:block}.sop-select.sop-select-sculpted .sop-select-option[aria-selected=true] .sop-select-check{opacity:1}.sop-select.sop-select-sculpted .sop-select-group{z-index:1;font:9px/1.5 var(--sel-font);letter-spacing:.9px;padding:13px 14px 6px;position:relative}.sop-select.sop-select-sculpted .sop-select-menu-footer{z-index:1;border-top:1px solid var(--sel-line);font:8px/1.5 var(--sel-font);opacity:.65;justify-content:space-between;gap:8px;margin:5px 8px 0;padding:10px 5px 5px;position:relative}@keyframes sop-menu-reveal{0%{opacity:0;clip-path:inset(0 0 15% round 12px);translate:0 -4px}to{opacity:1;clip-path:inset(0 round 12px);translate:0}}@keyframes sop-menu-folio{0%{opacity:0;clip-path:inset(0 0 80% round 8px)}to{opacity:1;clip-path:inset(0 round 8px)}}@keyframes sop-menu-dissolve{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@media (hover:hover){.sop-select.sop-select-sculpted>.sop-select-trigger:not(:disabled):hover{border-color:color-mix(in srgb,var(--sel-accent) 42%,transparent)}}@media (max-width:420px){.sop-select.sop-select-sculpted>.sop-select-trigger{padding:13px 14px}.sop-select.sop-select-sculpted .sop-select-option{gap:8px;padding:11px}.sop-select.sop-select-sculpted .sop-select-badge{max-width:44px;font-size:8px}}@media (prefers-reduced-motion:reduce){.sop-select.sop-select-sculpted *,.sop-select.sop-select-sculpted :before,.sop-select.sop-select-sculpted :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.sop-select.sop-select-sculpted>.sop-select-trigger,.sop-select.sop-select-sculpted .sop-select-popup{color:canvastext;border-color:buttontext;box-shadow:none!important;background:canvas!important}.sop-select.sop-select-sculpted .sop-select-popup:before,.sop-select.sop-select-sculpted .sop-select-popup:after{display:none}.sop-select.sop-select-sculpted .sop-select-option[data-active=true]{outline-offset:-3px;outline:2px solid highlight}.sop-select.sop-select-sculpted .sop-select-check{color:highlight}}.sop-select.sop-select-sculpted.sop-aurora-select{--sel-bg:#1c2229;--sel-panel:#1b2128;--sel-accent:#b8ddd9;--sel-muted:#a5b4ba;--sel-line:#b0cdd32a;--sel-plane:radial-gradient(ellipse at var(--sel-light-x) 0,#bbeae72b,transparent 76%),linear-gradient(100deg,#b6dcd910,#b6b5e210);--sel-plane-border:#d5eeed27;--sel-plane-radius:10px;--sel-panel-image:radial-gradient(ellipse at 100% 0,#ada8d910,transparent 65%);--sel-enter:sop-menu-dissolve}.sop-select.sop-select-sculpted.sop-aurora-select>.sop-select-trigger{box-shadow:inset 0 1px #f0fffb15,0 6px 14px #0002}.sop-select.sop-select-sculpted.sop-aurora-select>.sop-select-trigger:before{background:radial-gradient(at 20% 0,#d3ece620,#0000 65%)}.sop-select.sop-select-sculpted.sop-aurora-select .sop-select-popup:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(300px 190px at var(--sel-light-x) var(--sel-light-y),#a2dcd40a,transparent 80%);position:absolute;inset:0}.sop-select.sop-select-sculpted.sop-aurora-select .sop-select-popup:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px #defff62a,0 3px 6px #07151912}.sop-select.sop-select-sculpted.sop-aurora-select{--sel-plane:radial-gradient(ellipse at var(--sel-light-x) 0,#c9e9e438,transparent 90%),linear-gradient(115deg,#b2cfd50b,#b1abd31a)}.sop-select.sop-select-sculpted.sop-aurora-select .sop-select-popup:before{box-shadow:inset 0 1px #eefff33f,inset 0 -1px #abcce41f,0 3px 8px #10172218}.collection-message.collection-loading{color:#dce5e5;align-self:start;place-items:center;min-height:290px;padding:30px 24px 48px;display:grid}.collection-loading .sop-orbital-loom-loader{--ld-size:112px;--ld-accent:#c8e5df;--ld-secondary:#a5b5d7;--ld-track:#87979a32;text-align:center;isolation:isolate;width:100%;max-width:360px;font:12px/1.5 Arial,Yu Gothic,sans-serif}.collection-loading .ff-heading,.collection-loading .ff-description{display:none}.collection-loading .ct-loader-stage{pointer-events:none;isolation:isolate;place-items:center;min-height:164px;padding:22px 0;display:grid;overflow:hidden}.collection-loading .ct-loader-body{width:var(--ld-size);height:var(--ld-size);perspective:650px;isolation:isolate;place-items:center;display:grid;position:relative}.collection-loading .ct-loader-body i{box-sizing:border-box;font-style:normal;display:block}.collection-loading .ld-loom{transform-style:preserve-3d;animation:8s linear infinite ld-loom-turn;position:absolute;inset:0;transform:rotateX(62deg)rotate(-24deg)}.collection-loading .ld-hoop{border:3px solid #acd3d466;border-left-color:var(--ld-accent);border-bottom-color:var(--ld-secondary);transform-style:preserve-3d;border-radius:50%;position:absolute;inset:8%;box-shadow:inset 0 0 0 1px #ffffff25,0 0 0 1px #233c4240}.collection-loading .ld-hoop:nth-child(2){transform:rotateX(68deg)rotateY(30deg)}.collection-loading .ld-hoop:nth-child(3){transform:rotateY(74deg)rotate(30deg)}.collection-loading .ld-pearl{background:radial-gradient(circle at 30% 22%,#fff,#c1ded6 26%,#435e6d 70%,#121d2c);border-radius:50%;position:absolute;inset:39%;box-shadow:0 2px 9px #0004}.collection-loading .ct-loader-status{color:#dce5e5;letter-spacing:.06em;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.8;display:block}.collection-loading .sop-motion-loader[data-motion-running=false] .ct-loader-body *,.collection-loading .sop-motion-loader[data-motion-running=false] .ct-loader-body :before,.collection-loading .sop-motion-loader[data-paused=true] .ct-loader-body *{animation-play-state:paused!important}@keyframes ld-loom-turn{0%{transform:rotateX(62deg)rotate(-24deg)rotateY(0)}to{transform:rotateX(62deg)rotate(-24deg)rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.collection-loading .ct-loader-body *,.collection-loading .ct-loader-body :before{transition:none!important;animation:none!important}}@media (forced-colors:active){.collection-loading .sop-orbital-loom-loader{--ld-accent:CanvasText;--ld-secondary:Highlight;color:canvastext}.collection-loading .ld-hoop{border-color:canvastext}.collection-loading .ld-pearl{background:canvastext}}.scroll-card{background:#181a1c;border:1px solid #303337;border-radius:10px;transition:border-color .3s}.scroll-card:hover{border-color:#525c60}.scroll-card .object-stage{height:340px;padding:25px 27px 27px}.scroll-card .stage-mount{height:100%}.scroll-card .sop-scroll-area{--sop-scroll-gutter:52px;max-width:440px;height:100%}.scroll-card .card-bottom h2{font-size:23px}.scroll-card .card-bottom h2 span{display:none}.scroll-card .state-readout{color:rgb(var(--accent))}.scroll-card .state-readout i{background:rgb(var(--accent))}.scroll-card .stage-glow{opacity:.5;background:radial-gradient(ellipse,rgba(var(--accent),.06),transparent 65%);width:180px;height:260px;top:20px;left:auto;right:1px}.scroll-sample{color:var(--sop-scroll-ink);font-family:Arial,Yu Gothic,sans-serif}.scroll-chapter{box-sizing:border-box;border-bottom:1px solid #a8b9c321;min-height:250px;padding:16px 22px 28px 5px}.scroll-chapter+.scroll-chapter{padding-top:30px}.scroll-eyebrow{letter-spacing:1.4px;color:var(--sop-scroll-muted);font:8px/1.6 Consolas,monospace;display:block}.scroll-chapter h3{letter-spacing:-1.1px;color:var(--sop-scroll-ink);margin:23px 0 16px;font:400 35px/1.07 Arial,sans-serif}.scroll-chapter h3 em{color:var(--sop-scroll-accent);font-family:Georgia,serif;font-weight:400}.scroll-chapter p{color:var(--sop-scroll-muted);max-width:265px;margin:0;font:10px/2 Yu Gothic,sans-serif}.scroll-chapter-end{color:var(--sop-scroll-muted);letter-spacing:1.5px;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;font:7px Consolas,monospace;display:flex}.scroll-sample-rule{align-items:center;gap:5px;height:28px;margin-top:18px;display:flex}.scroll-sample-rule i{background:var(--sop-scroll-accent);opacity:.18;flex:1;height:1px}.scroll-sample-rule i:nth-child(2n){opacity:.26;height:6px}.scroll-sample-rule i:nth-child(3n){opacity:.5;height:14px}.scroll-sample-rule i:nth-child(4n){opacity:.75;height:26px}.scroll-sample-essential .scroll-chapter h3{letter-spacing:-.8px;font-size:29px;line-height:1.2}.scroll-sample-essential .scroll-chapter h3 em{color:inherit;font-family:Arial,sans-serif;font-style:normal}.scroll-sample-essential .scroll-sample-rule{display:none}.sop-scroll-area[data-orientation=horizontal] .scroll-sample{gap:28px;width:max-content;height:100%;display:flex}.sop-scroll-area[data-orientation=horizontal] .scroll-chapter{border-bottom:0;border-inline-end:1px solid #a8b9c326;flex:0 0 230px;width:230px;height:100%;min-height:0;padding:5px 22px 5px 5px;overflow:hidden}.sop-scroll-area[data-orientation=horizontal] .scroll-chapter h3{margin:14px 0 10px;font-size:25px}.sop-scroll-area[data-orientation=horizontal] .scroll-chapter-end{margin-top:15px}.sop-scroll-area[data-orientation=horizontal] .scroll-sample-rule{display:none}:is(.scroll-card:has(.sop-ink-scroll) .stage-mount,.scroll-card:has(.sop-accent-scroll) .stage-mount,.scroll-card:has(.sop-editorial-scroll) .stage-mount){background:#eceee9;border:1px solid #eee7df;border-radius:6px;padding:15px 12px 15px 20px}.scroll-card:has(.sop-editorial-scroll) .stage-mount{background:#eee9dd}.scroll-preview .preview-stage{height:325px;padding:15px 12px 18px 19px}.scroll-preview .sop-scroll-area{--sop-scroll-gutter:38px;width:100%;height:100%}.scroll-preview .scroll-chapter{padding-inline-end:10px}.scroll-preview .scroll-chapter h3{font-size:30px}:is(.scroll-preview:has(.sop-ink-scroll) .preview-stage,.scroll-preview:has(.sop-accent-scroll) .preview-stage,.scroll-preview:has(.sop-editorial-scroll) .preview-stage){background:#edece4}.scroll-preview-controls{color:#b1bac4;flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0;font-size:10px;display:flex}.scroll-preview-controls label{align-items:center;gap:7px;display:flex}.scroll-preview-controls select{color:#d8e3eb;background:#171d25;border:1px solid #3b424c;border-radius:5px;padding:7px;font-size:10px}.scroll-jumps{border:1px solid #3b424c;border-radius:5px;display:flex;overflow:hidden}.scroll-jumps button{color:#bacbd1;background:0 0;border:0;padding:8px 9px;font-size:10px}.scroll-jumps button:hover{color:#e2ebe6;background:#bacbd11a}.scroll-short-copy{color:var(--sop-scroll-ink);padding:12px;font-size:12px;line-height:1.9}@media (max-width:1100px){.category-tabs{gap:17px}.search-box{width:185px}.scroll-card .object-stage{padding-inline:22px}.scroll-card .scroll-chapter h3{font-size:31px}}@media (max-width:760px){.collection-toolbar{flex-wrap:wrap;gap:14px;padding:12px 0}.category-tabs{flex:100%;justify-content:space-between;gap:22px;min-height:40px}.category-tabs button{gap:6px;font-size:11px}.search-box{width:100%}.scroll-card .object-stage{height:315px;padding:20px 18px}.scroll-card .sop-scroll-area{--sop-scroll-gutter:44px}.scroll-chapter{padding-inline-end:10px}.scroll-chapter h3{font-size:30px}.scroll-card .card-bottom h2{font-size:22px}}@media (max-width:355px){.category-tabs{gap:10px}.category-tabs button{font-size:10px}.category-tabs small{font-size:8px}.scroll-card .object-stage{padding-inline:17px}.scroll-chapter h3{font-size:28px}}@media (forced-colors:active){.scroll-sample{--sop-scroll-ink:CanvasText;--sop-scroll-muted:CanvasText;--sop-scroll-accent:LinkText}}