@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";*{box-sizing:border-box}body{color:#1e2935;background:#f7f8fa;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#c7cbd2;background:#171b22;flex-direction:column;flex-shrink:0;width:245px;padding:20px 13px;display:flex}.brand{color:#fff;letter-spacing:-1px;align-items:center;gap:9px;padding:3px 9px 26px;font-size:23px;font-weight:700;display:flex}.brand-cube{background:linear-gradient(135deg,#9b81ff,#6746e9);border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.dot{color:#9b81ff}.workspace-switch{background:#252a33;border:1px solid #333944;border-radius:9px;align-items:center;gap:10px;margin:0 4px 21px;padding:10px;display:flex}.workspace-switch div:nth-child(2){flex:1}.workspace-switch b,.profile b{color:#f5f6f7;font-size:13px;display:block}.workspace-switch small,.profile small{color:#9097a2;font-size:11px}.avatar,.profile-pic{color:#fff;background:#e17b45;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.nav-item{color:#adb4be;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;margin:2px 0;padding:10px 12px;display:flex}.nav-item:hover{color:#fff;background:#242a34}.nav-item.active{color:#fff;background:#353041}.nav-item.active svg{color:#bca8ff}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #303640;align-items:center;gap:9px;margin:13px 5px 0;padding:17px 0 2px;display:flex}.profile div:nth-child(2){flex:1}.profile-pic{background:#5f8dca}.main{width:calc(100vw - 245px);min-width:900px}.topbar{background:#fff;border-bottom:1px solid #e6e8eb;justify-content:space-between;align-items:center;height:67px;padding:0 30px;display:flex}.crumb,.top-actions,.page-title-row,.version button,.canvas-toolbar,.device-switch,.selected-component,.visibility{align-items:center;display:flex}.crumb{color:#727984;gap:9px}.crumb b{color:#303742}.icon-button{color:#66707d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:#f1f2f4}.divider{border-left:1px solid #e1e4e8;height:26px;margin:0 8px}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:9px 13px;font:600 13px inherit;display:flex}.button.primary{color:#fff;background:#7455e7;box-shadow:0 2px 4px #7455e744}.button.saved{color:#157b4b;background:#e8f7ef}.button.ghost{color:#3a4451;background:#fff;border-color:#dde1e6}.context-bar{background:#fff;border-bottom:1px solid #e6e8eb;align-items:center;gap:35px;height:108px;padding:19px 31px;display:flex}.context-bar>div:first-child{margin-right:auto}.context-bar h1{letter-spacing:-.4px;margin:0 9px 5px 0;font-size:20px}.context-bar p{color:#77808b;margin:0;font-size:13px}.status{color:#a86600;background:#fff4d9;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:600}.status span{background:#eea018;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.version{color:#7c8590;border-left:1px solid #e5e8ec;gap:5px;padding-left:24px;font-size:11px;display:grid}.version button{color:#303946;font-weight:600;font:inherit;cursor:pointer;background:0 0;border:0;gap:7px;padding:0;font-size:13px}.ds-dot{background:#2aaf7d;border-radius:50%;width:9px;height:9px}.editor{grid-template-columns:244px minmax(500px,1fr) 268px;height:calc(100vh - 175px);display:grid}.left-panel,.right-panel{background:#fff;border-right:1px solid #e4e7eb;overflow:auto}.right-panel{border-left:1px solid #e4e7eb;border-right:0}.panel-heading{justify-content:space-between;align-items:center;padding:20px 16px 10px;display:flex}.panel-heading h3{margin:0;font-size:13px}.small{width:26px;height:26px}.page-list{padding:0 9px}.page-row{color:#5d6773;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:9px 8px;display:flex}.page-row span:nth-child(2){flex:1}.page-row:hover{background:#f7f6fb}.selected-page{color:#684cc9;background:#f0edff;font-weight:600}.page-draft{color:#a36700;background:#fff0ce;border-radius:3px;padding:2px 5px;font-size:10px;font-weight:500}.library-heading{border-top:1px solid #ebedf0;margin-top:14px;padding-top:21px}.text-button{color:#7051df;cursor:pointer;background:0 0;border:0;font:600 12px inherit}.search{color:#9299a3;border:1px solid #e1e4e8;border-radius:6px;align-items:center;gap:6px;height:34px;margin:4px 16px 9px;padding:0 8px;display:flex}.search input{font:inherit;border:0;outline:0;width:100%;font-size:12px}.library-list{padding:0 9px}.library-item{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:9px 7px;display:flex}.library-item:hover{background:#f7f8fa}.library-item>span:nth-child(2){flex:1}.library-item b,.library-item small,.selected-component b,.selected-component small{display:block}.library-item b{color:#3b4450;font-size:12px}.library-item small,.selected-component small{color:#8c949e;margin-top:2px;font-size:10px}.library-item>svg{color:#9ba2aa}.component-icon{color:#7455e7;background:#f0edff;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.canvas-area{background:#f2f3f5;overflow:auto}.canvas-toolbar{color:#7c8490;z-index:2;background:#f2f3f5;justify-content:center;gap:13px;height:51px;font-size:12px;position:sticky;top:0}.device-switch{background:#e4e6e9;border-radius:6px;padding:2px}.device-switch button{color:#7b8390;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:27px;height:25px;display:grid}.device-switch button.active{color:#5f45ce;background:#fff;box-shadow:0 1px 2px #bbb}.tiny{padding:5px 8px;font-size:11px}.stage{justify-content:center;padding:11px 18px 50px;display:flex}.page-canvas{background:#fff;width:min(690px,100%);min-height:700px;position:relative;box-shadow:0 3px 18px #1d283324}.stage.tablet .page-canvas{width:560px}.stage.mobile .page-canvas{width:360px}.site-nav{color:#39424b;align-items:center;gap:21px;height:53px;padding:0 25px;font-size:10px;display:flex}.site-nav b{color:#20252b;margin-right:auto;font-family:Playfair Display;font-size:19px}.nav-cart{font-weight:600}.block{cursor:pointer;border:1px solid #0000;padding:5px;position:relative}.block:hover{border-color:#c9bdfb}.active-block{border:1.5px solid #7656e8;box-shadow:0 0 0 2px #e7e0ff}.block-label{opacity:0;z-index:1;color:#fff;background:#7151dd;border-radius:4px;align-items:center;gap:3px;padding:3px 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:7px;left:7px}.block:hover .block-label,.active-block .block-label{opacity:1}.block-label button{color:#fff;cursor:pointer;background:0 0;border:0;padding:0;display:grid}.block-content{color:#fff;min-height:204px;padding:36px 47px;position:relative;overflow:hidden}.block-content:before{content:"";z-index:0;background:linear-gradient(105deg,#2b1a71,#7654dc);position:absolute;inset:0}.block-content>*{z-index:1;position:relative}.block.orange .block-content:before{background:linear-gradient(115deg,#863516,#e28149)}.block.green .block-content:before{background:linear-gradient(115deg,#075442,#31aa79)}.eyebrow{text-transform:uppercase;letter-spacing:1.3px;opacity:.8;font-size:10px}.block h2{letter-spacing:-.7px;max-width:300px;margin:11px 0 16px;font-family:Playfair Display;font-size:29px;line-height:1.08}.block-content>button{color:#33265d;background:#fff;border:0;border-radius:3px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.hero-orb{border:1px solid #fff5;border-radius:50%;place-items:center;width:174px;height:174px;display:grid;position:absolute;top:16px;right:59px}.hero-orb span{background:linear-gradient(130deg,#f5c5a2,#c56785);border-radius:54% 46% 50% 50%;width:100px;height:130px;transform:rotate(26deg)}.product-cards{gap:9px;display:flex;position:absolute;bottom:19px;right:30px}.product-cards i{background:#f5e1cc;border-radius:4px;width:54px;height:79px;display:block}.product-cards i:nth-child(2){background:#e8a598}.product-cards i:nth-child(3){background:#d8caa4}.add-section{color:#697480;cursor:pointer;background:#fff;border:1px dashed #b6bec8;border-radius:5px;align-items:center;gap:5px;margin:15px auto;padding:8px 13px;font:600 11px inherit;display:flex}.add-popover{z-index:4;background:#fff;border:1px solid #e2e5e8;border-radius:7px;width:185px;padding:5px;position:absolute;bottom:43px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #26313b24}.add-popover button{width:100%;font:inherit;color:#4e5863;cursor:pointer;background:#fff;border:0;justify-content:space-between;padding:8px;font-size:12px;display:flex}.add-popover button:hover{background:#f5f3ff}.inspect-tabs{border-bottom:1px solid #e6e8eb;gap:18px;height:52px;padding:0 17px;display:flex}.inspect-tabs button{color:#7b8490;cursor:pointer;background:#fff;border:0;padding:0 2px;font:600 12px inherit}.inspect-tabs button.active{color:#6648d1;border-bottom:2px solid #7051df}.inspector{padding:15px}.selected-component{border-bottom:1px solid #eaecf0;gap:9px;margin-bottom:16px;padding-bottom:17px}.selected-component div:nth-child(2){flex:1}.selected-component b{font-size:13px}.inspector label{color:#68727d;margin:13px 0 5px;font-size:11px;font-weight:600;display:block}.inspector input,.inspector textarea{color:#37404a;border:1px solid #dfe3e7;border-radius:5px;outline-color:#7656e8;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.inspector textarea{resize:none;height:62px}.control-label{color:#68727d;margin:18px 0 8px;font-size:11px;font-weight:600}.theme-options{gap:6px;display:flex}.theme{text-transform:capitalize;color:#65707c;cursor:pointer;background:#fff;border:1px solid #e0e3e8;border-radius:4px;align-items:center;gap:4px;padding:5px 6px;font-size:10px;display:flex}.theme span{background:#7656e8;border-radius:50%;width:8px;height:8px}.theme.orange span{background:#df7642}.theme.green span{background:#20a978}.theme.picked{border-color:#7656e8;box-shadow:0 0 0 1px #7656e8}.visibility{color:#4a5561;border:1px solid #e0e3e8;border-radius:5px;gap:7px;padding:8px;font-size:12px}.visibility span{flex:1}.inspector-footer{border-top:1px solid #eaecf0;gap:7px;margin-top:28px;padding-top:14px;display:flex}.danger{color:#c44d60;background:#fff0f1;margin-left:auto}@media (width<=1100px){.sidebar{width:62px;padding:20px 7px}.brand{padding:3px 9px 25px}.brand>span,.workspace-switch div:nth-child(2),.workspace-switch>svg,.nav-item:not(.active){font-size:0}.workspace-switch{margin:0 4px 21px;padding:8px}.nav-item{justify-content:center;padding:11px}.nav-item svg{width:19px;height:19px}.sidebar-bottom .profile div:nth-child(2),.profile>svg{display:none}.profile{justify-content:center}.main{width:calc(100vw - 62px)}.editor{grid-template-columns:215px minmax(440px,1fr) 245px}.context-bar{gap:18px}}.studio-context{background:#fff;border-bottom:1px solid #e6e8eb;align-items:center;gap:35px;height:106px;padding:20px 31px;display:flex}.studio-context>div:first-child{margin-right:auto}.studio-context h1{letter-spacing:-.5px;margin:0 9px 5px 0;font-size:21px}.studio-context p{color:#77808b;margin:0;font-size:13px}.active-system{color:#127947;background:#e6f7ee;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:600}.active-system span{background:#23a66b;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.studio-tabs{background:#fff;border-bottom:1px solid #e3e6e9;gap:27px;height:48px;padding-left:28px;display:flex}.studio-tabs button{color:#7d8590;cursor:pointer;background:#fff;border:0;padding:0 2px;font:600 13px inherit}.studio-tabs button.active{color:#6a4ed3;border-bottom:2px solid #6a4ed3}.studio-tabs span{background:#eeeaff;border-radius:10px;margin-left:5px;padding:2px 5px;font-size:10px}.studio-layout{background:#f5f6f8;grid-template-columns:243px minmax(480px,1fr) 268px;height:calc(100vh - 221px);display:grid}.atom-panel,.atom-properties{background:#fff;border-right:1px solid #e3e6ea;overflow:auto}.atom-panel .panel-heading{padding:19px 16px 13px}.atom-panel h3{margin-bottom:4px}.atom-panel .panel-heading small{color:#8c949d;font-size:11px}.atom-list{padding:0 9px}.atom-item{text-align:left;cursor:pointer;color:#95a0ab;background:#fff;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px 8px;display:flex}.atom-item:hover{background:#f7f7fa}.atom-item.selected-atom{color:#6c4fd8;background:#f0edff}.atom-item>span{border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.atom-item div{flex:1}.atom-item b{color:#3e4752;font-size:12px;display:block}.atom-item small{color:#8c959f;margin-top:2px;font-size:10px;display:block}.new-atom{color:#6850ca;cursor:pointer;background:#fff;border:1px dashed #b6bec7;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:calc(100% - 32px);margin:17px 16px;padding:9px;font:600 12px inherit;display:flex}.atom-workspace{padding:26px;overflow:auto}.workspace-head{justify-content:space-between;align-items:flex-start;display:flex}.tiny-kicker{color:#7659dc;letter-spacing:1.1px;font-size:10px;font-weight:700}.workspace-head h2{margin:4px 0;font-size:20px}.workspace-head p{color:#7c8590;margin:0;font-size:12px}.atom-canvas{background:#fff;border:1px solid #e0e4e8;border-radius:8px;margin-top:21px;overflow:hidden}.canvas-header{color:#636d78;border-bottom:1px solid #e9ebee;justify-content:space-between;align-items:center;height:42px;padding:0 14px;font-size:11px;font-weight:600;display:flex}.preview-controls{gap:2px;display:flex}.preview-controls button{color:#7c8590;background:#fff;border:0;border-radius:4px;place-items:center;width:26px;height:25px;display:grid}.preview-controls button:first-child{color:#694cd0;background:#f0edff}.preview-stage{background:linear-gradient(125deg,#faf9fe,#f1effa);place-items:center;height:342px;padding:22px;display:grid}.preview-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:7px;width:min(420px,100%);padding:26px;box-shadow:0 10px 25px #3e356318}.preview-card>span{text-align:left;color:#8c959f;margin-bottom:35px;font-size:10px;display:block}.preview-card>button,.button-states button{color:#fff;cursor:pointer;border:0;align-items:center;gap:8px;padding:10px 16px;font:600 12px inherit;display:inline-flex}.button-states{border-top:1px solid #eef0f2;justify-content:space-between;gap:8px;margin-top:31px;padding-top:18px;display:flex}.button-states div{gap:7px;display:grid}.button-states small{color:#929aa4;font-size:10px}.button-states .hover-state{filter:brightness(.84)}.button-states .disabled{color:#949aa1;background:#d6d9de}.usage-card{background:#fff;border:1px solid #e1e4e8;border-radius:8px;justify-content:space-between;align-items:center;margin-top:15px;padding:13px 15px;display:flex}.usage-card>div{color:#6b50d7;align-items:center;gap:9px;display:flex}.usage-card b,.usage-card small{display:block}.usage-card b{color:#414a55;font-size:12px}.usage-card small{color:#8d959e;margin-top:3px;font-size:10px}.atom-properties{border-left:1px solid #e3e6ea;border-right:0}.atom-inspector{padding:16px}.inspector-title{border-bottom:1px solid #e9ecf0;justify-content:space-between;padding-bottom:14px;display:flex}.inspector-title b{font-size:13px}.inspector-title span{color:#6d51d5;background:#f0edff;border-radius:3px;padding:3px 5px;font-size:10px}.atom-inspector label{color:#68727d;margin:16px 0 5px;font-size:11px;font-weight:600;display:block}.atom-inspector label>input{color:#37404a;border:1px solid #dfe3e7;border-radius:5px;outline-color:#7656e8;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.variant-pills{gap:5px;display:flex}.variant-pills button{color:#66717b;cursor:pointer;background:#fff;border:1px solid #dfe2e6;border-radius:4px;padding:5px 7px;font:11px inherit}.variant-pills .picked{color:#684bcf;background:#f0edff;border-color:#bcaeff}.color-input{border:1px solid #dfe3e7;border-radius:5px;align-items:center;gap:7px;margin-top:6px;padding:5px 8px;display:flex}.color-input span{border-radius:4px;width:19px;height:19px}.color-input input{outline:0;border:0!important;margin:0!important;padding:0!important}.range-row{align-items:center;gap:9px;margin-top:6px;display:flex}.range-row input{accent-color:#7152da;flex:1}.range-row b{color:#66707a;font-size:11px}.accessibility{color:#188655;background:#e9f8f0;border-radius:5px;align-items:center;gap:6px;padding:8px;font-size:11px;display:flex}.atom-footer{gap:7px;display:flex;position:absolute;bottom:18px}.atom-footer .button{padding:8px 10px}.fundamentals-main{background:#f5f6f8;min-height:100vh}.fundamentals-hero{background:linear-gradient(105deg,#f6f3ff,#fff);border-bottom:1px solid #e3e6e9;padding:42px 44px 34px}.fundamentals-hero h1{letter-spacing:-.8px;margin:7px 0 8px;font-size:29px}.fundamentals-hero p{color:#6e7884;max-width:670px;margin:0;line-height:1.55}.fundamentals-flow{background:#fff;border-bottom:1px solid #e3e6e9;align-items:center;gap:8px;padding:22px 38px;display:flex;overflow:auto}.fundamental-step{background:#fff;border:1px solid #dfe3e9;border-radius:8px;min-width:125px;min-height:91px;padding:13px}.fundamental-step>span{color:#654ad0;background:#eee9ff;border-radius:50%;place-items:center;width:20px;height:20px;margin-bottom:9px;font-size:10px;font-weight:700;display:grid}.fundamental-step b,.fundamental-step small{display:block}.fundamental-step b{color:#3d4651;font-size:13px}.fundamental-step small{color:#7c8792;margin-top:3px;font-size:10px;line-height:1.3}.fundamental-arrow{color:#a59bbd;flex:none}.fundamentals-content{padding:30px 44px 45px}.fundamentals-intro{justify-content:space-between;align-items:end;gap:30px;margin-bottom:17px;display:flex}.fundamentals-intro h2{margin:0;font-size:18px}.fundamentals-intro p{color:#6f7984;max-width:610px;margin:0;font-size:12px;line-height:1.55}.fundamental-cards{grid-template-columns:repeat(3,minmax(220px,1fr));gap:13px;display:grid}.fundamental-cards article{background:#fff;border:1px solid #e0e4e8;border-radius:8px;padding:16px}.fundamental-cards article>div{align-items:center;gap:10px;display:flex}.fundamental-number{color:#694ed5;background:#eee9ff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.fundamental-cards h3{margin:0;font-size:14px}.fundamental-cards p{color:#7c8691;margin:3px 0 0;font-size:10px}.fundamental-cards dl{border-top:1px solid #eef0f2;margin:15px 0 0;padding-top:11px}.fundamental-cards dt{color:#747e89;margin-top:8px;font-size:10px;font-weight:700}.fundamental-cards dd{color:#47525e;margin:3px 0;font-size:11px;line-height:1.4}.metadata-guide{background:#fbfaff;border:1px solid #ded7fc;border-radius:8px;gap:35px;margin-top:20px;padding:20px;display:flex}.metadata-guide h2{margin:0 0 5px;font-size:16px}.metadata-guide p{color:#737d88;margin:0;font-size:11px;line-height:1.45}.metadata-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.metadata-grid span{color:#7b8490;background:#fff;border:1px solid #e6e1fb;border-radius:5px;padding:8px;font-size:10px}.metadata-grid b{color:#514076;margin-bottom:3px;font-size:11px;display:block}.fundamentals-callout{color:#1a7a4d;background:#eaf8f0;border-radius:7px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px 17px;display:flex}.fundamentals-callout p{margin:0;font-size:12px;line-height:1.45}@media (width<=1050px){.fundamental-cards{grid-template-columns:repeat(2,1fr)}.metadata-guide{display:block}.metadata-grid{margin-top:16px}}.mobile-example-main{background:#f5f6f8;min-height:100vh}.mobile-example-hero{background:#fff;border-bottom:1px solid #e3e6e9;padding:30px 38px 24px}.mobile-example-hero h1{letter-spacing:-.6px;margin:7px 0;font-size:25px}.mobile-example-hero p{color:#737e89;margin:0;font-size:13px}.mobile-example-layout{grid-template-columns:250px minmax(400px,1fr) 280px;gap:18px;padding:24px 38px;display:grid}.example-layer-list,.example-detail{background:#fff;border:1px solid #e0e4e8;border-radius:8px;height:max-content;padding:15px}.example-layer-list h2{margin:2px 5px 10px;font-size:14px}.example-layer-list button{text-align:left;color:#69737e;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 7px;display:flex}.example-layer-list button:hover,.example-layer-list button.selected-example-layer{color:#6449d0;background:#f0edff}.example-layer-list button>span{background:#edf0f2;border-radius:5px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.example-layer-list button.selected-example-layer>span{background:#dcd2ff}.example-layer-list div{flex:1}.example-layer-list b,.example-layer-list small{display:block}.example-layer-list b{font-size:12px}.example-layer-list small{color:#8a939d;margin-top:2px;font-size:10px}.phone-stage{place-items:center;min-height:610px;display:grid}.phone-frame{background:#fff;border:9px solid #232a34;border-radius:34px;width:318px;min-height:590px;position:relative;overflow:hidden;box-shadow:0 16px 35px #222b3540}.phone-status{align-items:center;gap:5px;height:25px;padding:7px 17px 0;font-size:9px;font-weight:700;display:flex}.phone-status span{margin-right:auto}.phone-status i{background:#303742;border-radius:2px;width:10px;height:5px}.mobile-header{border-bottom:1px solid #eceef1;align-items:center;gap:14px;height:50px;padding:0 17px;display:flex}.mobile-header b{margin-right:auto;font-size:17px}.mobile-content{padding:20px 17px}.mobile-eyebrow{color:#7052dc;letter-spacing:1px;font-size:9px;font-weight:700}.mobile-content h2{letter-spacing:-.7px;margin:7px 0 16px;font-size:22px}.mobile-product-card{border:1px solid #e5e8eb;border-radius:10px;padding:9px;position:relative}.mobile-product-card>img{object-fit:cover;border-radius:7px;width:100%;height:210px}.mobile-product-card>button:first-of-type{background:#fff;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:17px;right:17px}.mobile-product-card h3{margin:10px 0 3px;font-size:13px}.mobile-product-card p{color:#69747f;margin:0 0 10px;font-size:12px}.mobile-add-button{color:#fff;background:#6e50dc;border:0;border-radius:6px;width:100%;padding:10px;font:600 11px inherit}.mobile-bottom-nav{background:#fff;border-top:1px solid #eceef1;justify-content:space-around;height:62px;padding:8px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-bottom-nav span{color:#69737f;justify-items:center;gap:3px;font-size:9px;display:grid}.highlighted-example{outline-offset:2px;box-shadow:0 0 0 4px #ebe6ff;outline:2px solid #7253dc!important}.experience-outline{color:#684bd0;text-align:center;background:#f7f4ff;border:1px dashed #7253dc;border-radius:4px;padding:7px;font-size:9px;font-weight:700;position:absolute;bottom:72px;left:12px;right:12px}.example-detail h2{margin:7px 0 4px;font-size:19px}.example-detail>b{color:#6951cc;font-size:12px}.example-detail>p{color:#6f7984;font-size:12px;line-height:1.55}.example-metadata{border-top:1px solid #e8ebee;margin-top:18px;padding-top:14px}.example-metadata>span{color:#7a8490;text-transform:uppercase;font-size:10px;font-weight:700}.example-metadata ul{color:#57616c;margin:8px 0 0;padding-left:17px;font-size:11px;line-height:1.7}.mobile-example-note{color:#1a7a4d;background:#eaf8f0;border-radius:7px;gap:9px;margin:0 38px 32px;padding:13px 16px;display:flex}.mobile-example-note p{margin:0;font-size:12px;line-height:1.45}@media (width<=1050px){.mobile-example-layout{grid-template-columns:220px 1fr}.example-detail{grid-column:span 2}.mobile-example-note{margin:0 24px 28px}}.authoring-preview-button{z-index:8;color:#fff;cursor:pointer;background:#6f51dc;border:0;border-radius:7px;align-items:center;gap:7px;padding:11px 14px;font:600 12px inherit;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 22px #4935963d}.preview-modal-backdrop{z-index:30;background:#17202b80;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.responsive-preview-modal{background:#fff;border-radius:10px;width:min(1180px,100%);max-height:calc(100vh - 60px);overflow:auto;box-shadow:0 25px 65px #151b2544}.responsive-preview-modal>header{border-bottom:1px solid #e5e8eb;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.responsive-preview-modal h2{margin:3px 0 0;font-size:18px}.preview-toolbar{background:#fafbfc;border-bottom:1px solid #e9ebee;align-items:center;gap:14px;padding:11px 16px;display:flex}.preview-toolbar label{color:#67717d;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.preview-toolbar select{color:#3e4853;background:#fff;border:1px solid #dce1e6;border-radius:5px;padding:7px;font:11px inherit}.device-presets{gap:4px;display:flex}.device-presets button{color:#68727d;cursor:pointer;background:#fff;border:1px solid #dfe3e7;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font:600 11px inherit;display:flex}.device-presets button.active-preview-device{color:#654ad0;background:#f0edff;border-color:#8b74e7}.resolution-readout{color:#7c8691;margin-left:auto;font:11px monospace}.preview-device-stage{background:#eef0f3;place-items:start center;min-height:650px;padding:28px;display:grid;overflow:auto}.responsive-preview-viewport{background:#fff;overflow:auto;box-shadow:0 5px 20px #242b351f}.responsive-preview-viewport.mobile{border:7px solid #242a33;border-radius:24px}.responsive-preview-viewport.tablet{border:5px solid #242a33;border-radius:16px}.preview-molecule-render{align-content:start;gap:18px;padding:36px;display:grid}.preview-menu-render{flex-wrap:wrap;gap:8px;padding:18px;display:flex}.preview-menu-render span{color:#5e47ba;background:#f5f3ff;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.preview-menu-render b{color:#fff;background:#7253dc;border-radius:10px;padding:1px 5px;font-size:9px}.preview-organism-render{gap:12px;padding:30px;display:grid}.preview-organism-render article{color:#6550c5;border:1px solid #e0e4e8;border-radius:7px;justify-items:center;gap:7px;padding:22px;display:grid}.preview-organism-render b{color:#3e4752;font-size:14px}.preview-organism-render small{color:#84909a;font-size:10px}.dynamic-tools{z-index:8;gap:7px;display:grid;position:fixed;bottom:75px;right:24px}.dynamic-tools button{color:#654ad0;cursor:pointer;background:#fff;border:1px solid #d5caff;border-radius:7px;align-items:center;gap:6px;padding:9px 11px;font:600 11px inherit;display:flex;box-shadow:0 5px 15px #2a33411a}.dynamic-tools button:hover{background:#f4f1ff}.dynamic-toast{bottom:178px}.binding-modal,.json-export-modal{background:#fff;border-radius:10px;width:min(560px,100%);max-height:calc(100vh - 60px);overflow:auto;box-shadow:0 25px 65px #151b2544}.binding-modal header,.json-export-modal header{border-bottom:1px solid #e5e8eb;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.binding-modal h2,.json-export-modal h2{margin:3px 0 0;font-size:18px}.binding-modal>p,.json-export-modal>p{color:#717b86;margin:15px 19px;font-size:12px;line-height:1.45}.binding-modal>label{color:#68727d;margin:12px 19px;font-size:11px;font-weight:600;display:block}.binding-modal select,.binding-modal input{color:#37404a;background:#fff;border:1px solid #dfe3e7;border-radius:5px;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.binding-example{color:#6350aa;background:#f6f4ff;border-radius:6px;margin:14px 19px;padding:10px;font-size:11px}.binding-example code{color:#47367d;overflow-wrap:anywhere;margin-top:5px;display:block}.modal-actions{border-top:1px solid #e8ebee;justify-content:flex-end;gap:8px;padding:16px 19px;display:flex}.json-export-modal{width:min(900px,100%)}.json-export-modal pre{color:#dbe7f5;white-space:pre;background:#19212d;border-radius:7px;max-height:510px;margin:0 19px 16px;padding:14px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.governed-tools{bottom:75px}.governed-tools button:first-child{color:#147448;border-color:#b9e6d0}.governance-modal{background:#fff;border-radius:10px;width:min(650px,100%);max-height:calc(100vh - 60px);overflow:auto;box-shadow:0 25px 65px #151b2544}.governance-modal header{border-bottom:1px solid #e5e8eb;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.governance-modal h2{margin:3px 0 0;font-size:18px}.governance-modal>p{color:#717b86;margin:15px 19px;font-size:12px;line-height:1.5}.governance-modal>label{color:#68727d;margin:12px 19px;font-size:11px;font-weight:600;display:block}.governance-modal select,.governance-modal>label input{color:#37404a;background:#fff;border:1px solid #dfe3e7;border-radius:5px;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.contract-inputs{gap:7px;margin:14px 19px;display:grid}.contract-inputs article{background:#fafbfc;border:1px solid #e1e5e9;border-radius:6px;grid-template-columns:1fr 115px 1fr auto auto;align-items:center;gap:6px;padding:8px;display:grid}.contract-inputs input,.contract-inputs select{background:#fff;border:1px solid #dfe3e7;border-radius:4px;min-width:0;padding:6px;font:11px inherit}.contract-inputs label{color:#68727d;align-items:center;gap:4px;font-size:10px;display:flex}.mapping-empty,.provider-fields{color:#6350aa;background:#f5f3ff;border-radius:6px;margin:14px 19px;padding:10px;font-size:11px;line-height:1.4}.provider-fields{color:#18754b;background:#eaf8f0}.contextual-console{flex:1;min-width:0;position:relative}.contextual-header-actions{z-index:15;align-items:center;gap:7px;display:flex;position:absolute;top:14px;right:170px}.contextual-action-button{color:#485361;cursor:pointer;background:#fff;border:1px solid #d9dde3;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font:600 12px inherit;display:flex}.contextual-action-button:hover{color:#6248cf;background:#f5f3ff}.contextual-header-actions .dynamic-tools{gap:7px;display:flex;position:static}.contextual-header-actions .dynamic-tools button{padding:8px 10px}.component-console .governed-tools button:nth-child(n+2){display:none}.experience-console .contextual-header-actions,.design-console .contextual-header-actions{right:170px}.domain-contract-editor article:first-child{grid-template-columns:1fr 1fr 120px}.domain-contract-editor article:nth-child(2){grid-template-columns:1fr 1.6fr}.domain-contract-editor input:disabled{color:#75808b;cursor:not-allowed;background:#eef0f3}.journey-governance button:first-child{color:#147448;border-color:#b9e6d0}.app-shell,.sidebar{height:100dvh;min-height:100dvh;overflow:hidden}.sidebar>nav{overscroll-behavior:contain;flex:auto;min-height:0;padding-right:2px;overflow-y:auto}.sidebar-bottom{flex:none}.app-shell>.main{overscroll-behavior:contain;height:100dvh;min-height:100dvh;overflow:auto}.studio-empty{text-align:center;background:#f5f6f8;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 221px);display:flex}.studio-empty h2{margin:14px 0 7px;font-size:20px}.studio-empty p{color:#7b8490;max-width:360px;margin:0 0 18px;font-size:13px}.empty-icon{color:#7051dc;background:#ece7ff;border-radius:13px;place-items:center;width:52px;height:52px;display:grid}.preview-controls .active-preview{color:#684bd1;background:#f0edff}.preview-stage.tablet .preview-card{width:330px}.preview-stage.mobile .preview-card{width:220px}.preview-stage.mobile .button-states{display:block}.preview-stage.mobile .button-states div{margin:8px 0}.versions-panel{padding:17px}.versions-panel h3{margin:0 0 5px;font-size:13px}.versions-panel p{color:#8a929c;margin:0 0 16px;font-size:11px;line-height:1.45}.versions-panel button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e4e8;border-radius:6px;grid-template-columns:auto 1fr;gap:3px;width:100%;margin-bottom:7px;padding:10px;display:grid}.versions-panel button:hover{border-color:#a795f1}.versions-panel span{color:#6d51d5;background:#f0edff;border-radius:3px;grid-row:span 2;width:max-content;padding:3px 4px;font-size:10px}.versions-panel b{color:#3d4651;font-size:11px}.versions-panel small{color:#929aa3;font-size:10px}.modal-backdrop{z-index:10;background:#17202b66;place-items:center;display:grid;position:fixed;inset:0}.json-modal{background:#fff;border-radius:9px;width:410px;padding:18px;box-shadow:0 20px 50px #121a2544}.json-modal>div:first-child{justify-content:space-between;align-items:center;display:flex}.json-modal>div b{font-size:14px}.json-modal pre{color:#d8e2f5;background:#1d2430;border-radius:6px;margin:14px 0;padding:14px;font-size:11px;line-height:1.5;overflow:auto}.toast{z-index:20;color:#fff;background:#203a31;border-radius:7px;align-items:center;gap:7px;padding:11px 14px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 22px #10182333}.toast svg{color:#7fe0a6}.atom-group{padding:8px 9px 2px}.atom-group>span{color:#8a929c;letter-spacing:.7px;text-transform:uppercase;padding:7px 8px 4px;font-size:10px;font-weight:700;display:block}.design-system-selector{color:#6d7782;gap:4px;font-size:10px;font-weight:700;display:grid}.design-system-selector select{color:#43505c;background:#fff;border:1px solid #dce1e7;border-radius:6px;min-width:184px;padding:7px 25px 7px 8px;font:600 11px inherit}.design-system-selector.compact{white-space:nowrap;align-items:center;gap:7px;display:flex}.design-system-selector.compact select{min-width:205px;padding:7px 24px 7px 8px}.design-system-catalog{background:#f5f6f8;grid-template-columns:260px minmax(440px,1fr) 280px;min-height:calc(100vh - 173px);display:grid}.design-system-catalog>aside:first-child{background:#fff;border-right:1px solid #e2e6ea;padding:18px 12px}.design-system-catalog>aside h3{color:#3e4853;margin:0 5px 12px;font-size:13px}.system-record{text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:7px;width:100%;margin:4px 0;padding:12px}.system-record:hover{background:#f7f5ff}.system-record.active-system-record{background:#f0edff;border-color:#c8bcfa}.system-record span,.system-record b,.system-record small{display:block}.system-record span{color:#6c51d4;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.system-record b{color:#414b56;margin:4px 0;font-size:13px}.system-record small{color:#808a95;font-size:10px}.system-detail{padding:30px;overflow:auto}.system-detail-heading{justify-content:space-between;gap:20px;display:flex}.system-detail-heading h2{color:#3f4853;margin:4px 0 6px;font-size:24px}.system-detail-heading h2 small{color:#7860d6;font-size:13px}.system-detail-heading p{color:#76808c;max-width:510px;margin:0;font-size:13px;line-height:1.5}.release-status{color:#6c7782;background:#f0f2f4;border-radius:12px;height:max-content;padding:5px 8px;font-size:10px;font-weight:700}.release-status.active-release{color:#147748;background:#e7f8ef}.system-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.system-metrics article{background:#fff;border:1px solid #e0e4e8;border-radius:8px;padding:16px}.system-metrics b,.system-metrics span{display:block}.system-metrics b{color:#55409d;font-size:25px}.system-metrics span{color:#7d8792;margin-top:4px;font-size:10px;line-height:1.35}.system-workflow{gap:10px;margin-top:20px;display:grid}.system-workflow div{background:#fff;border-left:3px solid #8c77e9;border-radius:0 7px 7px 0;padding:14px 16px}.system-workflow b,.system-workflow span{display:block}.system-workflow b{color:#47415a;font-size:12px}.system-workflow span{color:#77818c;margin-top:3px;font-size:11px;line-height:1.4}.catalog-actions{gap:8px;margin-top:22px;display:flex}.system-inspector{background:#fff;border-left:1px solid #e2e6ea;padding:16px;overflow:auto}.system-inspector label,.system-picker{color:#68727d;margin:14px 0 0;font-size:11px;font-weight:600;display:block}.system-inspector input,.system-inspector select,.system-picker select{color:#37404a;background:#fff;border:1px solid #dfe3e7;border-radius:5px;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.system-picker{width:210px;margin:0}.empty-component-state{color:#6a50c9;text-align:center;background:#fbfaff;border:1px dashed #c7b9fa;border-radius:9px;align-content:center;justify-items:center;gap:8px;min-height:220px;padding:32px;display:grid}.empty-component-state b{color:#4a435d;font-size:14px}.empty-component-state span{color:#77818b;max-width:290px;font-size:11px;line-height:1.45}@media (width<=1050px){.design-system-catalog{grid-template-columns:230px minmax(360px,1fr)}.system-inspector{display:none}}@media (width<=760px){.design-system-catalog{grid-template-columns:1fr}.design-system-catalog>aside:first-child{border-bottom:1px solid #e2e6ea;border-right:0}.system-metrics{grid-template-columns:1fr}.catalog-actions{flex-direction:column}.catalog-header-actions{flex-wrap:wrap}.system-picker{width:100%}}.foundation-tabs{background:#fff;border:1px solid #e0e4e8;border-radius:8px;gap:8px;margin-top:22px;padding:10px;display:flex}.foundation-tabs button{color:#6149b8;cursor:pointer;background:#faf9ff;border:1px solid #e3def8;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px;font:600 12px inherit;display:flex}.foundation-tabs button:hover{color:#513b9f;background:#f0edff;border-color:#a994ef}.fundamentals-main .fundamentals-flow{background:#fff;border-bottom:1px solid #e3e6e9;align-items:center;gap:8px;padding:22px 38px;display:flex;overflow-x:auto}.fundamentals-main .fundamental-step{background:#fff;border:1px solid #dfe3e9;border-radius:8px;flex:0 0 150px;min-width:150px;min-height:96px;padding:13px}.fundamentals-main .fundamental-step>span{color:#654ad0;background:#eee9ff;border-radius:50%;place-items:center;width:20px;height:20px;margin-bottom:9px;font-size:10px;font-weight:700;display:grid}.fundamentals-main .fundamental-step b,.fundamentals-main .fundamental-step small{display:block}.fundamentals-main .fundamental-step b{color:#3d4651;font-size:13px}.fundamentals-main .fundamental-step small{color:#7c8792;margin-top:3px;font-size:10px;line-height:1.3}.fundamentals-main .fundamental-arrow{color:#a59bbd;flex:none}.fundamentals-main .fundamentals-content{padding:30px 44px 45px}.fundamentals-main .fundamental-cards{grid-template-columns:repeat(3,minmax(220px,1fr));gap:13px;display:grid}.fundamentals-main .metadata-guide{gap:35px;display:flex}@media (width<=1050px){.fundamentals-main .fundamental-cards{grid-template-columns:repeat(2,minmax(220px,1fr))}.fundamentals-main .metadata-guide{display:block}.fundamentals-main .metadata-grid{margin-top:16px}}@media (width<=680px){.fundamentals-main .fundamentals-hero,.fundamentals-main .fundamentals-content{padding-left:20px;padding-right:20px}.fundamentals-main .fundamentals-flow{padding:18px 20px}.fundamentals-main .fundamental-cards{grid-template-columns:1fr}.fundamentals-main .fundamentals-intro{display:block}.fundamentals-main .fundamentals-intro p{margin-top:8px}}.atom-preview-card{flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.atom-live{width:100%}.text-live{font-family:Playfair Display,serif;line-height:1.12}.image-live{text-align:left;gap:7px;width:240px;display:grid}.image-live img{object-fit:cover;border-radius:8px;width:240px;height:135px}.image-live small{color:#7e8791;font-size:10px}.button-live{border:0;align-items:center;gap:8px;padding:11px 16px;font:600 12px inherit;display:flex}.icon-live{text-align:center;border-radius:12px;place-items:center;width:88px;height:88px;display:grid}.icon-live small{font-size:10px}.input-live{color:#4d5762;text-align:left;gap:6px;width:250px;font-size:11px;font-weight:600;display:grid}.input-live b{color:#cc4d61}.input-live input{border:1px solid #cfd5dc;border-radius:5px;height:36px;padding:0 10px;font:12px inherit}.check-live,.radio-live{color:#44505d;align-items:center;gap:9px;font-size:13px;display:flex}.check-live input{accent-color:#7152db;width:17px;height:17px}.switch-live{color:#44505d;justify-content:space-between;align-items:center;width:235px;display:flex}.switch-live i{background:#c8ced4;border-radius:20px;width:38px;height:22px;padding:3px;display:block}.switch-live i b{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.switch-live i.on{background:#7152db}.switch-live i.on b{transform:translate(16px)}.radio-live i{border:1px solid #aeb6be;border-radius:50%;width:17px;height:17px;display:block}.radio-live i.on{border:5px solid #7152db}.divider-live{color:#8b949e;width:260px;font-size:10px}.divider-live hr{border:0;border-top:1px solid;margin-top:8px}.spacer-live{text-align:center;color:#7e8791;gap:8px;width:220px;font-size:10px;display:grid}.spacer-live i{background:#f1eeff;border-left:1px dashed #9f8bef;border-right:1px dashed #9f8bef;display:block}.stack-live{flex-direction:column;width:180px;display:flex}.stack-live i,.row-live i,.column-live i,.grid-live i{background:#dcd4fb;border:1px solid #c8bbf8;border-radius:4px;display:block}.stack-live i{height:29px}.row-live{width:250px;display:flex}.row-live i{flex:1;height:60px}.column-live{width:220px;display:flex}.column-live i{flex:1;height:90px}.list-live{text-align:left;color:#485360;gap:9px;width:220px;font-size:12px;display:grid}.grid-live{width:230px;display:grid}.grid-live i{height:38px}.atom-inspector select{color:#37404a;background:#fff;border:1px solid #dfe3e7;border-radius:5px;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.boolean-row{align-items:center;gap:7px;margin:12px 0!important;font-size:11px!important;display:flex!important}.boolean-row input{accent-color:#7152da;width:auto!important;margin:0!important}.image-live{object-fit:cover;width:240px;height:135px;display:block}.button-live{cursor:pointer;border:1px solid #0000}.button-live.outline-button{background:0 0}.button-live.text-button-live{border-color:#0000;padding-left:0;padding-right:0}.check-live b,.switch-live b,.radio-live b{color:#cc4d61}.heading-live{max-width:100%;margin:0;font-family:Inter,system-ui,sans-serif}.label-live{letter-spacing:.02em;font-size:12px;font-weight:700}.avatar-live{color:#fff;place-items:center;width:64px;height:64px;font-size:18px;font-weight:700;display:grid}.icon-button-live{cursor:pointer;background:#fff;border:1px solid;place-items:center;width:44px;height:44px;display:grid}.link-live{align-items:center;gap:4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.input-live textarea,.input-live select{color:#374151;background:#fff;border:1px solid #cfd5dc;border-radius:5px;min-height:36px;padding:8px 10px;font:12px inherit}.input-live textarea{resize:vertical;min-height:82px}.slider-live{color:#4d5762;grid-template-columns:1fr auto;align-items:center;gap:8px;width:250px;font-size:12px;font-weight:600;display:grid}.slider-live span{grid-column:1/-1}.slider-live input{width:100%}.status-live{background:#fff8e8;border:1px solid;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.tag-live:after{content:"×";opacity:.7;margin-left:7px}.progress-live{color:#4d5762;grid-template-columns:1fr auto;gap:7px;width:250px;font-size:12px;font-weight:600;display:grid}.progress-live i{background:#e7ebf0;border-radius:999px;grid-column:1/-1;height:8px;display:block;overflow:hidden}.progress-live i b{border-radius:inherit;height:100%;display:block}.spinner-live{border:4px solid #e3e8ef;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite atom-spin}@keyframes atom-spin{to{transform:rotate(360deg)}}.box-live,.container-live{color:#667085;background:#fff;border:1px solid;place-items:center;width:250px;min-height:100px;padding:18px;font-size:12px;display:grid}.container-live{background:#f8fafc;border-style:dashed;max-width:220px}.hidden-atom-live{color:#7b8794;border:1px dashed #b8c1cc;border-radius:6px;padding:12px 16px;font-size:12px}.atom-runtime-metadata,.atom-data-bindings{background:#fff;border:1px solid #e3e7ed;border-radius:8px;margin-top:16px;padding:16px}.atom-runtime-metadata p,.atom-data-bindings p{color:#697586;margin:5px 0 13px;font-size:12px;line-height:1.45}.runtime-metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.runtime-metadata-grid label,.atom-data-bindings label{color:#475467;gap:5px;font-size:11px;font-weight:700;display:grid}.runtime-metadata-grid input,.runtime-metadata-grid select,.atom-data-bindings input{color:#1f2937;background:#fff;border:1px solid #d5dce5;border-radius:5px;width:100%;min-height:34px;padding:7px 9px;font:12px Inter,system-ui,sans-serif}.runtime-metadata-grid .boolean-row{align-self:end;margin:0!important}.atom-data-bindings{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px;display:grid}.atom-data-bindings>div{grid-column:1/-1}@media (width<=1100px){.runtime-metadata-grid,.atom-data-bindings{grid-template-columns:1fr}}.token-layout,.molecule-layout{background:#f5f6f8;grid-template-columns:243px minmax(480px,1fr) 268px;height:calc(100vh - 221px);display:grid}.token-list{background:#fff;border-right:1px solid #e3e6ea;overflow:auto}.token-row{text-align:left;cursor:pointer;color:#929aa3;background:#fff;border:0;align-items:center;gap:9px;width:100%;padding:10px 14px;display:flex}.token-row:hover{background:#f7f7fa}.token-row.active-token{background:#f0edff}.token-row i{border:1px solid #e2e4e8;border-radius:5px;width:25px;height:25px}.token-row div{flex:1}.token-row b,.token-row small{display:block}.token-row b{color:#3c4651;font-size:11px}.token-row small{color:#8a929b;margin-top:2px;font-size:10px}.token-workspace,.molecule-workspace{padding:26px;overflow:auto}.token-preview{background:#fff;border:1px solid #e0e4e8;border-radius:8px;margin-top:22px;padding:16px}.token-preview>span{color:#66717c;font-size:11px;font-weight:600}.token-swatch{color:#fff;border-radius:7px;align-items:flex-end;height:190px;margin:13px 0;padding:12px;display:flex}.token-swatch b{background:#1a243866;border-radius:4px;padding:5px 7px;font:600 12px monospace}.token-preview p{color:#68737e;font-size:12px;line-height:1.5}.molecule-mark{position:relative;background:#efeaff!important;border-color:#d7ccff!important}.molecule-mark:after{content:"✦";color:#7252d9;position:absolute;top:3px;left:6px}.available-atoms{border-top:1px solid #e8ebee;margin:17px 13px 0;padding-top:14px}.available-atoms>span{color:#858e99;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.available-atoms button{color:#596471;cursor:pointer;background:#fff;border:1px solid #e2e5e8;border-radius:4px;align-items:center;gap:6px;width:100%;margin-top:6px;padding:6px;font:11px inherit;display:flex}.available-atoms button svg:last-child{color:#7252da;margin-left:auto}.molecule-canvas{background:#fff;border:1px solid #e0e4e8;border-radius:8px;margin-top:21px;overflow:hidden}.molecule-preview{background:linear-gradient(120deg,#faf9fe,#f2effa);align-content:center;gap:9px;min-height:390px;padding:25px 60px;display:grid}.molecule-preview>p{text-align:center;color:#8a929b;font-size:12px}.molecule-part{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:6px;justify-content:center;padding:16px;display:flex;position:relative}.molecule-part:hover{border-color:#c9bdfb}.molecule-part.selected-part{border:1.5px solid #7152da;box-shadow:0 0 0 2px #e8e1ff}.part-handle{color:#8a94a0;align-items:center;gap:3px;font-size:9px;display:flex;position:absolute;top:5px;left:6px}.part-handle button{color:#a2aab2;cursor:pointer;background:0 0;border:0;padding:0}.tree-row{text-align:left;color:#59636f;cursor:pointer;background:#fff;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;padding:7px;font:12px inherit;display:flex}.tree-row span{background:#edf0f2;border-radius:4px;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.tree-row.selected-tree{color:#694bd1;background:#f0edff}.tree-row.selected-tree span{background:#dcd2ff}.token-value-swatch{color:#3c315c;background:#f0edff;border:1px dashed #b8abf0;align-items:flex-end;height:190px;margin:13px 0;padding:12px;display:flex}.token-value-swatch.color{color:#fff;border:0}.token-value-swatch.spacing{background:#eefaf5;border-color:#a8ddc9;justify-content:center;align-items:center}.token-value-swatch b{background:#1a243855;border-radius:4px;padding:5px 7px;font:600 12px monospace}.menu-studio-layout{background:#f5f6f8;grid-template-columns:243px minmax(480px,1fr) 268px;height:calc(100vh - 221px);display:grid}.menu-library{background:#fff;border-right:1px solid #e3e6ea;overflow:auto}.menu-library-note{color:#6651bf;background:#f4f2ff;border-radius:6px;gap:8px;margin:18px 16px;padding:11px;font-size:11px;line-height:1.35;display:flex}.menu-library-note svg{flex:none}.menu-workspace{padding:26px;overflow:auto}.menu-canvas{background:#fff;border:1px solid #e0e4e8;border-radius:8px;margin-top:21px;overflow:hidden}.menu-preview-stage{background:linear-gradient(120deg,#faf9fe,#f2effa);place-items:center;min-height:342px;padding:46px;display:grid}.rendered-menu{background:#fff;border:1px solid #e1e4e8;border-radius:9px;gap:5px;width:min(580px,100%);padding:8px;display:flex;box-shadow:0 10px 25px #3e356318}.rendered-menu.vertical{flex-direction:column;width:250px}.rendered-menu>p{color:#8a929b;margin:14px auto;font-size:12px}.rendered-menu-entry{position:relative}.rendered-menu-entry>button,.menu-submenu button{color:#59636f;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:7px;padding:9px 10px;font:600 12px inherit;display:flex}.rendered-menu-entry>button:hover,.menu-submenu button:hover{color:#674bd2;background:#f4f1ff}.rendered-menu-entry>button.selected-menu-item,.menu-submenu button.selected-menu-item{color:#6549d0;background:#ede8ff}.rendered-menu-entry>button.disabled-menu-item{opacity:.45;cursor:not-allowed}.menu-badge{text-align:center;color:#fff;background:#7355df;border-radius:20px;min-width:17px;font-size:10px;line-height:17px}.menu-chevron{margin-left:1px;transition:transform .15s}.menu-chevron.open{transform:rotate(180deg)}.menu-submenu{z-index:3;background:#fff;border:1px solid #e0e4e8;border-radius:7px;min-width:178px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #1f29351e}.rendered-menu.vertical .menu-submenu{top:0;left:calc(100% + 6px)}.menu-submenu button{width:100%}.menu-state-guide{color:#7d8590;gap:16px;margin-top:12px;font-size:11px;display:flex}.menu-state-guide span{align-items:center;gap:5px;display:flex}.state-dot{background:#c9ced4;border-radius:50%;width:8px;height:8px}.state-dot.active{background:#7152da}.state-dot.disabled{background:#e2e5e8}.atom-inspector select{color:#37404a;background:#fff;border:1px solid #dfe3e7;border-radius:5px;outline-color:#7656e8;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.boolean-row{align-items:center;gap:7px;display:flex!important}.boolean-row input{width:auto!important;margin:0!important}.menu-tree-group{margin-bottom:3px}.tree-row{justify-content:flex-start}.tree-add{color:#7355df;cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;padding:2px;display:grid}.tree-child{padding-left:25px}.menu-add{width:100%;margin:12px 0 0}.menu-remove{justify-content:center;width:100%;margin-top:16px}.danger{color:#c14858!important;background:#fff3f4!important;border-color:#f2cdd1!important}.organism-layout,.experience-layout{background:#f5f6f8;grid-template-columns:243px minmax(480px,1fr) 268px;height:calc(100vh - 173px);display:grid}.organism-canvas{background:linear-gradient(120deg,#faf9fe,#f2effa);align-content:center;gap:10px;min-height:390px;padding:28px 60px;display:grid}.organism-canvas>p{text-align:center;color:#8a929b;font-size:12px}.organism-part{color:#6650c9;cursor:grab;background:#fff;border:1px solid #e2e6ea;border-radius:7px;justify-items:center;gap:5px;min-height:88px;padding:26px 18px 15px;display:grid;position:relative}.organism-part b{color:#404a55;font-size:13px}.organism-part small{color:#8a939d;font-size:10px}.component-library-page{background:#f5f6f8;min-height:calc(100vh - 221px);padding:28px}.library-summary{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px;display:grid}.library-summary>div,.component-library-grid article{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:18px}.library-summary span,.library-summary small{display:block}.library-summary b{color:#493789;margin:7px 0 2px;font-size:28px;display:block}.library-summary small{color:#7f8894;font-size:11px}.component-library-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.component-library-grid article>div{color:#6b51d9;align-items:center;gap:8px;display:flex}.component-library-grid article>div span{letter-spacing:.7px;font-size:10px;font-weight:700}.component-library-grid h2{margin:22px 0 7px;font-size:16px}.component-library-grid p{color:#75808c;min-height:45px;margin:0 0 18px;font-size:12px;line-height:1.45}.experience-canvas-area{padding:26px;overflow:auto}.journey-canvas{background:#fff;border:1px solid #e0e4e8;border-radius:8px;min-height:560px;margin-top:20px;padding:0 40px 32px;box-shadow:0 4px 15px #29313d12}.journey-canvas>p{text-align:center;color:#8a929b;padding:190px 0;font-size:12px}.journey-navbar{color:#6f7985;border-bottom:1px solid #e9ecef;align-items:center;gap:18px;height:55px;margin:0 -40px 24px;padding:0 25px;font-size:11px;display:flex}.journey-navbar b{color:#302547;margin-right:auto;font-size:17px}.journey-block{color:#6a4ed3;cursor:grab;background:linear-gradient(105deg,#fbfaff,#f4f1ff);border:1px solid #e1e5e9;border-radius:7px;align-content:center;justify-items:center;min-height:125px;margin:12px 0;padding:37px 20px 18px;display:grid;position:relative}.journey-block h3{color:#3f4752;margin:7px 0 4px;font-size:15px}.journey-block p{color:#7e8893;margin:0;font-size:11px}.journey-block-tools{color:#89929d;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;top:7px;left:8px;right:8px}.journey-block-tools button{color:#9ca4ae;cursor:pointer;background:0 0;border:0;margin-left:auto}.selected-journey-block{border:1.5px solid #7152da;box-shadow:0 0 0 2px #e8e1ff}.component-studio-layout{background:#f5f6f8;grid-template-columns:243px minmax(480px,1fr) 268px;height:calc(100vh - 221px);display:grid}.component-composition-workspace{padding:26px;overflow:auto}.component-composition-canvas{background:#fff;border:1px solid #e0e4e8;border-radius:8px;margin-top:20px;overflow:hidden}.component-composition-preview{background:linear-gradient(120deg,#faf9fe,#f2effa);align-content:center;gap:10px;min-height:390px;padding:28px 58px;display:grid}.component-composition-preview>p{text-align:center;color:#8a929b;font-size:12px}.component-part{cursor:grab;background:#fff;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:72px;padding:24px 15px 14px;display:flex;position:relative}.component-part:hover{border-color:#c9bdfb}.component-composition-preview.organisms .component-part{color:#654fc8;justify-items:center;gap:5px;display:grid}.component-composition-preview.organisms .component-part b{color:#404a55;font-size:13px}.component-composition-preview.organisms .component-part small{color:#89929c;font-size:10px}.component-editor-actions{align-items:center;gap:7px;display:flex}.component-editor-actions .dynamic-tools{gap:7px;display:flex;position:static}.component-editor-actions .dynamic-tools button{padding:8px 10px}.component-editor-actions .governed-tools button:nth-child(n+2){display:none}.component-editor-actions .contextual-action-button{padding:8px 10px}.component-catalog-grid{background:#f5f6f8;grid-template-columns:repeat(3,minmax(220px,1fr));grid-auto-rows:min-content;align-items:start;gap:16px;min-height:calc(100vh - 173px);padding:28px;display:grid}.component-catalog-grid article{cursor:pointer;background:#fff;border:1px solid #e0e4e8;border-radius:9px;align-self:start;height:max-content;padding:17px;transition:transform .14s,box-shadow .14s}.component-catalog-grid article:hover{transform:translateY(-2px);box-shadow:0 8px 22px #30384615}.catalog-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.catalog-card-top span{color:#6b51d9;letter-spacing:.7px;font-size:10px;font-weight:700}.catalog-card-top b{color:#684cd1;background:#f0edff;border-radius:3px;padding:3px 5px;font-size:10px}.component-catalog-grid article>svg{color:#6c51d5}.component-catalog-grid h2{margin:14px 0 6px;font-size:16px}.component-catalog-grid p{color:#76808c;margin:0;font-size:12px;line-height:1.4}.component-catalog-grid article>div:nth-of-type(2){gap:6px;margin:15px 0;display:flex}.component-catalog-grid small{color:#77818c;background:#f3f5f7;border-radius:3px;padding:3px 5px;font-size:10px}.component-catalog-grid .button{justify-content:center;width:100%}.catalog-header-actions,.record-header-actions{gap:7px;display:flex}.component-crud-editor{background:#f5f6f8;grid-template-columns:243px minmax(480px,1fr) 268px;height:calc(100vh - 221px);display:grid}.component-record-preview{background:#f5f6f8;min-height:calc(100vh - 221px);padding:26px}.record-preview-toolbar{color:#6f7984;background:#fff;border:1px solid #e0e4e8;border-bottom:0;border-radius:8px 8px 0 0;justify-content:space-between;padding:11px 14px;font-size:11px;display:flex}.record-preview-content,.record-preview-organism{background:#fff;border:1px solid #e0e4e8;border-radius:0 0 8px 8px;align-content:center;gap:18px;min-height:460px;padding:40px;display:grid}.record-preview-organism article{color:#654fc8;border:1px solid #e0e4e8;border-radius:7px;justify-items:center;gap:6px;padding:25px;display:grid}.record-preview-organism b{color:#414a55}.record-preview-organism small{color:#8a929b;font-size:10px}.component-data-contract{background:#f5f6f8;min-height:calc(100vh - 221px);padding:28px}.data-contract-intro{background:#fff;border:1px solid #ded7fc;border-radius:8px 8px 0 0;justify-content:space-between;align-items:start;gap:20px;padding:20px;display:flex}.data-contract-intro h2{margin:5px 0;font-size:18px}.data-contract-intro p{color:#727c87;max-width:650px;margin:0;font-size:12px;line-height:1.5}.contract-empty{color:#7c8691;text-align:center;background:#fff;border:1px solid #e0e4e8;border-top:0;padding:32px;font-size:12px}.component-input-row{background:#fff;border:1px solid #e0e4e8;border-top:0;grid-template-columns:1fr 120px 1fr 1.4fr auto auto;align-items:center;gap:7px;padding:10px 20px;display:grid}.component-input-row input,.component-input-row select{background:#fff;border:1px solid #dfe3e7;border-radius:5px;min-width:0;padding:8px;font:11px inherit}.component-input-row label{color:#68727d;align-items:center;gap:4px;font-size:10px;display:flex}.contract-rule{color:#18764b;background:#ebf9f1;border:1px solid #ccebdc;border-top:0;border-radius:0 0 8px 8px;align-items:center;gap:7px;padding:13px 20px;font-size:11px;line-height:1.4;display:flex}.contract-section-heading{background:#fbfbfd;border:1px solid #e0e4e8;border-top:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.contract-section-heading b,.contract-section-heading span{display:block}.contract-section-heading b{color:#46515c;font-size:12px}.contract-section-heading span{color:#7a8590;margin-top:3px;font-size:10px}.atom-mapping-heading{border-top:1px solid #ded7fc;border-radius:8px 8px 0 0;margin-top:16px}.atom-mapping-heading .button{padding:7px 9px;font-size:11px}.published-input-row{grid-template-columns:1fr 1.4fr 1fr auto auto}.atom-binding-row{color:#8b72e3;text-align:center;background:#fff;border:1px solid #e0e4e8;border-top:0;grid-template-columns:1fr 1fr 20px 1.4fr auto;align-items:center;gap:8px;padding:10px 20px;display:grid}.atom-binding-row select{color:#4f5964;background:#fff;border:1px solid #dfe3e7;border-radius:5px;min-width:0;padding:8px;font:11px inherit}.atom-binding-row .icon-button{justify-self:end}.blade-binding-fields{background:#faf9ff;border:1px solid #ded7fc;border-radius:7px;margin:18px 0;padding:12px}.blade-binding-fields>p,.metadata-binding-empty{color:#747e8a;margin:6px 0 10px;font-size:10px;line-height:1.45}.blade-binding-fields code{color:#6149b7;background:#eee9ff;border-radius:3px;padding:1px 3px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.blade-binding-fields label{margin:11px 0 0!important}.metadata-binding-empty{background:#f5f6f8;border-radius:6px;margin:18px 0;padding:10px}.runtime-contract-fields{background:#f8fbff;border:1px solid #cfe3f7;border-radius:7px;margin:18px 0;padding:12px}.runtime-contract-fields>label{margin:10px 0 0!important}.runtime-platforms{gap:7px;margin-top:10px;display:flex}.runtime-platforms label{align-items:center;gap:3px;font-size:10px;display:flex;margin:0!important}.runtime-subheading{color:#51708c;text-transform:uppercase;border-top:1px solid #dcebf8;margin-top:14px;padding-top:10px;font-size:10px;font-weight:700}.runtime-row{grid-template-columns:minmax(0,1fr) 84px auto;gap:5px;margin-top:7px;display:grid}.runtime-row input,.runtime-row select{background:#fff;border:1px solid #d9e2eb;border-radius:4px;min-width:0;padding:6px;font:10px inherit}.runtime-row .icon-button{width:28px;height:28px}.contract-add{margin-top:7px;padding:6px 8px;font-size:10px}.placement-properties{margin-top:16px}.placement-section{border-top:1px solid #e7eaed;margin-top:15px;padding-top:13px}.placement-section>span,.placement-section-heading>span{color:#72808d;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.placement-section label{color:#6e7985;margin-top:10px;font-size:10px;font-weight:700;display:block}.placement-section input,.placement-section select{color:#414b56;background:#fff;border:1px solid #dfe3e7;border-radius:5px;width:100%;margin-top:5px;padding:8px;font:11px inherit;display:block}.placement-section small{color:#89939d;margin-top:5px;font-size:10px;line-height:1.35;display:block}.placement-section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.placement-section-heading .button{padding:5px 7px;font-size:10px}.placement-section>p{color:#78838e;margin:7px 0;font-size:10px;line-height:1.4}.placement-empty{color:#7f8993;background:#f5f6f8;border-radius:5px;padding:9px;font-size:10px}.placement-parameter{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:5px;margin-top:7px;display:grid}.placement-parameter input{min-width:0;margin:0}.placement-parameter .icon-button{width:29px;height:29px}.experience-console-v2{background:#f4f5f7;min-height:100vh}.experience-topbar{height:66px;padding:0 30px}.experience-topbar .crumb{gap:12px}.experience-actions{align-items:center;gap:8px;display:flex}.experience-titlebar{background:#fff;border-bottom:1px solid #e3e6e9;justify-content:space-between;align-items:center;height:108px;padding:0 30px;display:flex}.experience-titlebar h1{margin:0;font-size:21px}.experience-titlebar p{color:#737e89;margin:5px 0 0;font-size:12px}.draft-badge{color:#c47800;background:#fff3d9;border-radius:12px;padding:4px 8px;font-size:10px}.experience-version-meta{gap:30px;display:flex}.experience-version-meta label{color:#7a8490;gap:5px;font-size:10px;display:grid}.experience-version-meta select{color:#3b4551;background:#fff;border:0;font:600 12px inherit}.experience-authoring-grid{background:#fff;grid-template-columns:243px minmax(500px,1fr) 268px;height:calc(100vh - 174px);display:grid}.experience-left-panel,.experience-inspector{background:#fff;border-right:1px solid #e2e6e9;overflow:auto}.experience-inspector{border-left:1px solid #e2e6e9;border-right:0}.experience-panel-heading{color:#27323e;justify-content:space-between;align-items:center;padding:17px 16px 10px;font-size:12px;display:flex}.experience-panel-heading span{color:#694ed1;font-size:11px}.experience-page-list{border-bottom:1px solid #e8ebee;padding:0 9px 14px}.experience-page-list button,.experience-library>button{color:#69737e;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 8px;font:12px inherit;display:flex}.experience-page-list button.selected-page{color:#674bcf;background:#eee9ff;font-weight:700}.experience-page-list button small{color:#bd7300;background:#fff1d6;border-radius:3px;margin-left:auto;padding:2px 5px;font-size:9px}.experience-library{padding:0 9px}.component-search{color:#8a949e;border:1px solid #dfe4e8;border-radius:6px;align-items:center;gap:7px;margin:2px 7px 9px;padding:8px;display:flex}.component-search input{border:0;outline:0;width:100%;font:11px inherit}.experience-library>button span{flex:1;gap:2px;display:grid}.experience-library>button b{color:#46515c;font-size:11px}.experience-library>button small{color:#8b949d;font-size:9px}.experience-canvas-panel{background:#eef0f2;min-width:0;overflow:auto}.canvas-toolbar{color:#7a8490;justify-content:center;align-items:center;gap:13px;height:52px;font-size:11px;display:flex}.canvas-toolbar .device-presets{gap:3px;display:flex}.canvas-toolbar .device-presets button{color:#73808c;cursor:pointer;background:#fff;border:1px solid #dfe3e7;border-radius:5px;place-items:center;width:29px;height:28px;display:grid}.canvas-toolbar .device-presets button.active-preview-device{color:#694cd0;background:#f0edff;border-color:#7657dd}.json-button{color:#596574;cursor:pointer;background:#fff;border:1px solid #dfe3e7;border-radius:5px;align-items:center;gap:4px;padding:6px 8px;font:600 11px inherit;display:flex}.experience-canvas-scroll{padding:10px 32px 32px;overflow:auto}.experience-page-preview{background:#fff;min-height:650px;margin:auto;transition:width .2s;box-shadow:0 8px 24px #27313d20}.experience-page-preview.mobile{min-height:690px}.experience-page-preview nav{color:#57616c;border-bottom:1px solid #e7eaed;align-items:center;gap:20px;height:52px;padding:0 20px;font-size:10px;display:flex}.experience-page-preview nav b{color:#252f3a;margin-right:auto;font-family:Georgia,serif;font-size:18px}.experience-preview-block{color:#fff;cursor:pointer;min-height:165px;margin:7px;padding:38px 45px 22px;position:relative;overflow:hidden}.experience-preview-block:hover{filter:brightness(1.04)}.selected-preview-block{outline-offset:3px;outline:3px solid #7652e4}.preview-block-label{align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:8px;left:8px;right:8px}.preview-block-label button{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto}.experience-preview-block small{letter-spacing:1px;text-transform:uppercase;font-size:10px}.experience-preview-block h2{max-width:300px;margin:9px 0 5px;font:700 26px/1.05 Georgia,serif}.experience-preview-block p{max-width:360px;margin:0 0 13px;font-size:11px;line-height:1.4}.experience-preview-block>button{color:#483092;background:#fff;border:0;border-radius:4px;padding:7px 10px;font:700 10px inherit}.canvas-empty{text-align:center;color:#89939d;padding:180px 0;font-size:12px}.inspector-tabs{border-bottom:1px solid #e5e8eb;gap:22px;height:51px;padding:0 17px;display:flex}.inspector-tabs button{color:#78828d;cursor:pointer;background:#fff;border:0;border-bottom:2px solid #0000;font:600 12px inherit}.inspector-tabs button.active{color:#6349c7;border-color:#7053dc}.experience-properties{padding:17px}.selected-component-title{color:#684ed2;border-bottom:1px solid #e8ebee;gap:9px;padding-bottom:15px;display:flex}.selected-component-title div{gap:3px;display:grid}.selected-component-title b{color:#414b56;font-size:12px}.selected-component-title small{color:#858f99;font-size:10px}.experience-properties label{color:#6f7984;margin:16px 0 0;font-size:10px;font-weight:700;display:block}.experience-properties input,.experience-properties select{color:#414b56;background:#fff;border:1px solid #dfe3e7;border-radius:5px;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.theme-pills{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.theme-pills button{color:#6a7480;cursor:pointer;background:#fff;border:1px solid #dfe3e7;border-radius:4px;padding:5px 7px;font:10px inherit}.theme-pills .selected-theme{color:#6449d0;background:#f0edff;border-color:#795be0}.inspector-footer{border-top:1px solid #e8ebee;justify-content:space-between;margin-top:30px;padding-top:14px;display:flex}.button.danger{color:#d74352;background:#fff4f5;border-color:#ffdcdf}.experience-layers{padding:10px}.experience-layers button{color:#5d6874;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:5px;width:100%;padding:9px;font:11px inherit}.experience-layers button.selected-tree{color:#654bd1;background:#f0edff}.experience-layers span{background:#e9edf0;border-radius:3px;place-items:center;width:17px;height:17px;margin-right:7px;font-size:9px;display:inline-grid}.journey-runtime-preview{background:#fff;padding:14px;overflow:auto}.journey-runtime-preview .journey-navbar{margin:0}.journey-preview-block{color:#654fc8;border:1px solid #e0e4e8;border-radius:7px;justify-items:center;gap:6px;margin:10px 0;padding:20px;display:grid}.journey-preview-block small,.journey-preview-block span{color:#89939d;font-size:10px}.journey-preview-block b{color:#434c57;font-size:13px}.runtime-journey-nav{color:#2c3540;border-bottom:1px solid #e5e8eb;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.runtime-journey-nav b{font-size:15px}.runtime-journey-nav small{color:#84909b;font-size:10px}.runtime-organism{padding:12px;display:grid}.runtime-stack{grid-template-columns:1fr}.runtime-molecule{background:#fff;border:1px solid #e2e6e9;border-radius:8px;gap:10px;padding:12px;display:grid}.runtime-grid .runtime-molecule{min-width:0;padding:9px}.runtime-grid .text-live{font-size:12px!important}.runtime-grid .button-live{padding:7px 8px;font-size:10px}.runtime-menu{background:#fff;border:1px solid #e3e6e9;border-radius:7px;flex-wrap:wrap;gap:7px;padding:10px;display:flex}.runtime-menu span{color:#5e4ab2;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.runtime-menu b{color:#fff;background:#7556df;border-radius:8px;padding:1px 4px;font-size:8px}.vertical-menu{display:grid}.runtime-missing{color:#8a949e;text-align:center;border:1px dashed #d0d6dc;border-radius:6px;padding:13px;font-size:11px}.experience-library>button[draggable=true],.experience-preview-block[draggable=true]{cursor:grab}.experience-library>button[draggable=true]:active,.experience-preview-block[draggable=true]:active{cursor:grabbing}.experience-preview-block{min-height:0!important;color:inherit!important;background:#fff!important;border:1px solid #e1e5e9!important;margin:8px!important;padding:34px 10px 10px!important;overflow:visible!important}.experience-preview-block .json-render-root{gap:10px;display:grid}.experience-preview-block .preview-block-label{color:#68727d}.experience-preview-block .preview-block-label button{color:#7b8490}.experience-preview-block .runtime-organism{padding:0}.experience-preview-block .runtime-molecule{box-shadow:none}.dragging-preview-block{opacity:.45}.runtime-carousel{scroll-snap-type:x proximity;overflow-x:auto;padding:2px 0 12px!important;display:flex!important}.runtime-carousel-item{scroll-snap-align:start;flex:0 0 168px}.runtime-carousel-item .runtime-molecule{border-radius:14px;gap:0;height:100%;padding:0;overflow:hidden;box-shadow:0 4px 14px #27313d18}.runtime-carousel-item .image-live{width:100%;height:104px;display:block;aspect-ratio:auto!important;border-radius:0!important}.runtime-carousel-item .text-live{margin:0;padding:0 11px;line-height:1.25!important}.runtime-carousel-item .text-live:first-of-type{padding-top:10px;color:#8a949e!important;font-size:9px!important;font-weight:600!important}.runtime-carousel-item .text-live:nth-of-type(2){padding-top:4px;font-size:13px!important;font-weight:700!important}.runtime-carousel-item .text-live:nth-of-type(3){padding-top:3px;color:#7c8691!important;font-size:10px!important}.runtime-carousel-item .text-live:nth-of-type(4){padding:5px 11px 12px;color:#2867c6!important;font-size:12px!important;font-weight:800!important}.experience-page-preview.mobile .runtime-carousel-item{flex-basis:156px}.experience-page-preview.mobile .runtime-organism{padding:0}.experience-page-preview.mobile .runtime-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.experience-page-preview.mobile .runtime-grid .runtime-molecule{padding:7px}.experience-page-preview.mobile .runtime-grid .button-live{padding:6px 3px;font-size:8px}.experience-page-preview.mobile .runtime-grid .text-live{font-size:9px!important}.experience-authoring-grid{grid-template-columns:243px 640px 520px;min-width:1403px}.experience-canvas-panel{width:640px}.experience-inspector{width:385px}.experience-canvas-scroll{padding-left:16px;padding-right:16px}.available-atoms button[draggable=true],.molecule-part[draggable=true]{cursor:grab}.available-atoms button[draggable=true]:active,.molecule-part[draggable=true]:active{cursor:grabbing}.molecule-preview{outline-offset:-9px;outline:2px dashed #0000;transition:outline-color .15s}.molecule-preview:has(.molecule-part){outline-color:#e1dafd}.molecule-part{transition:transform .14s,box-shadow .14s}.molecule-part:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6952c316}.atom-inspector input[readonly]{color:#7e8791;background:#f5f6f8}.app-error{color:#25303d;text-align:center;background:#f7f8fa;place-content:center;min-height:100vh;padding:32px;display:grid}.app-error h1{margin:0 0 10px;font-size:24px}.app-error p{color:#6d7681;max-width:460px;line-height:1.5}.app-error code{color:#583cb8;word-break:break-word;background:#f0edff;border-radius:5px;max-width:460px;padding:8px;font-size:12px}.app-error button{color:#fff;cursor:pointer;background:#7253dc;border:0;border-radius:7px;justify-self:center;padding:10px 14px;font:600 13px Arial}.example-page-picker{background:#f5f6f8;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 38px 0;display:grid}.example-page-picker button{color:#606b76;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e4e8;border-radius:8px;padding:13px 15px}.example-page-picker button:hover,.example-page-picker .selected-example-page{color:#6045c9;background:#f4f0ff;border-color:#8063e8;box-shadow:0 2px 8px #7459d522}.example-page-picker b,.example-page-picker small{display:block}.example-page-picker b{font-size:13px}.example-page-picker small{margin-top:3px;font-size:10px}.phone-frame{flex-direction:column;display:flex}.phone-frame.highlighted-example{outline-offset:5px}.phone-frame .mobile-content{flex:1;padding:16px 15px 74px;overflow:hidden}.mobile-organism{border:1px dashed #0000;border-radius:10px;padding:3px}.mobile-card-row{gap:9px;display:flex;overflow:hidden}.mobile-card{background:#fff;border:1px solid #e2e6eb;border-radius:10px;position:relative;box-shadow:0 2px 7px #27313d12}.product-card{flex:0 0 176px;padding:7px}.product-card img{object-fit:cover;border-radius:7px;width:100%;height:92px;display:block}.mobile-tag{color:#6045c9;background:#fff;border-radius:4px;padding:3px 5px;font-size:8px;font-weight:800;position:absolute;top:13px;left:13px}.product-card h3,.restaurant-card h3{margin:8px 0 2px;font-size:11px}.product-card p,.restaurant-card p{color:#77818b;margin:0;font-size:9px}.product-card>b{color:#252d36;margin:7px 0;font-size:11px;display:block}.mobile-add-button{margin-top:7px}.mobile-add-button.purple{background:#6e50dc}.mobile-organism.highlighted-example{outline-offset:2px;background:#faf9ff;outline:2px solid #7253dc}.telecom-summary{gap:8px;display:grid}.account-summary,.quota-card,.balance-card{grid-template-columns:1fr auto;gap:2px;padding:11px;display:grid}.account-summary span,.quota-card span{color:#66717c;font-size:10px}.account-summary>b,.quota-card>b,.balance-card>b{font-size:18px}.account-summary small,.balance-card small{color:#7e8790;font-size:9px}.small-action{color:#6246ca;background:#f7f5ff;border:1px solid #d9d2fa;border-radius:6px;align-self:end;padding:5px 7px;font-size:9px;font-weight:700}.quota-progress{background:#e9edf1;border-radius:5px;grid-column:span 2;height:6px;overflow:hidden}.quota-progress i{background:#2475dc;width:72%;height:100%;display:block}.quick-action-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.quick-action-row button{color:#2466b8;background:#eef5ff;border:0;border-radius:7px;justify-items:center;gap:3px;padding:7px 3px;font-size:8px;display:grid}.example-telecom .mobile-header{color:#fff;background:#0e54b5}.example-telecom .mobile-eyebrow{color:#317de2}.transaction-organism{gap:7px;display:grid}.transaction-filter{justify-content:space-between;align-items:center;padding:3px 1px;font-size:11px;font-weight:700;display:flex}.transaction-filter button{color:#55616c;background:#eef0f3;border:0;border-radius:5px;padding:4px 6px;font-size:8px}.transaction-row{grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:9px;display:grid}.transaction-row>span{color:#4776bf;place-items:center;display:grid}.transaction-row div b,.transaction-row div small{display:block}.transaction-row div b{font-size:10px}.transaction-row div small{color:#85909a;margin-top:2px;font-size:8px}.transaction-row strong{font-size:10px}.balance-card{color:#fff;background:#152a52}.balance-card small{color:#c8d4e7}.example-dining .mobile-header{color:#fff;background:#f96c34}.restaurant-organism{gap:8px;display:grid}.restaurant-card{grid-template-columns:72px 1fr auto;align-items:center;gap:8px;padding:7px;display:grid}.restaurant-card img{object-fit:cover;border-radius:6px;width:72px;height:58px}.restaurant-card .small-action{padding:5px}.example-detail>p{min-height:72px}@media (width<=1050px){.example-page-picker{padding:16px 24px 0}}@media (width<=680px){.example-page-picker{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px 0}.mobile-example-layout{grid-template-columns:1fr;padding:16px}.example-layer-list,.example-detail{grid-column:auto}.phone-stage{min-height:580px}.mobile-example-note{margin:0 16px 24px}}.experience-main,.component-catalog-main,.component-record-main{background:#f5f6f8;min-width:0}.experience-builder{background:#f5f6f8;grid-template-columns:220px 280px minmax(420px,1fr) 268px;min-height:calc(100vh - 173px);display:grid}.experience-pages,.component-library{background:#fff;border-right:1px solid #e2e6ea;padding:18px 12px;overflow:auto}.experience-pages h3,.component-library h3{color:#36414c;margin:0 4px 13px;font-size:13px}.experience-pages button{text-align:left;color:#66717c;cursor:pointer;background:#fff;border:0;border-radius:6px;width:100%;margin:3px 0;padding:10px;font:600 12px inherit}.experience-pages button:hover,.experience-pages button.active-page{color:#654ad0;background:#f0edff}.experience-pages small{color:#9099a3;margin-top:3px;font-size:10px;display:block}.component-library .token-row{border-radius:6px;margin:3px 0}.component-library .token-row span{flex:1;min-width:0}.component-library .token-row small{margin-top:2px;display:block}.experience-canvas{background:linear-gradient(120deg,#faf9fe,#f2effa);min-height:560px;padding:26px;overflow:auto}.experience-canvas:empty:before{content:"Drag a component here to build this experience";color:#89939e;place-items:center;min-height:300px;font-size:13px;display:grid}.experience-block{color:#684ed1;cursor:grab;background:#fff;border:1px solid #e0e4e8;border-radius:8px;align-content:center;justify-items:center;gap:6px;min-height:116px;margin-bottom:12px;padding:38px 18px 18px;display:grid;position:relative;box-shadow:0 2px 7px #2531410c}.experience-block:hover{border-color:#bbaafa}.experience-block.selected-part{border:1.5px solid #7152da;box-shadow:0 0 0 2px #e8e1ff}.experience-block>div{color:#89939e;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:9px;left:9px;right:9px}.experience-block>div button{color:#8e98a2;cursor:pointer;background:0 0;border:0;margin-left:auto}.experience-block b{color:#414b56;font-size:14px}.experience-block small{color:#89939e;font-size:10px}.experience-builder .atom-properties{border-left:1px solid #e2e6ea}.experience-builder .atom-inspector>b{color:#3f4a55;border-bottom:1px solid #e7eaed;padding-bottom:14px;font-size:13px;display:block}.experience-builder .atom-inspector label{color:#68727d;margin:14px 0 0;font-size:11px;font-weight:600;display:block}.experience-builder .atom-inspector input{color:#37404a;background:#fff;border:1px solid #dfe3e7;border-radius:5px;width:100%;margin-top:6px;padding:8px;font:12px inherit;display:block}.fundamentals-main .studio-context,.mobile-examples-main .studio-context{height:auto;min-height:130px;padding:30px 38px;display:block}.fundamentals-main .studio-context h1,.mobile-examples-main .studio-context h1{margin:0 0 8px;font-size:27px}.fundamentals-flow{background:#f5f6f8;grid-template-columns:repeat(3,minmax(190px,1fr));gap:14px;padding:30px 38px;display:grid}.fundamentals-flow article{background:#fff;border:1px solid #e0e4e8;border-radius:9px;min-height:144px;padding:18px}.fundamentals-flow article>span{color:#664bd1;background:#eee9ff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.fundamentals-flow h2{color:#3f4853;margin:13px 0 6px;font-size:16px}.fundamentals-flow p,.fundamentals-note p{color:#71808b;margin:0;font-size:12px;line-height:1.5}.fundamentals-note{background:#fbfaff;border:1px solid #dcd4fb;border-radius:9px;margin:0 38px 34px;padding:20px}.fundamentals-note h2{color:#44366d;margin:0 0 8px;font-size:17px}.mobile-example-grid{background:#f5f6f8;grid-template-columns:repeat(2,minmax(250px,1fr));gap:18px;padding:30px 38px;display:grid}.mobile-example-grid article{background:#fff;border:1px solid #e0e4e8;border-radius:9px;padding:18px}.phone-example{color:#fff;background:linear-gradient(135deg,#7355df,#2b9ece);border:7px solid #272e38;border-radius:24px;align-content:end;gap:5px;height:172px;padding:20px;display:grid;box-shadow:0 10px 22px #252e3940}.phone-example span{text-transform:uppercase;letter-spacing:.8px;opacity:.8;font-size:10px}.phone-example b{font-size:19px}.mobile-example-grid h2{color:#3e4853;margin:15px 0 6px;font-size:16px}.mobile-example-grid p{color:#73808b;min-height:36px;margin:0;font-size:12px;line-height:1.45}.mobile-example-grid code{color:#6049b5;overflow-wrap:anywhere;background:#f5f3ff;border-radius:5px;margin-top:12px;padding:8px;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}@media (width<=1150px){.experience-builder{grid-template-columns:200px 240px minmax(380px,1fr)}.experience-builder .atom-properties{display:none}}@media (width<=820px){.experience-builder{grid-template-columns:1fr}.experience-pages,.component-library{border-bottom:1px solid #e2e6ea;border-right:0}.experience-canvas{min-height:420px}.fundamentals-flow,.mobile-example-grid{grid-template-columns:1fr;padding:20px}.fundamentals-note{margin:0 20px 24px}.fundamentals-main .studio-context,.mobile-examples-main .studio-context{padding:24px 20px}}