@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--accent: #c5e484;--on-accent: #172236;--button-tint: 62%;--control-highlight: #ffffff80;--accent-hover: color-mix(in srgb, var(--accent) 85%, white);--accent-ink: #c5e484;--rm-radius: 10px;--bg: #20252e;--sidebar: #1b2029;--surface: #282f3a;--surface-raised: #323b48;--surface-hover: #ffffff08;--glass: #323b48eb;--line: #ffffff10;--line-strong: #ffffff20;--text: #f2f4f8;--muted: #bac2ce;--faint: #a4afc0;--shadow: 0 16px 64px #0004;--ease-out: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.22, 1.4, .5, 1);--duration: .32s;--space: 1}:root[data-appearance=slate]{--bg: #30394b;--sidebar: #2b3343;--surface: #3a4458;--surface-raised: #4b586e;--surface-hover: #ffffff07;--glass: #3a4458ed;--line: #ffffff0a;--line-strong: #ffffff15;--text: #f0f2f7;--muted: #b6bece;--faint: #b3bfd1;--soft-shadow: 10px 10px 25px #242a386b, -6px -6px 18px #57607525;--soft-inset: inset 4px 4px 10px #22283655, inset -3px -3px 8px #6b769526;--shadow: 0 25px 60px #1c22384d}:root[data-appearance=pearl]{color-scheme:light;--bg: #f5f6f9;--sidebar: #f2f4f8;--surface: #ffffff;--surface-raised: #eef1f7;--surface-hover: #18200d06;--glass: #ffffffe6;--line: #22365213;--line-strong: #22365229;--text: #222d40;--muted: #556378;--faint: #647186;--shadow: 0 16px 64px #23301215}:root[data-appearance=midnight]{--bg: #13171e;--sidebar: #101319;--surface: #1b202a;--surface-raised: #252c39;--glass: #202735df;--line: #d3e2ff12;--line-strong: #d3e2ff24;--text: #e7edf6;--muted: #97a4b7;--faint: #a6b3c7}:root[data-compact=true]{--space: .85}:root[data-glass=false]{--glass: var(--surface)}:root[data-motion=false] *,:root[data-motion=false] *:before,:root[data-motion=false] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root{--material-light: color-mix(in srgb, var(--accent) 28%, white);--material-mid: color-mix(in srgb, var(--accent) 40%, var(--surface-raised));--material-dark: color-mix(in srgb, var(--accent) 14%, var(--surface));--material-edge: color-mix(in srgb, var(--accent) 28%, var(--line-strong));--panel-highlight: #ffffff1c;--panel-shadow: 0 24px 75px #080e2538, 0 3px 12px #080e2524}:root[data-appearance=pearl]{--sidebar: #edf0f6;--surface-raised: #f4f6fb;--soft-shadow: 9px 12px 28px #34456912, -5px -5px 16px #ffffffb3;--soft-inset: inset 3px 3px 7px #3e507514, inset -3px -3px 8px #ffffffb3;--panel-highlight: #ffffffd9;--panel-shadow: 0 28px 90px #34456926, 0 4px 16px #34456912}:root[data-appearance=atelier]{color-scheme:light;--bg: #f3efe7;--sidebar: #eae5db;--surface: #fffdf8;--surface-raised: #eee8dd;--surface-hover: #4a3d2908;--glass: #fffdf8ed;--line: #5145331f;--line-strong: #51453338;--text: #302e29;--muted: #696356;--faint: #746e62;--shadow: 0 12px 36px #4a3d2912;--soft-shadow: 3px 4px 0 #51453310;--soft-inset: inset 0 1px 3px #5145330e;--panel-highlight: #ffffffc9;--panel-shadow: 0 24px 60px #42382425, 0 2px 6px #42382412}:root[data-appearance=opal]{color-scheme:dark;--bg: #181923;--sidebar: #151620;--surface: #272936;--surface-raised: #393b4e;--surface-hover: #ffffff09;--glass: #303242c9;--line: #e4e1ff1c;--line-strong: #e4e1ff35;--text: #f3f1fa;--muted: #c0bed0;--faint: #aaa8bd;--shadow: 0 20px 60px #07081260;--soft-shadow: 0 15px 35px #090a1840, inset 0 1px 0 #ffffff13;--soft-inset: inset 0 3px 10px #090a182e;--panel-highlight: #ffffff26;--panel-shadow: 0 30px 90px #08091580, 0 0 0 1px #ffffff0a}:root[data-appearance=mist]{color-scheme:light;--bg: #e7eaee;--sidebar: #dce1e7;--surface: #f9fafb;--surface-raised: #eef1f4;--surface-hover: #1c2b3e08;--glass: #f9fafbf2;--line: #3b4b601c;--line-strong: #3b4b6033;--text: #202c3d;--muted: #536277;--faint: #657287;--shadow: 0 12px 28px #31425716;--soft-shadow: 0 4px 14px #3142570c;--soft-inset: inset 0 2px 4px #31425710;--panel-highlight: #ffffffcc;--panel-shadow: 0 24px 65px #31425726, 0 2px 7px #3142570f}:root[data-appearance=nacre]{color-scheme:light;--bg: #f3eff3;--sidebar: #eeebf1;--surface: #fffcff;--surface-raised: #f0edf5;--surface-hover: #49365206;--glass: #fffcffd9;--line: #604c7019;--line-strong: #604c7030;--text: #342f42;--muted: #655d76;--faint: #786c87;--shadow: 0 16px 40px #5c47691a;--soft-shadow: 0 9px 24px #5c476912, inset 0 1px 0 #ffffff;--soft-inset: inset 0 2px 5px #5c476910;--panel-highlight: #ffffffed;--panel-shadow: 0 25px 75px #5c47692b, 0 3px 10px #5c476910}@layer reset{*,*:before,*:after{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,input,textarea{outline:none}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0;vertical-align:middle}}html{font-family:Manrope Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:450;background:var(--bg);color:var(--text)}body{min-width:360px}button,input,select,textarea{font-family:inherit}button{-webkit-user-select:none;user-select:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.studio-shell{display:flex;height:100svh;overflow:hidden}.sidebar{width:222px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 17px 0;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 30px}.brand-mark{font-size:28px;letter-spacing:-4px;font-weight:850;position:relative;padding-right:7px;line-height:1}.brand-mark span{font-weight:700}.brand-mark i{position:absolute;width:4px;height:4px;background:var(--accent);bottom:3px;right:0;border-radius:1px}.brand-name{font-size:20px;letter-spacing:-.8px;display:flex;align-items:baseline;gap:7px}.brand-name>span{font-size:12px;letter-spacing:0;color:var(--faint)}.version-pill{font-size:12px;color:var(--muted);background:var(--surface-raised);border:1px solid var(--line);padding:0 5px 2px;border-radius:4px;margin-left:auto}.workspace-switch{width:100%;display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);padding:12px 10px;border-radius:9px;text-align:left}.workspace-logo{display:grid;place-items:center;width:31px;height:33px;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:8px}.workspace-switch>span:nth-child(2){font-size:12px;font-weight:650;flex:1}.workspace-switch small{display:block;color:var(--faint);font-size:12px;font-weight:400;margin-top:4px;white-space:nowrap}.workspace-switch>svg{color:var(--muted)}.nav-caption{display:block;font-size:12px;font-weight:650;letter-spacing:1.5px;color:var(--faint);margin:29px 13px 13px}.main-navigation{display:flex;flex-direction:column;gap:5px}.main-navigation a{height:calc(40px * var(--space));display:flex;align-items:center;gap:11px;color:var(--muted);padding:0 12px;border-radius:7px;font-size:12px;transition:background .2s,color .2s}.main-navigation a:hover{background:var(--surface-hover);color:var(--text)}.main-navigation a.active{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}.main-navigation a small{margin-left:auto;color:var(--faint);font-size:12px}.main-navigation a .new-badge{font-size:12px;font-weight:700;letter-spacing:.7px;padding:3px 4px;border:1px solid var(--line-strong);border-radius:3px;color:var(--muted)}.collection-button{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0 12px;text-align:left;width:100%}.collection-button>span:nth-child(2){font-size:12px;flex:1}.collection-button small{font-size:12px;display:block;color:var(--faint);margin-top:5px}.collection-orb{width:29px;height:29px;border-radius:50%;background:radial-gradient(circle at 32% 25%,var(--material-light),var(--material-mid) 38%,var(--material-dark) 66%,var(--material-mid));box-shadow:inset 0 0 0 1px #fff2,0 3px 10px #0003}.live-dot,.local-indicator{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--accent-ink);flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-note{padding:13px 12px 24px}.mini-star{font-size:28px;color:var(--accent-ink);line-height:1;display:block;margin-bottom:14px}.sidebar-note p{font-size:14px;line-height:1.7;font-weight:400;letter-spacing:-.4px}.sidebar-note p strong{font-weight:400;color:var(--muted)}.sidebar-note>span:last-child{display:block;font-size:12px;color:var(--faint);margin-top:9px}.sidebar-bottom>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:none;color:var(--muted);font-size:12px;text-align:left;border-radius:6px}.sidebar-bottom>button:hover{background:var(--surface-hover)}.sidebar-bottom>button span{flex:1}kbd{font-family:inherit;font-size:12px;font-weight:500;color:var(--faint);border:1px solid var(--line-strong);padding:2px 5px;border-radius:4px;white-space:nowrap}.sidebar-signature{display:flex;align-items:center;gap:10px;margin:16px -17px 0;padding:17px 22px;border-top:1px solid var(--line)}.avatar{width:29px;height:29px;display:grid;place-items:center;background:var(--material-dark);color:var(--material-light);border-radius:50%;font-size:12px}.sidebar-signature>span:nth-child(2){flex:1;font-size:12px}.sidebar-signature small{display:block;color:var(--faint);font-size:12px;margin-top:4px}.local-indicator{width:4px;height:4px}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{flex-shrink:0;height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:20px}.breadcrumbs,.topbar-actions{display:flex;align-items:center;gap:14px}.breadcrumbs{color:var(--faint);font-size:12px}.breadcrumbs strong{color:var(--muted);font-weight:500}.build-label{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.8px;color:var(--faint);margin-right:12px}.build-label i{width:2px;height:2px;background:var(--faint);border-radius:50%}.search-trigger{background:none;border:0;display:flex;align-items:center;gap:9px;color:var(--faint);font-size:12px}.search-trigger kbd{margin-left:20px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:var(--muted);flex-shrink:0;transition:background .2s,color .2s}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.appearance-trigger{margin-left:3px;border-left:1px solid var(--line);padding-left:13px;width:42px;border-radius:0}.menu-toggle{display:none}.main-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;outline:none!important}.page-container{max-width:1440px;padding:37px 38px 0;margin:0 auto}.statusbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 22px;height:27px;flex-shrink:0;border-top:1px solid var(--line);font-size:12px;color:var(--faint)}.statusbar>span{display:flex;align-items:center;gap:8px}.statusbar .live-dot{width:4px;height:4px}.statusbar i{width:1px;height:8px;background:var(--line-strong);margin:0 5px}.skip-link{position:fixed;top:-100px;left:10px;z-index:999;background:var(--accent);color:var(--material-dark);padding:12px}.skip-link:focus{top:10px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:600;color:var(--faint)}.overview-heading{display:flex;justify-content:space-between;position:relative;padding-bottom:30px}.collection-label{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1.5px;color:var(--muted)}.label-divider{margin:0 3px;opacity:.5}h1{font-size:clamp(30px,3.15vw,47px);line-height:1.18;font-weight:500;letter-spacing:-2px}h1>span{color:var(--muted)}.overview-heading h1{margin:17px 0 18px}.overview-heading p,.page-heading p{font-size:12px;color:var(--muted);line-height:1.9}.heading-aside{width:225px;display:flex;align-items:center;flex-direction:column;padding-top:3px;position:relative}.edition-tag{display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:var(--surface);border:1px solid var(--line-strong);border-radius:30px;font-size:12px;padding:6px 10px;white-space:nowrap}.theme-mini-orb{width:82px;height:82px;border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 30%,#ffffff03 0px,#ffffff03 2px,#0002 3px,transparent 4px),radial-gradient(circle at 30% 25%,var(--material-light),var(--material-mid) 20%,var(--material-dark) 45%,var(--material-dark) 65%,var(--material-mid) 95%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--material-light) 16%,transparent),0 12px 25px #0003;margin:20px 0 12px;transform:rotate(-25deg)}.theme-mini-label{color:var(--faint);font-size:12px;text-align:center;line-height:1.6}.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.showcase-title,.showcase-controls{display:flex;align-items:center;gap:10px}.showcase-number{font-size:12px;color:var(--faint);margin-right:3px}.showcase-title strong{font-weight:550;font-size:12px}.subtle-pill{font-size:12px;color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:4px;padding:3px 5px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.segmented-mini{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;gap:1px}.segmented-mini button{display:grid;place-items:center;width:25px;height:22px;color:var(--faint);background:none;border:0;border-radius:3px}.segmented-mini button.active{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 3px #0002}.text-button{background:none;border:0;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 0;font-size:12px}.text-button:hover{color:var(--accent-ink)}.showcase-controls>.text-button{margin-left:9px}.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--faint);padding:12px 1px 29px}.showcase-caption>span{display:flex;align-items:center;gap:6px}.showcase-caption .text-button{font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-heading h2{font-size:13px;font-weight:500;letter-spacing:-.3px}.section-heading>span{font-size:12px;color:var(--faint);letter-spacing:1px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.feature-card{position:relative;padding:19px;background:linear-gradient(130deg,var(--surface),color-mix(in srgb,var(--surface) 40%,var(--bg)));border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:217px;transition:transform .4s var(--ease-out),border-color .3s}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.feature-icon{width:32px;height:32px;border:1px solid var(--line-strong);border-radius:8px;display:grid;place-items:center;margin-bottom:17px;color:var(--muted);background:var(--surface)}.feature-count{font-size:12px;letter-spacing:1.1px;color:var(--faint);display:block;margin-bottom:10px}.feature-card h3{font-weight:500;font-size:13px;letter-spacing:-.5px;margin-bottom:8px;position:relative;z-index:1}.feature-card p{font-size:12px;color:var(--muted);line-height:1.8}.feature-link{display:flex;align-items:center;justify-content:space-between;margin-top:19px;font-size:12px;color:var(--muted)}.component-art{position:absolute;right:20px;top:22px;display:flex;gap:6px;align-items:center;transform:rotate(-9deg);opacity:.7}.component-art>span{color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:12px;border-radius:5px;padding:7px 8px}.component-art b{width:23px;height:13px;border-radius:10px;background:var(--accent);position:relative}.component-art b:after{content:"";width:9px;height:9px;position:absolute;right:2px;top:2px;background:var(--material-dark);border-radius:50%}.component-art em{width:15px;height:15px;border:1px solid var(--line-strong);border-radius:4px}.panels-art{position:absolute;width:74px;height:40px;right:23px;top:20px;transform:rotate(-10deg)}.panels-art i{position:absolute;width:39px;height:29px;border:1px solid color-mix(in srgb,var(--material-mid) 25%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--material-mid) 19%,transparent),color-mix(in srgb,var(--material-mid) 2%,transparent));border-radius:5px;left:0;top:0}.panels-art i:nth-child(2){left:15px;top:6px}.panels-art i:nth-child(3){left:29px;top:12px}.motion-art{position:absolute;right:25px;top:21px;width:65px;height:38px}.motion-art i{display:block;position:absolute;width:51px;height:29px;border:1px solid color-mix(in srgb,var(--material-mid) 31%,transparent);border-radius:50%;transform:rotate(-30deg)}.motion-art i:after{content:"";width:30px;height:30px;border:1px solid color-mix(in srgb,var(--material-mid) 19%,transparent);border-radius:50%;position:absolute;left:10px;top:-1px}.motion-art b{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 20%,var(--material-light),var(--material-dark) 70%);position:absolute;top:5px;left:19px}.overview-bottom{margin-top:30px;padding:25px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}.bottom-wordmark{font-size:18px;letter-spacing:-.8px;color:var(--muted);font-weight:400}.overview-bottom>span:nth-child(2){color:var(--faint);font-size:12px;line-height:1.7}.overview-bottom .outline-button{margin-left:auto}.outline-button,.primary-button{padding:9px 13px;border-radius:var(--rm-radius);font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);transition:transform .2s,background .2s;white-space:nowrap}.outline-button:hover,.primary-button:hover{transform:translateY(-1px);background:var(--surface-raised)}.primary-button{background:var(--accent);color:var(--material-dark);border-color:transparent;font-weight:650}.primary-button:hover{background:color-mix(in srgb,var(--accent) 85%,white)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.page-heading h1{margin:16px 0}.page-heading>.edition-tag{align-self:flex-start;margin-top:8px}.page-enter-active,.page-leave-active{transition:opacity .16s,transform .25s var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.theme-controls{padding:0 4px}.control-intro{margin:10px 0 27px}.control-intro h2{font-size:21px;font-weight:500;letter-spacing:-.8px;margin:10px 0}.control-intro p{font-size:12px;color:var(--muted)}.control-group{margin:0 0 27px;padding:0;border:0}.control-group legend,.control-group>label{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:15px;color:var(--text)}.control-group legend>span,.control-group>label>span:last-child{color:var(--muted);font-size:12px}.appearance-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.appearance-option{position:relative;text-align:left;padding:0;background:none;border:0;font-size:12px;color:var(--muted)}.appearance-option>svg{position:absolute;right:1px;bottom:0;color:var(--accent-ink)}.appearance-option.selected{color:var(--text)}.appearance-mini{position:relative;display:block;width:100%;height:62px;margin-bottom:9px;border-radius:8px;border:2px solid transparent;background:#2a2e29;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff15}.appearance-option.selected .appearance-mini{border-color:var(--accent-ink)}.appearance-mini>span{position:absolute;left:8px;top:11px;bottom:10px;width:15px;background:#161a16;border-radius:3px}.appearance-mini i{position:absolute;left:28px;top:11px;right:8px;height:12px;background:color-mix(in srgb,var(--material-light) 40%,transparent);border-radius:3px}.appearance-mini b{position:absolute;left:28px;top:27px;width:18px;bottom:10px;background:#ffffff15;border-radius:3px}.appearance-mini em{position:absolute;inset:27px 8px 10px 50px;background:#ffffff15;border-radius:3px}.pearl .appearance-mini{background:var(--material-light)}.pearl .appearance-mini>span{background:var(--material-light)}.pearl .appearance-mini b,.pearl .appearance-mini em{background:var(--material-light)}.midnight .appearance-mini{background:#202a3a}.midnight .appearance-mini>span{background:#101724}.midnight .appearance-mini i{background:#8bb2ef77}.accent-options{display:flex;gap:15px}.accent-options button{width:31px;height:31px;border:0;border-radius:50%;background:var(--swatch);color:var(--material-dark);display:grid;place-items:center}.accent-options button.selected{outline:1px solid var(--swatch);outline-offset:4px}.control-group>.p-slider{margin:5px 3px 14px}.slider-labels{display:flex;justify-content:space-between;color:var(--faint);font-size:12px}.switch-group{border-top:1px solid var(--line);padding-top:23px}.switch-group>label{cursor:pointer;margin-bottom:23px}.switch-group>label>span:first-child{position:relative;padding-left:28px;font-size:12px}.switch-group svg{position:absolute;left:0;top:1px;color:var(--muted)}.switch-group small{display:block;color:var(--faint);font-size:12px;margin-top:5px;font-weight:400}.control-preview{border:1px solid var(--line);border-radius:12px;padding:17px;background:var(--surface)}.control-preview>div{display:flex;align-items:center;gap:10px;margin:18px 0}.sample-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--rm-radius);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent-ink)}.control-preview>div>span:nth-child(2){flex:1;font-size:12px}.control-preview small{display:block;margin-top:5px;color:var(--faint);font-size:12px}.control-preview .primary-button{width:100%}.reset-theme{display:flex;margin:20px auto 10px}.appearance-drawer .p-drawer-header{border-bottom:1px solid var(--line);margin-bottom:10px}.appearance-drawer .p-drawer-title{font-size:14px}.command-dialog .p-dialog-content{padding:0}.command-search{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line);color:var(--muted)}.command-search input{border:0;outline:0;background:none;color:var(--text);font-size:16px;flex:1;min-width:0}.command-search button{background:none;border:0}.command-results{padding:15px 10px 12px}.command-results>.eyebrow{display:block;margin:0 10px 10px}.command-results>button{background:none;border:0;border-radius:8px;width:100%;display:flex;align-items:center;gap:12px;color:var(--muted);padding:12px;text-align:left}.command-results>button span{font-size:12px;flex:1}.command-results>button small{font-size:12px;color:var(--faint)}.command-results>button.selected{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-ink)}.command-footer{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:13px 20px;font-size:12px;color:var(--faint)}.command-footer kbd{margin-right:3px}.command-brand{margin-left:auto}.shortcut-list p{display:flex;align-items:center;justify-content:space-between;margin:12px 0 22px;font-size:12px}.empty-state{padding:40px 20px;color:var(--muted);text-align:center}.empty-state h3{margin:15px 0 10px}.empty-state p{font-size:12px;margin-bottom:10px}.dialog-description{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.code-block,.file-preview{padding:20px;background:var(--sidebar);border:1px solid var(--line);color:var(--accent-ink);border-radius:10px;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.field-label{display:block;margin-bottom:9px;font-size:12px}@media(min-width:1700px){.page-container{padding-top:47px}.overview-heading{padding-bottom:40px}}@media(max-width:1100px){.sidebar{width:196px;padding-left:12px;padding-right:12px}.sidebar-signature{margin-left:-12px;margin-right:-12px;padding-left:17px;padding-right:17px}.workspace-switch small{font-size:12px}.brand-name>span{display:none}.page-container{padding:28px 25px 0}.topbar{padding:0 24px}.build-label{display:none}.heading-aside{width:170px}.feature-card{padding:16px}.feature-card h3,.feature-card p{font-size:12px}.component-art{right:12px}.component-art em{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:0}.page-heading>button{margin-top:15px}.page-heading>.edition-tag{margin-top:15px}}@media(max-width:800px){.sidebar{position:fixed;top:0;bottom:0;width:222px;transform:translate(-100%);transition:transform .3s var(--ease-out)}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;background:#0008;z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-toggle{display:flex}.topbar{height:54px;padding:0 16px}.breadcrumbs{gap:9px}.search-trigger>span{display:none}.search-trigger kbd{margin-left:2px}.topbar-actions{gap:8px}.page-container{padding:28px 22px 0}.heading-aside{width:150px}h1{font-size:38px}.statusbar{padding:0 15px}.feature-card{min-height:214px}.feature-count,.feature-card h3{font-size:12px}.feature-card p br{display:none}.feature-card p{font-size:12px}.component-art{opacity:.5}.component-art>span{display:none}}@media(max-width:560px){html{font-size:14px}.page-container{padding:25px 16px 0}.overview-heading{padding-bottom:24px}.heading-aside{display:none}h1{font-size:32px;letter-spacing:-1.5px}.overview-heading p{font-size:12px}.showcase-title{gap:7px}.showcase-title strong{font-size:12px}.showcase-controls>.text-button{font-size:0;margin:0}.showcase-controls>.text-button svg{width:17px;height:17px}.showcase-caption{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:24px}.section-heading>span{display:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto;padding:20px}.feature-icon{margin-bottom:14px}.feature-count{font-size:12px}.feature-card h3{font-size:15px}.feature-card p,.feature-link{font-size:12px}.component-art>span{display:block}.component-art{opacity:1;right:25px}.overview-bottom{flex-wrap:wrap;gap:16px}.overview-bottom>span:nth-child(2){display:none}.bottom-wordmark{font-size:16px}.overview-bottom .outline-button{font-size:12px}.status-theme{display:none}.statusbar{font-size:12px}.statusbar i,.search-trigger kbd{display:none}.breadcrumbs,.section-heading h2{font-size:12px}.p-toast{max-width:calc(100vw - 24px)}}.native-stage{height:436px;position:relative;overflow:hidden;border-radius:13px;border:1px solid #ffffff17;isolation:isolate;background:var(--material-dark);box-shadow:0 5px 25px #0002,inset 0 0 0 1px #ffffff05;transition:height .6s var(--ease-out)}.native-stage.is-expanded{height:620px}.stage-wallpaper{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,color-mix(in srgb,var(--material-mid) 25%,transparent),transparent 45%),radial-gradient(ellipse at 0% 70%,color-mix(in srgb,var(--material-mid) 44%,transparent),transparent 55%),linear-gradient(125deg,var(--material-dark),var(--material-dark) 43%,var(--material-mid) 77%,var(--material-dark))}.wallpaper-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 70%,color-mix(in srgb,var(--material-light) 28%,transparent),transparent 45%)}.wallpaper-ring{position:absolute;width:1050px;height:640px;border-radius:50%;transform:rotate(-34deg);background:repeating-radial-gradient(ellipse at 51% 50%,transparent 0px,transparent 7px,color-mix(in srgb,var(--material-light) 11%,transparent) 8px,color-mix(in srgb,var(--material-dark) 11%,transparent) 9px,transparent 11px);box-shadow:inset 0 0 30px color-mix(in srgb,var(--material-light) 7%,transparent)}.ring-one{left:-690px;top:-135px}.ring-two{right:-630px;top:-190px;width:1100px;height:710px;background:repeating-radial-gradient(ellipse at 51% 50%,transparent 0px,transparent 6px,color-mix(in srgb,var(--material-light) 10%,transparent) 7px,color-mix(in srgb,var(--material-dark) 9%,transparent) 9px,transparent 11px)}.wallpaper-grain{position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:soft-light}.stage-menubar{height:28px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--material-light);font-size:12px;background:color-mix(in srgb,var(--material-dark) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--material-light) 5%,transparent)}.stage-menubar>span{display:flex;align-items:center;gap:14px}.stage-menubar strong{font-size:12px;font-weight:650}.tiny-brand{font-size:12px;font-weight:800;letter-spacing:-1.5px}.stage-menu-label{opacity:.6}.stage-menubar>span:last-child{gap:10px;font-size:12px}.desktop-window{position:absolute;inset:53px 177px 78px 32px;border:1px solid color-mix(in srgb,var(--material-light) 23%,transparent);border-radius:11px;background:var(--glass);backdrop-filter:blur(35px) saturate(120%);-webkit-backdrop-filter:blur(35px) saturate(120%);box-shadow:0 27px 45px color-mix(in srgb,var(--material-dark) 30%,transparent),0 6px 14px color-mix(in srgb,var(--material-dark) 17%,transparent),inset 0 0 0 1px #ffffff06;overflow:hidden;transition:transform .6s var(--ease-out),opacity .5s,filter .5s}.window-titlebar{height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 10px 0 12px;background:#ffffff02}.window-titlebar>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.window-titlebar .icon-button{width:20px;height:20px}.window-lights{display:flex;align-items:center;gap:5px}.window-lights i{width:7px;height:7px;border-radius:50%;background:#e79f91;box-shadow:inset 0 0 0 1px #0001}.window-lights i:nth-child(2){background:#d9bd7b}.window-lights i:nth-child(3){background:var(--material-mid)}.window-body{display:flex;height:calc(100% - 34px)}.window-sidebar{flex-shrink:0;width:124px;padding:20px 9px 13px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--material-dark) 5%,transparent);display:flex;flex-direction:column}.window-sidebar>span{font-size:12px;letter-spacing:1px;color:var(--faint);padding-left:8px;margin-bottom:12px}.window-sidebar>button{display:flex;align-items:center;gap:7px;padding:8px 7px;color:var(--muted);font-size:12px;border-radius:5px;background:none;border:0;text-align:left;margin-bottom:3px}.window-sidebar>button.active{background:color-mix(in srgb,var(--material-mid) 9%,transparent);color:var(--accent-ink)}.window-sidebar>button:hover{background:var(--surface-hover)}.window-sidebar small{margin-left:auto;font-size:12px}.window-sidebar-bottom{font-size:12px;color:var(--faint);margin-top:auto;display:flex;align-items:center;gap:4px;padding-left:7px}.window-sidebar-bottom .live-dot{width:3px;height:3px}.window-content{padding:23px 20px 0;min-width:0;flex:1;display:flex;flex-direction:column}.window-content-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.window-content-heading h3{font-size:17px;font-weight:500;letter-spacing:-.7px}.window-content-heading p{font-size:12px;color:var(--muted);margin-top:6px}.soft-button{border:1px solid var(--line);background:var(--surface-hover);height:24px;width:24px}.window-content-toolbar{display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:12px;margin-top:20px;margin-bottom:11px}.window-content-toolbar label{display:flex;align-items:center;gap:5px}.window-content-toolbar input{width:57px;color:var(--muted);border:0;background:none;font-size:12px;padding:3px 0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow-y:auto;padding:2px 2px 10px;margin:-2px;flex:1;align-content:start}.project-card{background:none;border:0;padding:0;text-align:left;min-width:0;border-radius:7px}.project-card strong{display:block;font-size:12px;font-weight:500;padding-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card small{display:block;font-size:12px;color:var(--faint);margin-top:4px}.project-art{width:100%;height:clamp(85px,9.1vw,128px);display:block;position:relative;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d;transition:transform .4s var(--ease-out),outline .2s,box-shadow .3s}.project-card:hover .project-art{transform:translateY(-3px);box-shadow:0 8px 15px #0002}.project-card.selected .project-art{outline:2px solid var(--accent);outline-offset:2px}.project-card.selected strong{color:var(--accent-ink)}.project-art.sculpture{background:linear-gradient(140deg,#ded9cc,#b7b3a8)}.sculpture>span:first-child{position:absolute;width:76%;height:95%;left:14%;top:11%;background:repeating-linear-gradient(90deg,#f8f5e9 0,#cdc9bc 3%,#a5a296,#e7e3d7 5.2%);border-radius:48% 48% 4% 4%;transform:rotate(-23deg);box-shadow:7px 10px 15px color-mix(in srgb,var(--material-dark) 25%,transparent),inset 12px 0 15px #faf8e9aa,inset -14px -12px 22px color-mix(in srgb,var(--material-dark) 25%,transparent)}.sculpture>i{position:absolute;width:47%;height:63%;border-radius:50%;top:30%;left:26%;background:linear-gradient(140deg,#898c80,#777c6b 20%,var(--material-light) 70%);transform:rotate(-23deg);box-shadow:inset 6px 6px 15px color-mix(in srgb,var(--material-dark) 25%,transparent),0 0 0 1px color-mix(in srgb,var(--material-light) 67%,transparent)}.sculpture>b{position:absolute;width:41%;height:54%;border-radius:50%;top:34%;left:29%;transform:rotate(-23deg);background:linear-gradient(140deg,var(--material-mid),var(--material-light) 75%);box-shadow:inset 2px 3px 5px color-mix(in srgb,var(--material-mid) 53%,transparent)}.project-art.lines{background:var(--material-light)}.lines>span:first-child{position:absolute;inset:-40%;background:repeating-radial-gradient(ellipse at 50% 55%,transparent 0px,transparent 3px,var(--material-dark) 4px,var(--material-dark) 5px,transparent 6px);transform:rotate(-45deg) scaleX(.55);border-radius:50%}.lines>i{position:absolute;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--material-light) 53%,transparent),transparent 30%,color-mix(in srgb,var(--material-dark) 44%,transparent));mix-blend-mode:overlay}.project-art.landscape{background:linear-gradient(var(--material-light),#d2cdb6 52%,var(--material-mid) 52%,var(--material-mid))}.landscape>span:first-child{position:absolute;width:160%;height:100%;border-radius:50% 50% 0 0;left:-70%;top:48%;background:linear-gradient(150deg,var(--material-mid),var(--material-dark));transform:rotate(10deg)}.landscape>i{position:absolute;width:160%;height:80%;border-radius:50% 50% 0 0;right:-70%;top:64%;background:linear-gradient(130deg,var(--material-mid),var(--material-dark));transform:rotate(-10deg)}.landscape>b{position:absolute;width:7px;height:7px;border-radius:50%;background:#f9efce;top:25%;right:26%;box-shadow:0 0 10px #f9efce55}.project-number{position:absolute;left:8px;bottom:8px;font-size:12px;letter-spacing:1px;color:#faf7ed;text-shadow:0 1px 3px #0005}.project-favorite{position:absolute;top:7px;right:7px;color:#fff;filter:drop-shadow(0 1px 3px #0005)}.project-favorite svg{fill:#fffa}.project-empty{color:var(--muted);font-size:12px;padding:20px 0;grid-column:1 / -1;line-height:1.8}.window-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;color:var(--faint);border-top:1px solid var(--line);margin-top:auto}.window-selection>span{display:flex;align-items:center;gap:5px}.window-selection small{font-size:12px;margin-left:5px}.selection-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-ink)}.floating-note{position:absolute;width:194px;top:123px;right:22px;z-index:3;background:color-mix(in srgb,var(--material-light) 94%,transparent);color:var(--material-dark);border:1px solid color-mix(in srgb,var(--material-light) 68%,transparent);border-radius:9px;box-shadow:0 16px 30px color-mix(in srgb,var(--material-dark) 18%,transparent),inset 0 1px #fff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:box-shadow .3s,transform .25s var(--ease-out)}.floating-note.dragging{transition:none;box-shadow:0 30px 55px color-mix(in srgb,var(--material-dark) 33%,transparent),0 0 0 2px color-mix(in srgb,var(--material-light) 36%,transparent)}.note-handle{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid color-mix(in srgb,var(--material-dark) 8%,transparent)}.dragging .note-handle{cursor:grabbing}.note-handle>span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.note-handle button{border:0;background:none;padding:1px;color:var(--material-mid)}.floating-note textarea{resize:none;display:block;padding:15px 14px 10px;width:100%;height:124px;background:none;border:0;color:var(--material-dark);font-size:12px;line-height:1.8;letter-spacing:-.15px}.note-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 13px 12px;color:var(--material-mid);font-size:12px}.note-enter-active,.note-leave-active{transition:opacity .3s,scale .4s var(--spring),translate .4s var(--spring)}.note-enter-from,.note-leave-to{opacity:0;scale:.85;translate:0 25px}.context-lens{position:absolute;right:24px;top:53px;z-index:4;padding:9px 12px 8px;border:1px solid color-mix(in srgb,var(--material-light) 16%,transparent);border-radius:11px;background:color-mix(in srgb,var(--material-dark) 85%,transparent);color:var(--material-light);box-shadow:0 10px 25px color-mix(in srgb,var(--material-dark) 20%,transparent);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.lens-label{display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px;letter-spacing:1.2px;color:var(--material-light)}.lens-label .live-dot{width:3px;height:3px}.lens-tools{display:flex;gap:6px;padding-top:5px}.lens-tools button{width:29px;height:29px;display:grid;place-items:center;background:none;border:0;border-radius:6px;color:var(--material-light);transition:background .2s,transform .3s var(--spring)}.lens-tools button:hover{background:#ffffff12;transform:translateY(-2px)}.lens-tools button.active{color:var(--accent)}.lens-tools button.active svg{fill:var(--accent)}.lens-enter-active,.lens-leave-active{transition:opacity .25s,transform .45s var(--spring),filter .3s}.lens-enter-from,.lens-leave-to{opacity:0;transform:translate(-30px,25px) scale(.6);filter:blur(5px)}.desktop-bottom{position:absolute;bottom:16px;left:32px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:5}.desktop-dock{display:flex;align-items:center;gap:8px;padding:7px 9px;background:color-mix(in srgb,var(--material-light) 10%,transparent);border:1px solid color-mix(in srgb,var(--material-light) 19%,transparent);border-radius:12px;-webkit-backdrop-filter:blur(25px) saturate(130%);backdrop-filter:blur(25px) saturate(130%);box-shadow:0 5px 20px color-mix(in srgb,var(--material-dark) 15%,transparent),inset 0 1px color-mix(in srgb,var(--material-light) 9%,transparent)}.dock-app{position:relative;width:35px;height:35px;border-radius:9px;border:1px solid color-mix(in srgb,var(--material-light) 19%,transparent);background:linear-gradient(135deg,var(--material-light),var(--material-mid));display:grid;place-items:center;color:var(--material-dark);box-shadow:0 2px 5px #0002,inset 0 1px 1px #fff4;transition:transform .4s var(--spring),box-shadow .4s;transform-origin:center bottom}.dock-app:hover{transform:translateY(-7px) scale(1.15);box-shadow:0 7px 12px #0002}.desktop-dock:has(.dock-app:hover) .dock-app:not(:hover){transform:translateY(-2px) scale(1.02)}.dock-app.active:after{content:"";width:3px;height:3px;position:absolute;bottom:-6px;border-radius:50%;background:var(--material-light)}.dock-app.note-app{background:linear-gradient(135deg,#ece8ce,var(--material-light));color:var(--material-mid)}.dock-app.focus-app{background:linear-gradient(135deg,var(--material-light),#8f9d8a);color:var(--material-dark)}.dock-app.settings-app{background:linear-gradient(135deg,var(--material-light),var(--material-light));color:var(--material-dark)}.desktop-dock>span{width:1px;height:23px;background:color-mix(in srgb,var(--material-light) 19%,transparent);margin:0 2px}.focus-island{background:color-mix(in srgb,var(--material-dark) 92%,transparent);border:1px solid color-mix(in srgb,var(--material-light) 17%,transparent);color:var(--material-light);height:39px;border-radius:24px;display:flex;align-items:center;padding:0 12px;box-shadow:0 7px 17px color-mix(in srgb,var(--material-dark) 19%,transparent),inset 0 1px #ffffff0b;transition:width .6s var(--spring),height .5s var(--spring),border-radius .5s,background .4s;width:182px;overflow:hidden;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.island-trigger{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap;padding:0;border:0;background:none;color:var(--material-light);width:100%}.island-trigger>svg{margin-left:auto}.island-indicator{display:flex;gap:2px;align-items:center;height:13px}.island-indicator i{display:block;width:2px;height:5px;border-radius:2px;background:var(--material-light)}.island-indicator i:nth-child(2){height:11px}.island-indicator i:nth-child(3){height:8px}.island-trigger:hover .island-indicator i{animation:signal .7s ease-in-out infinite alternate}.island-trigger:hover .island-indicator i:nth-child(2){animation-delay:-.3s}.island-trigger:hover .island-indicator i:nth-child(3){animation-delay:-.5s}.focus-island.expanded{width:282px;height:55px;border-radius:18px;gap:8px}.focus-orbit{color:var(--material-light);padding:2px}.focus-orbit.playing{animation:orbit-turn 15s linear infinite}.island-timer{flex:1;display:flex;flex-direction:column;gap:2px;white-space:nowrap}.island-timer strong{font-size:17px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.island-timer span{font-size:12px;color:var(--material-mid)}.focus-island>button{display:grid;place-items:center;border:0;width:25px;height:25px;border-radius:50%;background:#ffffff0a;color:var(--material-light)}.is-focusing .desktop-window{transform:scale(.97) translateY(-4px);opacity:.6;filter:saturate(.5)}.is-focusing .floating-note{opacity:.5}.stage-edition{position:absolute;right:24px;bottom:77px;font-size:12px;letter-spacing:2px;color:color-mix(in srgb,var(--material-light) 48%,transparent)}@keyframes signal{to{transform:scaleY(.45)}}@keyframes orbit-turn{to{rotate:360deg}}[data-appearance=pearl] .native-stage{border-color:color-mix(in srgb,var(--material-mid) 19%,transparent)}[data-appearance=pearl] .desktop-window{background:color-mix(in srgb,var(--material-light) 86%,transparent);box-shadow:0 22px 50px color-mix(in srgb,var(--material-dark) 25%,transparent)}[data-appearance=midnight] .stage-wallpaper{background:radial-gradient(ellipse at 80% 30%,#435d8780,transparent 55%),linear-gradient(130deg,#172435,#2e455f 50%,#70849c)}[data-appearance=midnight] .wallpaper-glow{background:radial-gradient(ellipse at 75% 70%,#a1bee044,transparent 45%)}[data-glass=false] .desktop-window{-webkit-backdrop-filter:none;backdrop-filter:none}[data-glass=false] .floating-note{background:var(--material-light);-webkit-backdrop-filter:none;backdrop-filter:none}[data-glass=false] .desktop-dock,[data-glass=false] .context-lens{background:var(--material-dark);-webkit-backdrop-filter:none;backdrop-filter:none}@media(min-width:1500px){.native-stage{height:478px}.desktop-window{inset:61px 200px 85px 45px}.window-content{padding:26px 27px 0}.window-sidebar{width:146px;padding:24px 12px}.window-sidebar>button{font-size:12px;padding:10px}.window-sidebar>span{font-size:12px}.window-content-heading h3{font-size:21px}.window-content-heading p{font-size:12px}.window-content-toolbar{margin-top:26px;font-size:12px}.project-grid{gap:15px}.project-art{height:142px}.project-card strong,.project-card small{font-size:12px}.floating-note{width:210px;top:145px;right:26px}.floating-note textarea{height:137px;font-size:12px}.note-handle>span{font-size:12px}.desktop-bottom{left:45px;right:26px;bottom:20px}.context-lens{right:26px;top:63px}.context-lens .lens-tools{gap:9px}}@media(max-width:1100px){.native-stage{height:396px}.desktop-window{inset:50px 129px 76px 22px}.window-sidebar{width:99px;padding:17px 6px}.window-sidebar>button{font-size:12px;gap:5px}.window-sidebar>span{font-size:12px;padding-left:6px}.window-sidebar-bottom{font-size:12px;padding-left:3px}.window-content{padding:18px 14px 0}.window-content-heading h3{font-size:14px}.window-content-heading p{font-size:12px}.project-grid{gap:8px}.project-card strong,.project-card small{font-size:12px}.project-art{height:98px}.floating-note{width:153px;right:16px;top:125px}.floating-note textarea{font-size:12px;height:112px;padding:12px 11px}.note-handle{padding:10px}.note-handle>span{font-size:12px;gap:5px}.note-footer{padding:7px 10px 10px;font-size:12px}.desktop-bottom{left:22px;right:16px;bottom:14px}.stage-edition{right:17px}.context-lens{right:16px;padding:8px 9px;top:49px}.lens-label{font-size:12px}.lens-tools{gap:4px}.lens-tools button{width:26px;height:26px}.focus-island.expanded{width:250px}.focus-island.expanded .island-timer span{display:none}}@media(max-width:560px){.native-stage{height:420px;border-radius:10px}.desktop-window{inset:43px 12px 89px}.window-sidebar{display:none}.window-content{padding:19px 15px 0}.window-content-heading h3{font-size:17px}.window-content-heading p{font-size:12px}.window-content-toolbar{margin-top:21px;font-size:12px}.project-art{height:112px}.project-card strong,.project-card small{font-size:12px}.floating-note{width:162px;top:211px;right:13px;rotate:-3deg}.floating-note textarea{height:74px;font-size:12px;padding:10px 11px}.note-footer{font-size:12px;padding-top:2px}.note-handle{padding:8px 10px}.note-handle>span{font-size:12px}.desktop-bottom{left:12px;right:12px;bottom:13px;gap:8px}.desktop-dock{gap:5px;padding:6px;border-radius:10px}.dock-app{width:29px;height:29px;border-radius:7px}.dock-app svg{width:18px;height:18px}.desktop-dock>span{margin:0 1px}.focus-island{width:130px;height:34px;padding:0 10px}.island-trigger{font-size:12px;gap:6px}.island-trigger>svg{width:10px}.focus-island.expanded{width:157px;height:44px;gap:4px;padding:0 7px}.focus-island.expanded .focus-orbit{display:none}.island-timer strong{font-size:13px}.focus-island>button{width:20px;height:20px}.stage-edition{display:none}.context-lens{top:83px;right:13px}.lens-label{display:none}.lens-tools{padding-top:0}.is-expanded .desktop-window{bottom:90px}.is-expanded .project-art{height:150px}.stage-menubar{padding:0 12px}.stage-menubar>span{gap:9px}.is-focusing .desktop-window{opacity:.45}}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.filter-tabs{display:flex;gap:3px;overflow-x:auto}.filter-tabs button{background:none;color:var(--muted);padding:7px 10px;border:0;border-radius:6px;font-size:12px;white-space:nowrap}.filter-tabs button.active{background:var(--surface-raised);color:var(--text)}.search-field{display:flex;align-items:center;gap:8px;color:var(--faint);border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:var(--surface)}.search-field input{width:145px;border:0;background:none;color:var(--text);font-size:12px;min-width:0}.search-field input::placeholder{color:var(--faint)}.catalog-count{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);padding:20px 0 14px}.catalog-count>span:last-child{font-size:12px;letter-spacing:1.1px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:36px}.catalog-card{border:1px solid var(--line);border-radius:var(--rm-radius);background:var(--surface);min-width:0;overflow:hidden;transition:border-color .3s,box-shadow .3s}.catalog-card:hover{border-color:color-mix(in srgb,var(--accent) 23%,transparent);box-shadow:0 7px 22px #0001}.catalog-card>header{padding:10px 13px 0 18px;display:flex;align-items:center;justify-content:space-between}.catalog-card>header>span{font-size:12px;color:var(--faint);letter-spacing:.6px}.catalog-card>header .icon-button{width:25px;height:25px}.component-demo{min-height:143px;display:flex;align-items:center;justify-content:center;padding:24px 20px;font-size:12px}.component-demo .p-component,.component-demo .p-inputtext,.component-demo .p-select,.component-demo .p-button{font-size:12px}.component-demo .p-inputnumber{width:100%}.component-demo .p-inputnumber-input{width:100%;min-width:0}.component-demo .p-tree{padding:0;font-size:12px;background:transparent}.component-demo .p-treenode-content{padding:4px}.component-demo .p-accordionheader{font-size:12px;padding:10px 0;background:none}.component-demo .p-accordioncontent-content{padding:0 0 10px;background:none;color:var(--muted);font-size:12px;line-height:1.8}.component-demo .p-tabs{font-size:12px}.component-demo .p-tab{font-size:12px;padding:9px 15px}.component-demo .p-tablist-tab-list,.component-demo .p-tabpanels{background:transparent}.component-demo .p-tabpanels{padding:17px 2px;font-size:12px;color:var(--muted)}.component-demo .p-password,.component-demo .p-password input{width:100%}.component-demo .p-message-text{font-size:12px}.catalog-card>footer{padding:0 18px 20px}.catalog-card>footer h3{font-size:12px;font-weight:550;margin-bottom:5px}.catalog-card>footer p{font-size:12px;color:var(--faint)}.demo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.demo-row>label{gap:5px}.demo-full{width:100%;min-width:0}.slider-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:18px}.slider-heading strong{color:var(--accent-ink);font-weight:500}.avatar-demo{display:flex;align-items:center}.avatar-demo>*{margin-left:-7px;outline:3px solid var(--surface)}.avatar-demo>*:nth-child(1){background:var(--material-light);color:var(--material-dark);margin-left:0}.avatar-demo>*:nth-child(2){background:#b8c6cf;color:#3c4d58}.avatar-demo>*:nth-child(3){background:#d8c5ad;color:#6c5438}.avatar-demo>*:nth-child(4){background:var(--surface-raised);color:var(--muted);font-size:12px}.demo-hint{font-size:12px;display:block;color:var(--faint);margin-top:13px}.skeleton-demo{display:flex;align-items:center;gap:12px}.skeleton-demo>div{flex:1;display:flex;flex-direction:column;gap:10px}.popover-content{max-width:260px;padding:8px}.popover-content h3{font-weight:500;font-size:14px;margin:12px 0}.popover-content p{font-size:12px;color:var(--muted);line-height:1.7}.inspector-art{height:190px;margin-bottom:24px}.space-selector{display:flex;gap:12px;margin-bottom:26px}.space-selector>button{flex:1;display:flex;align-items:center;gap:12px;padding:17px 20px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;transition:border-color .3s,background .3s}.space-selector>button>small{margin-left:auto;color:var(--faint);font-size:12px}.space-selector>button.active{border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.space-app{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:35px;background:var(--surface)}.space-app-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px}.space-app-header h2{font-size:23px;font-weight:500;letter-spacing:-.8px;margin-top:8px}.space-header-actions{display:flex;align-items:center;gap:12px}.space-header-actions .search-field{background:var(--bg)}.space-header-actions .search-field input{width:100px}.project-meta{display:flex;align-items:center;justify-content:space-between;padding:0 26px 23px;gap:15px;border-bottom:1px solid var(--line)}.project-meta>span{display:flex;align-items:center;gap:7px;color:var(--faint);font-size:12px}.mini-progress{display:inline-block;width:70px;height:4px;background:var(--line);border-radius:3px;margin-left:5px;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .6s var(--ease-out)}.kanban-board{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:var(--bg)}.kanban-column{min-width:0;border-radius:10px;border:1px solid transparent;transition:border-color .2s,background .2s}.kanban-column.drag-over{border-color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 5%,transparent)}.kanban-column>header{display:flex;align-items:center;gap:8px;padding:5px 7px 16px}.kanban-column>header h3{font-size:12px;font-weight:600}.kanban-column>header>span:nth-last-child(2){color:var(--faint);font-size:12px;border:1px solid var(--line);border-radius:4px;padding:1px 5px}.kanban-column>header .icon-button{margin-left:auto;width:20px;height:20px}.column-dot{width:6px;height:6px;border:1px solid var(--faint);border-radius:50%}.column-1{border-color:#ddbd7c;background:#ddbd7c}.column-2{border-color:var(--accent);background:var(--accent)}.kanban-cards{display:flex;flex-direction:column;gap:11px}.task-card{padding:13px 14px;border:1px solid var(--line);border-radius:var(--rm-radius);background:var(--surface);cursor:grab;box-shadow:0 2px 3px #0001;transition:transform .3s var(--ease-out),border-color .2s}.task-card:active{cursor:grabbing}.task-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.task-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.task-top .icon-button{width:22px;height:22px}.task-label{color:var(--muted);background:var(--surface-raised);font-size:12px;border-radius:4px;padding:3px 6px}.task-label.motion{color:#b8aed9;background:#a088dd12}.task-label.diseño{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 8%,transparent)}.task-label.exploración{color:#d6ba93;background:#d6ba9310}.task-title{padding:0;border:0;background:none;text-align:left;font-size:12px;line-height:1.6;font-weight:600}.task-card>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px;min-height:47px}.task-footer{display:flex;align-items:center;gap:7px;padding-top:13px;margin-top:10px;border-top:1px solid var(--line)}.task-person{width:22px;height:22px;display:grid;place-items:center;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;font-size:12px}.priority{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--faint)}.priority i{width:3px;height:3px;border-radius:50%;background:#b0b0a7}.priority.alta i{background:#d4a58e}.priority.media i{background:#d4c08e}.task-footer select{margin-left:auto;font-size:12px;color:var(--muted);border:0;padding:3px 0;background:var(--surface);max-width:90px}.add-task{display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--line-strong);background:none;color:var(--faint);font-size:12px;padding:11px;border-radius:8px}.add-task:hover{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.space-app-footer{display:flex;align-items:center;gap:6px;color:var(--faint);font-size:12px;padding:14px 24px;border-top:1px solid var(--line);line-height:1.7}.task-form{display:flex;flex-direction:column}.task-form label{margin:0 0 8px;display:block;font-size:12px}.task-form>label:not(:first-child){margin-top:18px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.file-toolbar{display:flex;align-items:center;gap:15px;padding:0 26px 22px}.file-toolbar>span{color:var(--faint);font-size:12px}.file-toolbar>button{margin-left:auto}.file-name{display:flex;align-items:center;gap:10px;font-size:12px}.file-icon{width:30px;height:35px;display:grid;place-items:center;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:7px;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent)}.space-app .p-datatable{font-size:12px}.space-app .p-datatable-thead>tr>th{font-size:12px;color:var(--muted);font-weight:500}.space-app .p-datatable-tbody>tr>td{font-size:12px}.file-preview{color:var(--text);min-height:200px}.control-space{display:grid;grid-template-columns:1fr 290px;gap:24px;margin-bottom:35px}.control-space-settings{background:var(--surface);padding:22px 18px;border:1px solid var(--line);border-radius:12px}.control-space-settings .control-intro h2{font-size:18px}.control-space-settings .switch-group small{font-size:12px}.control-dashboard>header{padding:10px 0 23px}.control-dashboard>header h2{font-size:25px;font-weight:500;margin:9px 0 12px;letter-spacing:-.8px}.control-dashboard>header p{color:var(--muted);font-size:12px;line-height:1.9}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-grid article{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:20px 16px;display:flex;flex-direction:column;gap:15px}.stat-grid svg{color:var(--accent-ink)}.stat-grid strong{font-size:33px;font-weight:500;letter-spacing:-1.8px;line-height:1}.stat-grid span{color:var(--faint);font-size:12px}.progress-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:28px;margin-top:18px;border:1px solid var(--line);background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--accent) 3%,var(--surface)));border-radius:12px}.progress-panel h3{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:12px 0}.progress-panel p{font-size:12px;line-height:1.8;color:var(--muted)}.progress-panel .text-button{margin-top:17px}.progress-ring{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),var(--line) 0);display:grid;place-items:center;flex-shrink:0;rotate:-90deg}.progress-ring>div{width:126px;height:126px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-direction:column;rotate:90deg}.progress-ring strong{font-size:33px;font-weight:500;letter-spacing:-1px}.progress-ring strong small{font-size:17px;color:var(--muted);padding-left:2px}.progress-ring>div>span{color:var(--faint);font-size:12px}.activity-panel{padding:22px 0}.activity-panel h3{font-size:12px;font-weight:500;margin-bottom:15px}.activity-panel>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-icon{width:30px;height:30px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--muted)}.activity-panel>div>span:nth-child(2){font-size:12px;flex:1}.activity-panel small{display:block;color:var(--faint);font-size:12px;margin-top:4px}.activity-panel .p-tag{font-size:12px}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.motion-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}.motion-canvas{height:290px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent) 6%,var(--bg)),var(--bg));border-bottom:1px solid var(--line)}.canvas-hint{position:absolute;bottom:24px;left:12px;right:12px;text-align:center;font-size:12px;letter-spacing:1px;color:var(--faint)}.canvas-guides{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:35px 35px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 65%);mask-image:radial-gradient(ellipse at center,#000,transparent 65%)}.morph-island{position:relative;display:flex;align-items:center;gap:13px;border-radius:36px;border:1px solid color-mix(in srgb,var(--material-light) 21%,transparent);background:var(--material-dark);color:var(--material-light);padding:16px 21px;width:245px;height:70px;box-shadow:0 15px 40px #0003,inset 0 1px #ffffff0a;transition:width .48s var(--spring),height .48s var(--spring),border-radius .48s var(--spring),background .4s,transform .4s var(--spring);text-align:left}.morph-island:hover{transform:translateY(-3px)}.morph-island.focus{width:325px;height:104px;border-radius:23px;background:var(--material-dark)}.morph-island.done{width:205px;height:83px;border-radius:25px;background:var(--material-light);color:var(--material-dark);box-shadow:0 0 60px color-mix(in srgb,var(--material-mid) 13%,transparent)}.morph-icon{color:var(--material-light)}.morph-island.done .morph-icon{color:var(--material-dark)}.morph-copy{display:flex;flex-direction:column;gap:6px;flex:1;white-space:nowrap}.morph-copy strong{font-size:12px;font-weight:550;letter-spacing:-.2px}.morph-copy small{font-size:12px;opacity:.6}.morph-island.focus .morph-icon{animation:orbit-turn 16s linear infinite}.motion-card-info{padding:24px}.motion-card-info h2{font-size:21px;font-weight:500;margin:12px 0;letter-spacing:-.7px}.motion-card-info p{color:var(--muted);font-size:12px;line-height:1.9;min-height:60px}.motion-card-info>div{display:flex;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);color:var(--faint);font-size:12px}.orbit-system{position:relative;width:70px;height:70px;margin-top:-14px}.orbit-center{position:absolute;inset:0;width:70px;height:70px;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--accent-ink);display:grid;place-items:center;z-index:2;box-shadow:0 6px 20px #0002;transition:border-radius .4s,background .4s,rotate .5s var(--spring)}.open .orbit-center{border-radius:50%;rotate:90deg;background:var(--surface-raised)}.orbit-action{position:absolute;top:10px;left:10px;width:50px;height:50px;background:var(--surface-raised);color:var(--text);border:1px solid var(--line-strong);border-radius:16px;display:flex;align-items:center;justify-content:center;opacity:0;scale:.35;transform:rotate(calc(var(--i) * 90deg)) translate(0) rotate(calc(var(--i) * -90deg));transition:transform .45s var(--spring),opacity .25s,scale .45s var(--spring),background .2s;pointer-events:none}.orbit-action span{position:absolute;bottom:-18px;font-size:12px;color:var(--muted);white-space:nowrap}.open .orbit-action{opacity:1;scale:1;transform:rotate(calc(var(--i) * 90deg)) translate(91px) rotate(calc(var(--i) * -90deg));pointer-events:auto;transition-delay:calc(var(--i) * 35ms)}.orbit-action:hover{background:color-mix(in srgb,var(--accent) 15%,var(--surface-raised));color:var(--accent-ink)}.orbit-guide{position:absolute;width:184px;height:184px;border:1px dashed var(--line-strong);border-radius:50%;margin-top:-14px;scale:.5;opacity:0;transition:scale .5s var(--ease-out),opacity .4s}.orbit-guide.open{scale:1;opacity:1}.responsive-material{width:240px;height:176px;position:relative;border-radius:17px;background:radial-gradient(circle at var(--light-x, 50%) var(--light-y, 50%),color-mix(in srgb,var(--material-light) 21%,transparent),transparent 65%),linear-gradient(140deg,var(--material-dark),var(--material-dark));border:1px solid color-mix(in srgb,var(--material-light) 21%,transparent);box-shadow:0 30px 40px #0003,inset 0 1px #ffffff1a;padding:20px;transition:transform .18s ease-out;color:var(--material-light);transform-style:preserve-3d}.responsive-material>.eyebrow{font-size:12px;color:color-mix(in srgb,var(--material-light) 53%,transparent);letter-spacing:1.3px}.material-orb{position:absolute;top:39px;right:27px;width:76px;height:76px;border-radius:50%;background:repeating-radial-gradient(ellipse at var(--light-x, 40%) var(--light-y, 40%),#ffffff06 0px,#ffffff06 2px,#0002 3px,transparent 4px),radial-gradient(circle at var(--light-x, 30%) var(--light-y, 20%),var(--material-light),var(--material-mid) 25%,var(--material-dark) 65%,var(--material-mid));box-shadow:0 10px 17px #0003;transform:translateZ(15px)}.material-signature{position:absolute;left:20px;bottom:22px;font-size:15px;letter-spacing:-.5px;line-height:1.5;font-weight:400}.material-signature strong{font-weight:400;color:var(--material-mid)}.responsive-material>svg{position:absolute;right:20px;bottom:24px;color:var(--material-mid)}.depth-stack{position:relative;width:230px;height:165px;background:none;border:0;transform:rotate(-12deg) skewY(5deg) scale(.85);transition:transform .6s var(--ease-out);margin-top:-5px}.depth-stack.open{transform:rotate(-12deg) skewY(5deg) scale(.8)}.depth-layer{position:absolute;inset:0;border-radius:14px;border:1px solid color-mix(in srgb,var(--material-light) 25%,transparent);background:var(--material-dark);box-shadow:0 12px 25px #0002;transition:transform .6s var(--spring);text-align:left;padding:20px}.depth-layer>span{position:absolute;bottom:18px;font-size:12px;color:var(--material-light);letter-spacing:1px}.depth-layer>i{display:block;width:60%;height:4px;margin-top:8px;border-radius:3px;background:color-mix(in srgb,var(--material-mid) 15%,transparent);box-shadow:0 12px color-mix(in srgb,var(--material-mid) 8%,transparent)}.layer-back{transform:translate(-9px,13px);background:var(--material-dark)}.layer-middle{transform:translate(-4px,7px);background:var(--material-dark)}.layer-front{background:linear-gradient(145deg,var(--material-dark),var(--material-dark));color:var(--material-light)}.layer-front>svg{margin-top:5px;display:block}.layer-front>strong{display:block;margin-top:13px;font-size:17px;letter-spacing:-.5px;font-weight:500}.open .layer-back{transform:translate(-33px,51px)}.open .layer-middle{transform:translate(0)}.open .layer-front{transform:translate(33px,-51px)}.motion-principle{display:flex;align-items:center;gap:18px;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:25px 0 35px}.motion-principle>svg{color:var(--accent-ink)}.motion-principle strong{font-size:12px;font-weight:500}.motion-principle p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:6px}.guide-layout{display:grid;grid-template-columns:1fr 265px;gap:55px;margin:40px 0}.guide-section{margin-bottom:42px}.guide-section h2{font-size:26px;line-height:1.4;letter-spacing:-.8px;font-weight:500;margin:14px 0 19px}.guide-section>p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:18px}.guide-section code{color:var(--accent-ink);font-size:12px}.principle-list>div{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.principle-list>div>span{color:var(--accent-ink);font-size:12px;margin-top:3px}.principle-list p{font-size:12px;color:var(--muted);line-height:1.9}.principle-list strong{display:block;font-size:12px;color:var(--text);font-weight:500;margin-bottom:5px}.guide-material-card{position:relative;padding:25px;border:1px solid color-mix(in srgb,var(--material-mid) 15%,transparent);border-radius:13px;background:linear-gradient(145deg,var(--material-dark),var(--material-dark));color:var(--material-light)}.guide-material-card .eyebrow{color:color-mix(in srgb,var(--material-mid) 50%,transparent);font-size:12px}.guide-orb{width:120px;height:120px;border-radius:50%;margin:40px auto;background:repeating-radial-gradient(ellipse at 30% 30%,#ffffff06 0px,#ffffff06 2px,#0002 3px,transparent 4px),radial-gradient(circle at 30% 20%,var(--material-light),var(--material-mid) 25%,var(--material-dark) 65%,var(--material-mid));box-shadow:0 15px 25px #0003}.guide-material-card h3{font-weight:400;font-size:20px;letter-spacing:-.7px}.guide-material-card p{font-size:12px;color:var(--material-mid);line-height:2;margin-top:13px}.guide-facts{padding:26px 0}.guide-facts h3{font-size:12px;font-weight:550;margin-bottom:15px}.guide-facts>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:10px;font-size:12px;color:var(--faint)}.guide-facts strong{font-weight:500;color:var(--muted);text-align:right}.guide-external{display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:12px;color:var(--muted)}.guide-external:hover{color:var(--accent-ink)}@media(max-width:1200px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .search-field,.catalog-toolbar .search-field input{width:100%}.control-space{grid-template-columns:1fr 265px;gap:17px}.progress-panel{padding:20px}.progress-ring{width:100px;height:100px}.progress-ring>div{width:90px;height:90px}.progress-ring strong{font-size:26px}.progress-panel h3{font-size:17px}.space-app-header{padding:22px}.space-app-header h2{font-size:20px}.space-header-actions .search-field{display:none}.kanban-board{gap:10px;padding:14px}.task-card{padding:10px}.task-footer{flex-wrap:wrap}.task-footer select{max-width:82px;font-size:12px}.task-title{font-size:12px}.guide-layout{grid-template-columns:1fr 230px;gap:30px}}@media(max-width:1000px){.control-space{grid-template-columns:1fr}.control-space-settings{max-width:450px}.guide-layout{grid-template-columns:1fr}.guide-aside{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-external{grid-column:1 / -1}.space-selector>button{padding:15px;font-size:12px;gap:8px}.space-selector>button>small{display:none}.motion-canvas{height:270px}.morph-island{width:215px;padding:14px 16px}.morph-island.focus{width:250px;gap:10px}.morph-copy strong,.morph-copy small{font-size:12px}.motion-card-info{padding:21px}.motion-card-info h2{font-size:19px}.motion-card-info p{font-size:12px}}@media(max-width:650px){.catalog-grid{grid-template-columns:1fr}.catalog-card>header>span{font-size:12px}.component-demo{min-height:150px;padding:28px}.component-demo .p-component,.component-demo .p-inputtext,.component-demo .p-select{font-size:13px}.component-demo .p-button{font-size:12px}.catalog-card>footer h3{font-size:14px}.catalog-card>footer p{font-size:12px}.space-selector{gap:7px}.space-selector>button{padding:12px 7px;gap:7px;flex-direction:column;font-size:12px}.space-app-header{padding:18px}.space-app-header h2{font-size:18px}.space-app-header .primary-button{font-size:12px;padding:8px 10px}.kanban-board{grid-template-columns:1fr;gap:23px;padding:17px}.kanban-column>header h3{font-size:12px}.task-title{font-size:13px}.task-card{padding:16px}.task-card>p{font-size:12px;min-height:auto}.task-label{font-size:12px}.task-person{width:27px;height:27px;font-size:12px}.task-footer select{font-size:12px;max-width:none}.priority{font-size:12px}.project-meta{flex-direction:column;align-items:flex-start;padding:0 18px 18px;gap:10px}.add-task{font-size:12px;padding:14px}.space-app-footer{font-size:12px;align-items:flex-start;padding:15px}.file-toolbar{flex-wrap:wrap;padding:0 18px 20px;gap:12px}.file-toolbar .search-field,.file-toolbar .search-field input{width:100%}.motion-grid{grid-template-columns:1fr}.motion-canvas{height:310px}.morph-island{width:245px}.morph-island.focus{width:295px}.morph-copy strong,.morph-copy small{font-size:12px}.motion-card-info h2{font-size:22px}.motion-card-info p{font-size:12px;min-height:auto}.motion-card-info>div{font-size:12px}.canvas-hint{font-size:12px}.motion-principle{padding:20px;align-items:flex-start}.motion-principle strong{font-size:12px}.guide-aside{grid-template-columns:1fr}.guide-material-card{max-width:350px}.guide-section h2{font-size:23px}.guide-facts>div{font-size:12px}.filter-tabs button{font-size:12px;padding:8px 9px}.stat-grid article{padding:16px 12px}.stat-grid strong{font-size:29px}.stat-grid span{font-size:12px}.progress-panel{padding:20px 17px}.progress-panel h3{font-size:17px}}@media(prefers-reduced-motion:reduce){.responsive-material{transform:none!important}.dock-app:hover,.feature-card:hover{transform:none}.wallpaper-glow{animation:none}}[data-motion=false] .responsive-material{transform:none!important}.p-toggleswitch-slider,.p-toggleswitch-handle{transition:background .28s,left .38s cubic-bezier(.2,1.35,.4,1),box-shadow .3s!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.main-navigation a{font-size:12px;height:calc(42px * var(--space))}.workspace-switch>span:nth-child(2){font-size:12px}.nav-caption{font-size:12px}.collection-button>span:nth-child(2){font-size:12px}.collection-button small{font-size:12px}.sidebar-bottom>button{font-size:12px}.breadcrumbs,.search-trigger,.overview-heading p,.page-heading p,.showcase-title strong,.showcase-controls .text-button,.showcase-caption{font-size:12px}.section-heading h2{font-size:15px}.feature-card{min-height:235px;padding:22px}.feature-card h3{font-size:15px}.feature-card p,.feature-count,.feature-link{font-size:12px}.feature-icon{margin-bottom:20px}.native-stage{height:480px}.focus-island>.island-trigger{display:flex;width:100%;height:auto;border-radius:0;background:none}.island-trigger>span:nth-child(2){flex:1;text-align:left}.catalog-card>footer h3{font-size:14px}.catalog-card>footer p{font-size:12px}.component-demo,.component-demo .p-component,.component-demo .p-inputtext,.component-demo .p-select,.component-demo .p-button,.catalog-grid .filter-tabs button{font-size:12px}.task-card>p{font-size:12px}.task-title{font-size:13px}.control-intro p{font-size:12px}.control-group legend,.control-group>label{font-size:12px}.switch-group small{font-size:12px}@media(max-width:800px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}[data-glass=false] .p-dialog-mask,[data-glass=false] .p-toast-message{-webkit-backdrop-filter:none;backdrop-filter:none}@media(min-width:1101px){.window-content-heading h3{font-size:21px}.window-content-heading p,.window-content-toolbar{font-size:12px}.window-content-toolbar input{font-size:12px;width:70px}.window-sidebar{width:145px;padding:22px 10px 15px}.window-sidebar>button{font-size:12px;padding:9px 7px}.window-sidebar>span{font-size:12px}.window-sidebar-bottom{font-size:12px}.window-titlebar>span{font-size:12px}.project-grid{gap:13px}.project-card strong,.project-card small{font-size:12px}.window-selection{font-size:12px;padding:12px 0}.window-selection small{font-size:12px}.note-handle>span{font-size:12px}.floating-note{top:145px}.floating-note textarea{font-size:12px;height:140px}.note-footer,.stage-menubar,.stage-menubar strong{font-size:12px}}@media(max-width:1100px){.native-stage{height:430px}.feature-card{padding:17px}.feature-card h3,.feature-card p{font-size:12px}.feature-card p br{display:none}.feature-count,.feature-link{font-size:12px}.project-art{height:105px}.project-card strong,.project-card small{font-size:12px}}@media(max-width:560px){.native-stage{height:420px}.overview-heading p,.page-heading p{font-size:12px}.feature-card{padding:22px;min-height:auto}.feature-card h3{font-size:16px}.feature-card p,.feature-count,.feature-link{font-size:12px}.showcase-controls .text-button{font-size:0}.showcase-title strong{font-size:12px}.section-heading h2{font-size:13px}.project-art{height:90px}.desktop-window{bottom:77px}.showcase-caption{font-size:12px}}.native-action{position:relative;display:flex;align-items:center;gap:22px;padding:6px 7px 6px 20px;height:46px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:var(--rm-radius);color:var(--material-light);background:linear-gradient(180deg,var(--material-dark),var(--material-dark));box-shadow:inset 0 1px color-mix(in srgb,var(--material-light) 20%,transparent),0 5px 0 var(--material-dark),0 8px 14px #0004;transition:translate .24s var(--spring),box-shadow .24s var(--spring),border-color .3s}.native-action:hover{translate:0 -2px;border-color:var(--accent);box-shadow:inset 0 1px color-mix(in srgb,var(--material-light) 33%,transparent),0 7px 0 var(--material-dark),0 12px 22px #0004}.native-action:active{translate:0 4px;box-shadow:inset 0 1px 3px #0003,0 1px 0 var(--material-dark),0 3px 7px #0002}.action-specular{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x, 50%) var(--light-y, 50%),color-mix(in srgb,var(--material-light) 19%,transparent),transparent 65%);opacity:0;transition:opacity .3s}.native-action:hover .action-specular{opacity:1}.action-label{position:relative;font-size:12px;font-weight:550;letter-spacing:.1px}.action-icon{width:31px;height:31px;background:color-mix(in srgb,var(--material-light) 5%,transparent);border:1px solid color-mix(in srgb,var(--material-light) 15%,transparent);display:grid;place-items:center;border-radius:calc(var(--rm-radius) * .65);color:var(--material-light)}.action-icon svg{transition:transform .4s var(--spring)}.native-action:hover .action-icon svg{transform:translate(1px,-1px)}.native-action.busy .action-icon svg{animation:orbit-turn 2s linear infinite}.native-segmented{display:flex;position:relative;align-items:center;padding:5px;gap:0;border:1px solid var(--line-strong);border-radius:calc(var(--rm-radius) + 5px);background:color-mix(in srgb,var(--sidebar) 85%,transparent);box-shadow:inset 0 2px 6px #0002,0 1px #ffffff04;width:100%;max-width:290px}.segment-material{position:absolute;top:5px;left:5px;height:calc(100% - 10px);width:calc((100% - 10px) / var(--segments));background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 14%,var(--surface-raised)),var(--surface-raised));border:1px solid color-mix(in srgb,var(--accent) 21%,transparent);border-radius:var(--rm-radius);box-shadow:0 3px 7px #0003,inset 0 1px #ffffff0d;transform:translate(calc(var(--active-segment) * 100%));transition:transform .55s var(--spring),background .4s}.native-segmented button{position:relative;z-index:1;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 8px;border:0;border-radius:var(--rm-radius);color:var(--faint);background:none;font-size:12px;transition:color .3s}.native-segmented button[aria-checked=true]{color:var(--accent-ink)}.native-dial{width:125px;height:125px;position:relative;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0}.native-dial.dragging{cursor:grabbing}.dial-track{position:absolute;inset:1px;border-radius:50%;background:conic-gradient(from 225deg,var(--accent) 0%,var(--accent) var(--dial-fill),var(--line-strong) var(--dial-fill),var(--line-strong) 75%,transparent 75%);-webkit-mask-image:radial-gradient(circle at center,transparent 67%,#000 68%,#000 71%,transparent 72%);mask-image:radial-gradient(circle at center,transparent 67%,#000 68%,#000 71%,transparent 72%)}.dial-ticks{position:absolute;inset:7px;border-radius:50%;background:repeating-conic-gradient(from 225deg,color-mix(in srgb,var(--material-mid) 50%,transparent) 0deg 1deg,transparent 1deg 9deg);-webkit-mask-image:radial-gradient(circle at center,transparent 66%,#000 67%,#000 70%,transparent 71%);mask-image:radial-gradient(circle at center,transparent 66%,#000 67%,#000 70%,transparent 71%)}.dial-knob{position:absolute;inset:17px;border-radius:50%;background:repeating-conic-gradient(#ffffff03 0deg 1deg,transparent 1deg 3deg),radial-gradient(ellipse at 34% 22%,var(--material-dark),var(--material-dark) 50%,var(--material-dark) 78%);border:1px solid color-mix(in srgb,var(--material-light) 22%,transparent);box-shadow:inset 0 2px 3px color-mix(in srgb,var(--material-light) 15%,transparent),inset 0 -4px 7px #0005,0 7px 12px #0006;display:grid;place-items:center;color:var(--material-light)}.dial-knob strong{font-size:20px;font-weight:450;letter-spacing:-1px;font-variant-numeric:tabular-nums}.dial-knob small{font-size:12px;opacity:.5;margin-left:1px}.dial-indicator{position:absolute;inset:7px;border-radius:50%;rotate:var(--dial-angle);transition:rotate .14s ease-out}.dragging .dial-indicator{transition:none}.dial-indicator:before{content:"";position:absolute;width:3px;height:9px;left:calc(50% - 1.5px);top:0;border-radius:3px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)}.originals-section{margin-bottom:34px}.originals-section>header{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px}.originals-section>header>span:last-child{font-size:12px;color:var(--faint)}.originals-section>header>.eyebrow{color:var(--accent-ink)}.originals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.originals-grid>article{min-width:0;border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;overflow:hidden}.original-demo{height:190px;display:flex;align-items:center;justify-content:center;position:relative;padding:20px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 5%,var(--bg)),var(--bg));isolation:isolate}.action-halo{position:absolute;width:120px;height:50px;filter:blur(30px);background:var(--accent);opacity:.08;z-index:-1;transition:opacity .4s}.action-original:has(.native-action:hover) .action-halo{opacity:.3}.original-info{display:flex;align-items:flex-start;gap:10px;padding:19px 17px;border-top:1px solid var(--line)}.original-info>span{color:var(--faint);font-size:12px;margin-top:3px}.original-info>div{flex:1}.original-info h3{font-size:12px;font-weight:500;margin-bottom:7px;line-height:1.5}.original-info p{font-size:12px;line-height:1.8;color:var(--muted)}.original-info>svg{color:var(--faint);width:13px;margin-top:1px}.dial-original{padding-bottom:30px}.dial-aura{position:absolute;width:150px;height:150px;top:10px;border-radius:50%;background:var(--accent);opacity:calc(var(--intensity) * .2);filter:blur(30px);z-index:-1}.dial-demo-label{position:absolute;bottom:20px;font-size:12px;color:var(--faint);letter-spacing:1.1px}@media(max-width:1100px){.originals-grid{grid-template-columns:1fr}.originals-grid>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.original-info{flex-direction:column;justify-content:center;border-top:0;border-left:1px solid var(--line);padding:24px}.original-info>svg{display:none}.original-info>div{flex:none}.original-info h3{font-size:14px}.original-info p{font-size:12px}}@media(max-width:560px){.originals-section>header>span:last-child{display:none}.originals-grid>article{display:block}.original-info{flex-direction:row;border-left:0;border-top:1px solid var(--line);padding:20px}.original-info h3{font-size:14px}.original-info p{font-size:12px}.original-demo{height:210px}}@media(prefers-reduced-motion:reduce){.native-action,.native-action:hover,.native-action:active{translate:none}.native-action.busy .action-icon svg{animation:none}}.liquid-filter-definition{position:absolute;pointer-events:none}.segment-original .liquid-tabs{max-width:100%;flex-shrink:1}.segment-original .liquid-tabs>button{min-width:0;flex-direction:column;gap:6px;padding:10px 4px;font-size:12px}.liquid-tabs{display:flex;position:relative;width:318px;padding:5px;border-radius:16px;background:var(--sidebar);box-shadow:var(--soft-inset, inset 0 3px 7px #0003);border:1px solid #ffffff04;flex-shrink:0}.liquid-tabs>button{position:relative;display:flex;align-items:center;justify-content:center;flex:1;gap:8px;font-size:12px;color:var(--faint);padding:12px 8px;background:none;border:0;border-radius:12px;z-index:2;transition:color .35s}.liquid-track{position:absolute;inset:5px;pointer-events:none}.liquid-track i{position:absolute;inset:0 auto 0 0;width:calc(100% / var(--segments));background:linear-gradient(155deg,var(--surface-raised),var(--surface));box-shadow:inset 0 1px #ffffff16,0 4px 9px #13192755;border-radius:12px;transform:translate(calc(var(--selected) * 100%));transition:transform .65s cubic-bezier(.2,1.2,.35,1),border-radius .5s}.liquid-track b{position:absolute;width:calc(75% / var(--segments));height:80%;top:10%;left:calc(12.5% / var(--segments));border-radius:50%;background:var(--surface-raised);transform:translate(calc(var(--selected) * 133.333%));transition:transform .9s cubic-bezier(.18,1.4,.38,1)}.switching .liquid-track i{border-radius:22px 13px}@media(prefers-reduced-motion:reduce){.liquid-track{filter:none!important}}[data-motion=false] .liquid-track{filter:none!important}.appearance-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.slate .appearance-mini{background:#3c4458}.slate .appearance-mini>span{background:#2b3345}.slate .appearance-mini i{background:#d1d8e65c}.desktop-mode .sidebar{width:88px;padding:28px 13px 0;border-right:1px solid var(--line)}.desktop-mode .brand{padding:0;justify-content:center;margin-bottom:36px}.desktop-mode .brand-name,.desktop-mode .version-pill,.desktop-mode .workspace-switch,.desktop-mode .nav-caption,.desktop-mode .sidebar-collection,.desktop-mode .sidebar-note,.desktop-mode .main-navigation a>span,.desktop-mode .main-navigation a>small,.desktop-mode .sidebar-bottom>button>span,.desktop-mode .sidebar-bottom>button>kbd,.desktop-mode .sidebar-signature>span:not(.avatar){display:none}.desktop-mode .main-navigation{gap:19px}.desktop-mode .main-navigation a{justify-content:center;width:48px;height:48px;margin:0 auto;padding:0;border-radius:15px;color:var(--faint);border:1px solid transparent}.desktop-mode .main-navigation a svg{width:21px;height:21px}.desktop-mode .main-navigation a.active{background:linear-gradient(145deg,var(--surface-raised),var(--sidebar));color:var(--accent-ink);box-shadow:var(--soft-shadow, 0 7px 16px #0002),inset 0 1px #fff1;border-color:#fff1}.desktop-mode .main-navigation a:hover{color:var(--text);transform:translateY(-2px)}.desktop-mode .sidebar-bottom>button{justify-content:center;padding:15px 0}.desktop-mode .sidebar-bottom>button>svg:last-child:not(:first-child){display:none}.desktop-mode .sidebar-signature{padding:24px 0;margin:20px 0 0;justify-content:center}.desktop-mode .sidebar-signature .avatar{width:33px;height:33px;background:linear-gradient(145deg,var(--surface-raised),var(--sidebar));color:var(--text);box-shadow:var(--soft-shadow, 0 5px 15px #0003)}.desktop-mode .topbar{height:45px;border-bottom:1px solid var(--line);background:var(--sidebar)}.desktop-mode .build-label{display:none}.desktop-mode .breadcrumbs,.desktop-mode .search-trigger{font-size:12px}.desktop-mode .statusbar{background:var(--sidebar);border-top:0}.native-desk{max-width:1600px;margin:0 auto;padding:32px 40px 0}.desk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.desk-identity{display:flex;align-items:center;gap:16px}.desk-mark{width:49px;height:49px;border-radius:16px;display:grid;place-items:center;color:var(--muted);background:linear-gradient(145deg,var(--surface-raised),var(--bg));box-shadow:var(--soft-shadow, 0 7px 20px #0003);border:1px solid #ffffff06}.desk-identity h1{font-size:25px;line-height:1.3;font-weight:550;letter-spacing:-.9px}.desk-identity h1>span{color:var(--accent-ink)}.desk-identity p{font-size:12px;color:var(--faint);margin-top:4px;text-transform:capitalize}.desk-header-right{display:flex;align-items:center;gap:22px}.desk-clock{font-size:23px;font-weight:350;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--muted)}.desk-control{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff08;border-radius:12px;color:var(--muted);background:linear-gradient(145deg,var(--surface),var(--bg));box-shadow:var(--soft-shadow, 0 4px 10px #0002);transition:transform .3s var(--spring),color .2s,box-shadow .3s}.desk-control:hover{transform:translateY(-2px);color:var(--text)}.desk-control:active,.desk-control.selected{box-shadow:var(--soft-inset, inset 0 2px 8px #0004);color:var(--accent-ink)}.desk-control.selected svg{fill:color-mix(in srgb,var(--accent) 20%,transparent)}.desk-user{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:linear-gradient(130deg,#d3c8bd,#929398);color:#3c414e;font-size:12px;font-weight:650;box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--line-strong)}.desk-workspace-bar{display:flex;align-items:center;margin-bottom:23px;gap:20px}.desk-workspace-caption{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--faint);margin-left:auto}.desk-workspace-caption .live-dot{width:4px;height:4px}.desk-add{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--sidebar);color:var(--muted);box-shadow:var(--soft-inset, inset 0 2px 4px #0003)}.desk-body{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:27px;align-items:stretch}.spatial-viewport{position:relative;perspective:1400px;isolation:isolate;min-height:590px;display:grid;grid-template-columns:minmax(0,1fr)}.spatial-scene{grid-area:1 / 1;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 60%,var(--bg)),var(--bg));border:1px solid #ffffff06;border-radius:22px;box-shadow:var(--soft-shadow, 0 12px 30px #0002);min-height:590px;overflow:hidden;backface-visibility:hidden;transform-origin:50% 55%}.scene-caption{display:flex;align-items:center;justify-content:space-between;min-height:65px;padding:17px 25px 12px;color:var(--faint);font-size:12px;letter-spacing:1.7px}.scene-caption>span i{font-style:normal;opacity:.4;padding:0 10px}.scene-caption .desk-control{width:29px;height:29px;border-radius:10px}.art-workspace{height:330px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;isolation:isolate}.object-halo{width:290px;height:290px;position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 23%,transparent),transparent 68%);filter:blur(30px);z-index:-1;transition:opacity .3s}.object-grid{position:absolute;width:80%;height:60%;bottom:0;background-image:linear-gradient(var(--line-strong) 1px,transparent 1px),linear-gradient(90deg,var(--line-strong) 1px,transparent 1px);background-size:30px 30px;transform:rotateX(70deg);opacity:.2;-webkit-mask-image:radial-gradient(ellipse,#000 10%,transparent 65%);mask-image:radial-gradient(ellipse,#000 10%,transparent 65%);z-index:-1}.design-object{position:relative;width:250px;height:260px;transform:rotateY(12deg) rotate(calc(var(--object-rotation, 0deg) - 12deg));filter:brightness(calc(.6 + var(--object-light, .68) * .7));transition:transform .85s var(--spring),filter .3s;transform-style:preserve-3d}.design-object.sculpture>span:first-child{inset:0;width:100%;height:100%;border-radius:48% 48% 35% 35%;background:repeating-linear-gradient(90deg,#f4efe3 0,#d2cfc5 2%,#929389 2.8%,#e4e1d5 4%);transform:rotate(0);box-shadow:17px 24px 30px #161d2938,inset 13px 0 25px color-mix(in srgb,var(--material-light) 67%,transparent),inset -24px -13px 30px color-mix(in srgb,var(--material-dark) 50%,transparent)}.design-object.sculpture>i{width:56%;height:63%;top:21%;left:22%;border-radius:46%;transform:none;background:linear-gradient(135deg,#777c75,#565e5a 35%,#b4bbb0 90%);box-shadow:inset 10px 11px 14px #252d3455,0 0 0 2px color-mix(in srgb,var(--material-light) 40%,transparent)}.design-object.sculpture>b{width:47%;height:54%;top:24%;left:25%;border-radius:46%;transform:none;background:var(--bg);box-shadow:inset 7px 6px 13px #1d24346b,-1px -1px #686e67}.design-object.lines{width:260px;height:260px;border-radius:50%;overflow:hidden;background:var(--material-mid);box-shadow:inset 15px 5px 25px color-mix(in srgb,var(--material-light) 31%,transparent),inset -23px -12px 30px color-mix(in srgb,var(--material-dark) 53%,transparent),16px 23px 27px #16202f55}.design-object.lines>span:first-child{inset:-35%;background:repeating-radial-gradient(ellipse at 50% 55%,transparent 0 3px,var(--material-dark) 4px 5px,transparent 6px);transform:rotate(-45deg) scaleX(.7)}.design-object.lines>i{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,#ffffff60,transparent 60%)}.design-object.landscape{width:280px;height:220px;border-radius:15px;background:linear-gradient(var(--material-light),#d2cdb6 52%,var(--material-mid) 52%,var(--material-mid));overflow:hidden;box-shadow:15px 20px 25px #17203055,0 0 0 8px color-mix(in srgb,var(--surface-raised) 50%,transparent),0 0 0 9px #ffffff18}.object-shadow{position:absolute;bottom:18px;width:190px;height:17px;border-radius:50%;background:#161c2a;filter:blur(14px);opacity:.35;z-index:-1}.object-lens{position:absolute;top:53%;left:calc(50% + 105px);z-index:4}.object-lens-center{width:43px;height:43px;border-radius:50%;border:1px solid #ffffff30;background:color-mix(in srgb,var(--surface-raised) 75%,transparent);color:var(--text);display:grid;place-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 7px 19px #1b213c55,inset 0 1px #ffffff1a;transition:transform .5s var(--spring),background .3s;position:relative;z-index:2}.object-lens.open .object-lens-center{transform:rotate(90deg);background:var(--surface)}.piece-tool{position:absolute;left:4px;top:4px;width:35px;height:35px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-raised);color:var(--text);display:grid;place-items:center;opacity:0;scale:.3;pointer-events:none;transition:transform .55s var(--spring),scale .55s var(--spring),opacity .3s;box-shadow:0 7px 18px #141e3640}.piece-tool span{position:absolute;top:40px;color:var(--muted);font-size:12px;white-space:nowrap}.object-lens.open .piece-tool{opacity:1;scale:1;pointer-events:auto}.object-lens.open .tool-rotate{transform:translate(-4px,-72px)}.object-lens.open .tool-note{transform:translate(64px,-35px);transition-delay:.05s}.object-lens.open .tool-palette{transform:translate(64px,43px);transition-delay:.1s}.workspace-coordinate{position:absolute;left:25px;bottom:12px;color:var(--faint);opacity:.6;font-size:12px;letter-spacing:1px;display:flex;gap:9px;align-items:center}.workspace-coordinate i{height:3px;width:3px;border-radius:50%;background:var(--faint);opacity:.5}.workspace-material-label{position:absolute;right:22px;top:40px;writing-mode:vertical-rl;font-size:12px;letter-spacing:2px;color:var(--faint);opacity:.5}.art-caption{display:flex;justify-content:space-between;align-items:center;padding:12px 27px 24px}.art-title{display:flex;align-items:center;gap:13px;padding:0;border:0;background:none;font-size:23px;font-weight:450;letter-spacing:-.8px;color:var(--text);text-align:left}.art-title svg{color:var(--faint);width:13px;opacity:0;transition:opacity .2s}.art-title:hover svg{opacity:1}.art-caption p{font-size:12px;color:var(--faint);margin-top:8px}.art-caption input{width:100%;font-size:20px;padding:5px 0;background:transparent;border:0;border-bottom:1px solid var(--accent);color:var(--text)}.art-index{font-size:19px;font-weight:350;color:var(--muted);letter-spacing:-1px;font-variant-numeric:tabular-nums}.art-index small{font-size:12px;color:var(--faint)}.project-filmstrip{display:flex;gap:9px;margin:0 18px 18px;padding:10px;background:color-mix(in srgb,var(--sidebar) 60%,transparent);box-shadow:var(--soft-inset, inset 0 3px 7px #0002);border-radius:13px;overflow-x:auto}.project-filmstrip>button{display:flex;align-items:center;position:relative;gap:10px;min-width:0;flex:1 0 30%;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--muted);text-align:left;padding:8px;transition:background .3s,transform .4s var(--spring),box-shadow .4s}.project-filmstrip>button:hover{transform:translateY(-3px)}.project-filmstrip>button.active{background:linear-gradient(145deg,var(--surface-raised),var(--surface));box-shadow:4px 4px 9px #17213433,inset 0 1px #ffffff0a;border-color:#ffffff0b;color:var(--text)}.project-filmstrip>button>span:nth-child(2){font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-filmstrip small{display:block;font-size:12px;color:var(--faint);margin-top:5px}.filmstrip-art{position:relative;display:block;width:36px;height:40px;border-radius:6px;background:var(--material-light);overflow:hidden;flex-shrink:0}.filmstrip-art.sculpture{background:#bbc0b7}.filmstrip-art.lines{background:var(--material-mid)}.filmstrip-art.landscape{background:linear-gradient(var(--material-light) 50%,var(--material-mid) 50%)}.filmstrip-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);position:absolute;bottom:5px;right:5px}.desk-inspector{display:flex;flex-direction:column;gap:21px}.material-console{padding:23px 20px 15px;border-radius:19px;border:1px solid #ffffff08;background:linear-gradient(145deg,var(--surface),var(--bg));box-shadow:var(--soft-shadow, 0 10px 25px #0002)}.console-heading{display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:12px;letter-spacing:1.5px}.console-dial{display:flex;align-items:center;flex-direction:column;gap:7px;padding:20px 0 18px;text-align:center}.console-dial .native-dial{width:122px;height:122px}.console-dial strong{font-size:12px;font-weight:500}.console-dial p{font-size:12px;color:var(--faint);margin-top:6px}.console-divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);box-shadow:0 1px #0002}.console-swatches{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.console-swatches>span{font-size:12px;color:var(--muted)}.console-swatches>div{display:flex;gap:10px}.console-swatches button{width:15px;height:15px;border:0;border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 1px #fff3,0 2px 5px #0003}.console-swatches button.active{outline:1px solid var(--swatch);outline-offset:3px}.console-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 0 0;background:none;border:0;font-size:12px;color:var(--faint)}.console-link:hover{color:var(--text)}.desk-inspiration{position:relative;padding:22px 23px;border-radius:17px;background:linear-gradient(145deg,var(--surface),var(--bg));box-shadow:var(--soft-shadow, 0 8px 25px #0002);border:1px solid #ffffff07}.desk-inspiration .eyebrow{font-size:12px;letter-spacing:1.5px}.inspiration-symbol{font-size:23px;color:var(--accent-ink);position:absolute;right:23px;top:19px}.desk-inspiration blockquote{margin:25px 0 21px;font-size:22px;line-height:1.35;letter-spacing:-.9px;font-weight:400}.desk-inspiration blockquote span{color:var(--faint)}.inspiration-footer{font-size:12px;letter-spacing:1.3px;color:var(--faint)}.desk-library-button{display:flex;align-items:center;gap:12px;padding:17px;background:var(--sidebar);border:1px solid #ffffff05;border-radius:14px;box-shadow:var(--soft-inset, inset 0 2px 7px #0003);text-align:left;color:var(--muted)}.library-symbol{color:var(--accent-ink)}.desk-library-button>span:nth-child(2){flex:1;font-size:12px}.desk-library-button small{display:block;font-size:12px;color:var(--faint);margin-top:5px}.desk-library-button>svg{color:var(--faint)}.desk-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0 27px}.desk-bottom>span{display:flex;align-items:center;gap:6px;color:var(--faint);font-size:12px}.desk-bottom>span:last-child{font-size:12px;letter-spacing:1.3px}.desk-bottom i{font-style:normal;opacity:.4;margin:0 4px}.spatial-enter-active{transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .6s,filter .65s,clip-path .75s cubic-bezier(.16,1,.3,1);z-index:2}.spatial-leave-active{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .45s,filter .45s;position:absolute;inset:0;z-index:1;pointer-events:none}.spatial-enter-from{transform:translate(calc(var(--scene-direction) * 17%)) translateZ(-180px) rotateY(calc(var(--scene-direction) * -18deg)) scale(.9);opacity:0;filter:blur(16px);clip-path:inset(18% 8% 18% 8% round 80px)}.spatial-enter-to{clip-path:inset(0% 0% 0% 0% round 22px)}.spatial-leave-to{transform:translate(calc(var(--scene-direction) * -14%)) translateZ(-160px) rotateY(calc(var(--scene-direction) * 16deg)) scale(.93);opacity:0;filter:blur(12px)}.object-enter-active,.object-leave-active{transition:opacity .3s,scale .45s var(--spring),translate .45s var(--spring),filter .35s}.object-enter-from{opacity:0;scale:.7;translate:0 30px;filter:blur(13px)}.object-leave-to{opacity:0;scale:.75;translate:0 -20px;filter:blur(10px)}.focus-scene{position:relative;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--surface-raised) 65%,var(--bg)),var(--bg))}.focus-sculpture{position:relative;width:315px;height:315px;margin:38px auto 36px;perspective:700px}.focus-face{position:absolute;inset:34px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,var(--surface-raised),var(--bg) 72%);box-shadow:var(--soft-shadow, 0 25px 50px #0004),inset 0 1px 1px #ffffff18,inset 0 -5px 14px #1a243238;border:1px solid #ffffff07;display:flex;align-items:center;justify-content:center;flex-direction:column}.focus-face:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(var(--accent) var(--focus-progress),transparent 0);-webkit-mask-image:radial-gradient(circle,transparent 68%,#000 69%,#000 70%,transparent 71%);mask-image:radial-gradient(circle,transparent 68%,#000 69%,#000 70%,transparent 71%)}.focus-face>span{font-size:12px;color:var(--faint);letter-spacing:2px}.focus-face strong{font-size:55px;font-weight:350;letter-spacing:-3px;font-variant-numeric:tabular-nums;line-height:1.2;margin:14px 0 12px}.focus-face small{font-size:12px;color:var(--faint)}.focus-ring-outer,.focus-ring-inner{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 3%,transparent);transform:rotateX(52deg) rotateY(-18deg)}.focus-ring-inner{inset:-7px;transform:rotateX(-37deg) rotateY(45deg);opacity:.4}.running .focus-ring-outer{animation:focus-orbit-3d 20s linear infinite}.running .focus-ring-inner{animation:focus-orbit-3d 30s linear infinite reverse}.focus-scene-controls{display:flex;align-items:center;justify-content:center;gap:20px}.focus-footnote{text-align:center;color:var(--faint);font-size:12px;margin:30px 20px}.focus-scene-controls .native-action{min-width:185px;justify-content:space-between}@keyframes focus-orbit-3d{0%{transform:rotateX(52deg) rotateY(-18deg) rotate(0)}50%{transform:rotateX(-32deg) rotateY(40deg) rotate(180deg)}to{transform:rotateX(52deg) rotateY(-18deg) rotate(360deg)}}.paper-surface{position:relative;margin:20px 32px 24px;padding:25px 27px 18px;background:linear-gradient(130deg,#d2cec1,#bebbaa);color:#3d423b;border-radius:3px 15px 15px 3px;box-shadow:-5px 0 #a3a397,-8px 0 #888e85,0 15px 25px #18213644,inset 1px 1px color-mix(in srgb,var(--material-light) 48%,transparent);transform:rotate(-1deg);border:1px solid #e2dfd04a}.paper-number{font-size:12px;letter-spacing:1.8px;color:#7d806e}.paper-surface h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:16px 0 20px}.paper-surface textarea{width:100%;min-height:230px;display:block;resize:vertical;background:repeating-linear-gradient(transparent 0 28px,color-mix(in srgb,var(--material-dark) 8%,transparent) 28px 29px);color:var(--material-dark);border:0;font-size:12px;line-height:29px;padding:0}.paper-bottom{display:flex;justify-content:space-between;align-items:center;color:#7c806d;font-size:12px;margin-top:20px}.note-save-status{display:flex;align-items:center;gap:6px;letter-spacing:0;font-size:12px}.notes-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 27px 24px}.notes-actions>span{font-size:12px;color:var(--faint)}[data-appearance=slate] .native-action{background:linear-gradient(145deg,#4b596b,#3b485a);border-color:#ffffff1b;box-shadow:inset 0 1px #ffffff1a,0 4px #242e40,0 8px 16px #1c253b55;color:var(--text)}[data-appearance=slate] .native-action:hover{box-shadow:inset 0 1px #ffffff26,0 6px #242e40,0 12px 22px #1c253b55}[data-appearance=slate] .action-icon{color:var(--accent);background:#ffffff05;border-color:#ffffff12}[data-appearance=slate] .dial-knob{background:repeating-conic-gradient(#ffffff02 0deg 1deg,transparent 1deg 3deg),radial-gradient(ellipse at 30% 20%,#566175,#364254 60%,#273143);border-color:#ffffff16;color:var(--text);box-shadow:inset 0 2px 3px #ffffff18,inset 0 -4px 7px #17203666,5px 7px 12px #1d273d88}[data-appearance=slate] .p-inputtext,[data-appearance=slate] .p-select,[data-appearance=slate] .p-textarea{background:var(--bg);box-shadow:var(--soft-inset);border-color:#ffffff08}[data-appearance=slate] .p-button-secondary{background:linear-gradient(145deg,var(--surface-raised),var(--bg));border-color:var(--line-strong);color:var(--text)}[data-appearance=slate] .p-selectbutton{box-shadow:var(--soft-inset);padding:4px;border-radius:12px}[data-appearance=slate] .p-togglebutton.p-togglebutton-checked .p-togglebutton-content{background:var(--surface-raised);box-shadow:var(--soft-shadow)}@media(min-width:1600px){.native-desk{padding-top:45px}.desk-body{grid-template-columns:minmax(0,1fr) 290px;gap:35px}.spatial-scene,.spatial-viewport{min-height:670px}.art-workspace{height:395px}.design-object{width:290px;height:300px}.art-caption{padding-bottom:29px}.project-filmstrip{padding:14px}.project-filmstrip>button{padding:10px}.project-filmstrip>button>span:nth-child(2){font-size:12px}.project-filmstrip small{font-size:12px}.focus-sculpture{margin-top:70px;margin-bottom:60px}.paper-surface textarea{min-height:300px}}@media(max-width:1200px){.native-desk{padding:26px 27px 0}.desk-body{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.material-console{padding:22px 16px 16px}.desk-inspiration{padding:22px 20px}.desk-inspiration blockquote{font-size:20px}.desk-library-button{padding:15px 12px;gap:8px}.desk-library-button small{font-size:12px}.project-filmstrip>button>span:nth-child(2){font-size:12px}.project-filmstrip small{display:none}.filmstrip-art{width:28px;height:32px}.project-filmstrip{gap:5px;padding:8px}.design-object{width:220px;height:230px}.object-lens{left:calc(50% + 78px)}.object-lens.open .tool-note{transform:translate(48px,-43px)}.object-lens.open .tool-palette{transform:translate(48px,40px)}.desk-workspace-caption{font-size:12px}.liquid-tabs{width:285px}.art-title{font-size:20px}}@media(max-width:1000px){.desk-body{grid-template-columns:1fr}.desk-inspector{display:grid;grid-template-columns:1fr 1fr;gap:18px}.desk-inspiration{display:none}.material-console{display:flex;align-items:center;gap:15px;padding:15px 18px}.console-heading,.console-divider,.console-swatches,.console-link{display:none}.console-dial{padding:0;gap:10px;flex-direction:row;text-align:left}.console-dial .native-dial{width:76px;height:76px}.console-dial .dial-knob{inset:11px}.console-dial .dial-knob strong{font-size:14px}.console-dial .dial-indicator{inset:4px}.console-dial .dial-indicator:before{height:5px;width:2px}.console-dial strong{font-size:12px}.desk-library-button{padding:20px}.desk-library-button small{font-size:12px}.desk-library-button>span:nth-child(2){font-size:12px}.native-desk{padding:25px}.desk-workspace-caption{display:none}.desk-add{margin-left:auto}.spatial-viewport,.spatial-scene{min-height:565px}.art-workspace{height:310px}.design-object{width:235px;height:245px}.filmstrip-art{width:37px;height:40px}.project-filmstrip>button>span:nth-child(2){font-size:12px}.project-filmstrip small{display:block;font-size:12px}.project-filmstrip>button{padding:9px}.desk-bottom>span:last-child{display:none}.focus-sculpture{margin-top:27px}.notes-actions .native-action{height:39px}.notes-actions .action-label{font-size:12px}.notes-actions .action-icon{height:27px;width:27px}}@media(max-width:800px){.desktop-mode .sidebar{width:88px}.desktop-mode .topbar{height:48px}.native-desk{padding:23px 24px 0}.desk-header{margin-bottom:25px}.desk-header-right{gap:15px}.desk-clock{font-size:20px}.desk-mark{width:43px;height:43px;border-radius:13px}.desk-identity h1{font-size:23px}.desk-identity p{font-size:12px}.desk-identity{gap:12px}}@media(max-width:560px){.native-desk{padding:22px 15px 0}.desk-header-right .desk-control,.desk-user{display:none}.desk-identity p{font-size:12px}.desk-clock{font-size:19px}.desk-header{margin-bottom:22px}.desk-workspace-bar{gap:10px;margin-bottom:17px}.liquid-tabs{width:270px;flex-shrink:1}.liquid-tabs>button{font-size:12px;gap:6px;padding:11px 7px}.desk-add{flex-shrink:0;width:28px;height:28px}.spatial-scene{border-radius:18px}.spatial-viewport,.spatial-scene{min-height:520px}.scene-caption{padding:15px 18px 8px;min-height:54px;font-size:12px;letter-spacing:1.3px}.scene-caption>span i{padding:0 6px}.art-workspace{height:275px}.design-object{width:190px;height:205px}.design-object.lines{width:210px;height:210px}.design-object.landscape{width:225px;height:185px}.object-lens{left:calc(50% + 60px)}.object-lens-center{width:37px;height:37px}.piece-tool{width:30px;height:30px;border-radius:10px}.object-lens.open .tool-note{transform:translate(38px,-46px)}.object-lens.open .tool-palette{transform:translate(38px,36px)}.object-lens.open .tool-rotate{transform:translate(-9px,-76px)}.piece-tool span{font-size:12px;top:34px}.workspace-coordinate{left:18px;font-size:12px;gap:5px}.workspace-material-label{right:16px;font-size:12px}.art-caption{padding:8px 18px 20px}.art-title{font-size:20px}.art-caption p{font-size:12px}.project-filmstrip{margin:0 10px 13px;padding:7px;gap:5px}.project-filmstrip>button{flex-direction:column;gap:7px;padding:8px 4px}.filmstrip-art{width:42px;height:37px}.project-filmstrip>button>span:nth-child(2){font-size:12px;max-width:100%}.project-filmstrip small{display:none}.desk-inspector{gap:12px}.material-console{padding:11px}.console-dial{gap:5px;flex-direction:column;text-align:center;width:100%}.console-dial .native-dial{width:77px;height:77px}.console-dial strong{font-size:12px}.console-dial p{display:none}.desk-library-button{flex-direction:column;text-align:center;padding:20px 10px;gap:12px;justify-content:center}.desk-library-button>span:nth-child(2){flex:0;font-size:12px}.desk-library-button small{font-size:12px;line-height:1.6}.desk-library-button>svg{display:none}.desk-bottom{padding:19px 0 23px}.desk-bottom>span{font-size:12px}.focus-sculpture{width:275px;height:275px;margin:28px auto 34px}.focus-face strong{font-size:47px}.focus-scene-controls{gap:16px}.focus-footnote{font-size:12px}.paper-surface{margin:20px 19px;padding:23px 20px 15px}.paper-surface h2{font-size:21px}.paper-surface textarea{min-height:225px;font-size:12px}.notes-actions{padding:0 18px 20px;flex-direction:column;align-items:stretch;gap:13px}.notes-actions>span{font-size:12px}.notes-actions .native-action{justify-content:space-between}.spatial-enter-from{transform:translate(calc(var(--scene-direction) * 8%)) rotateY(calc(var(--scene-direction) * -10deg)) scale(.94)}.spatial-leave-to{transform:translate(calc(var(--scene-direction) * -8%)) rotateY(calc(var(--scene-direction) * 10deg)) scale(.94)}}@media(prefers-reduced-motion:reduce){.spatial-enter-active,.spatial-leave-active,.object-enter-active,.object-leave-active{transform:none!important;filter:none!important;clip-path:none!important}.liquid-track{filter:none}.focus-ring-outer,.focus-ring-inner{animation:none!important}}[data-motion=false] .spatial-enter-active,[data-motion=false] .spatial-leave-active{transform:none!important;filter:none!important;clip-path:none!important}.studio-scene{display:flex;flex-direction:column}.studio-scene .art-workspace{flex:1;min-height:330px}.scene-caption,.console-heading{font-size:12px}.project-filmstrip>button>span:nth-child(2){font-size:12px}.project-filmstrip small{font-size:12px}.art-caption p,.console-swatches>span,.console-link{font-size:12px}.desk-inspiration .eyebrow,.inspiration-footer,.desk-library-button small{font-size:12px}.desk-bottom>span{font-size:12px}.desk-bottom>span:last-child{font-size:12px}.piece-tool span,.workspace-coordinate,.workspace-material-label{font-size:12px}@media(max-width:560px){.studio-scene .art-workspace{min-height:275px}.scene-caption{font-size:12px}.project-filmstrip>button>span:nth-child(2){font-size:12px}.desk-bottom>span,.workspace-coordinate,.workspace-material-label{font-size:12px}.desk-library-button small{font-size:12px}}.native-action,[data-appearance=slate] .native-action{height:50px;gap:24px;padding:6px 7px 6px 20px;color:var(--on-accent);background:var(--accent);border:1px solid transparent;border-radius:calc(var(--rm-radius) + 4px);box-shadow:none;transition:transform .45s var(--spring),box-shadow .3s,translate .3s,background .3s,border-color .3s!important}.native-action:not(:disabled):hover,[data-appearance=slate] .native-action:not(:disabled):hover{translate:0 -1px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) var(--button-tint),white),var(--accent));border-color:color-mix(in srgb,var(--accent) 60%,white);box-shadow:inset 0 1px #ffffffa6,0 4px color-mix(in srgb,var(--accent) 65%,var(--text)),0 12px 26px color-mix(in srgb,var(--accent) 27%,transparent)}.native-action:active,[data-appearance=slate] .native-action:active{translate:0 2px;box-shadow:inset 0 1px 6px #17223612,0 1px color-mix(in srgb,var(--accent) 65%,var(--text))}.action-label{font-size:14px;font-weight:650;letter-spacing:-.1px}.action-icon,[data-appearance=slate] .native-action .action-icon{width:35px;height:35px;color:var(--on-accent);background:transparent;border:1px solid transparent;border-radius:calc(var(--rm-radius) + 1px);transition:background .3s,border-color .3s}.native-action:not(:disabled):hover .action-icon{background:#ffffff28;border-color:#ffffff60}.action-specular{background:radial-gradient(ellipse at var(--light-x, 50%) var(--light-y, 50%),#ffffff8c,transparent 65%);mix-blend-mode:soft-light}.dial-knob,[data-appearance=slate] .dial-knob{background:radial-gradient(ellipse at 30% 16%,var(--surface-raised),var(--surface) 68%);border:1px solid var(--line-strong);color:var(--text);box-shadow:inset 0 2px 2px var(--panel-highlight),inset 0 -3px 8px #17223612,0 8px 18px #17223622}.dial-ticks,[data-appearance=slate] .dial-ticks{background:repeating-conic-gradient(from 225deg,var(--muted) 0deg 1deg,transparent 1deg 9deg);opacity:.55}.dial-knob strong{font-size:24px;font-weight:550}.dial-knob small{opacity:.8;font-size:12px}.liquid-tabs{border:1px solid var(--line);background:color-mix(in srgb,var(--surface-raised) 40%,var(--bg));box-shadow:inset 2px 3px 8px #17223612;border-radius:18px}.liquid-tabs>button{font-size:14px;min-height:44px}.liquid-tabs>button.active{color:var(--text)}.liquid-track i{background:linear-gradient(155deg,var(--surface-raised),var(--surface));box-shadow:inset 0 1px 0 var(--panel-highlight),0 3px 7px #17223619}.liquid-track b{background:var(--surface-raised)}.segment-original .liquid-tabs>button{font-size:12px}.p-button{position:relative;isolation:isolate;overflow:hidden;min-height:42px;border-radius:calc(var(--rm-radius) + 3px);font-size:14px;font-weight:600;background-image:none;box-shadow:none;transition:transform .4s var(--spring),box-shadow .3s,border-color .25s,background .25s!important}.p-button:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--light-x, 50%) var(--light-y, 50%),var(--control-highlight),transparent 67%);transition:opacity .3s}.p-button:not(:disabled):hover,.native-action:not(:disabled):hover{transform:perspective(600px) rotateX(var(--lift-y, 0deg)) rotateY(var(--lift-x, 0deg)) translateY(-2px)}.p-button:not(:disabled):hover{box-shadow:inset 0 1px 0 var(--panel-highlight),0 6px 15px color-mix(in srgb,var(--accent) 13%,#17223610)}.p-button:not(:disabled):hover:before{opacity:.65}.p-button:not(:disabled):active{transform:perspective(600px) translateY(1px) scale(.97,.94);box-shadow:inset 0 2px 5px #1722361a}.p-button-secondary,.p-button-outlined,.p-button-text{color:var(--text)}.p-button-outlined{background:var(--surface);border-color:var(--line-strong)}.p-button-text{background:transparent;border-color:transparent;box-shadow:none}.p-splitbutton{--split-radius: calc(var(--rm-radius) + 3px);display:inline-flex;align-items:stretch;gap:0;isolation:isolate;border-radius:var(--split-radius);box-shadow:none;transition:transform .4s var(--spring),box-shadow .3s}.p-splitbutton-rounded{--split-radius: 999px}.p-splitbutton>.p-button{transform:none!important;translate:none;box-shadow:none!important}.p-splitbutton>.p-splitbutton-button{border-start-start-radius:var(--split-radius);border-end-start-radius:var(--split-radius);border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.p-splitbutton>.p-splitbutton-dropdown{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--split-radius);border-end-end-radius:var(--split-radius);border-inline-start:1px solid color-mix(in srgb,currentColor 18%,transparent)}.p-splitbutton:has(>.p-button:not(:disabled):hover){transform:perspective(600px) rotateX(var(--lift-y, 0deg)) rotateY(var(--lift-x, 0deg)) translateY(-2px);box-shadow:0 6px 15px color-mix(in srgb,var(--accent) 13%,#17223610)}.p-splitbutton:has(>.p-button:not(:disabled):active){transform:perspective(600px) translateY(1px) scale(.97,.94);box-shadow:0 1px 3px #17223612}.p-splitbutton:has(>.p-button:focus-visible){outline:2px solid var(--accent-ink);outline-offset:4px}.p-splitbutton>.p-button:focus-visible{outline:none;background-image:linear-gradient(#ffffff35,#ffffff35)}.p-inputtext,.p-textarea,.p-select,.p-multiselect,.p-password-input{min-height:46px;border-radius:calc(var(--rm-radius) + 3px);color:var(--text);background:color-mix(in srgb,var(--surface) 70%,var(--bg));border-color:var(--line-strong);box-shadow:inset 0 2px 4px #17223608,0 1px 0 var(--panel-highlight);transition:border-color .25s,box-shadow .4s,background .25s}.p-inputtext:enabled:focus,.p-textarea:enabled:focus,.p-select.p-focus,.p-multiselect.p-focus{background:var(--surface);border-color:var(--accent-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 17%,transparent),0 8px 22px color-mix(in srgb,var(--accent) 9%,transparent)}.p-select-label,.p-multiselect-label{display:flex;align-items:center}.p-select-dropdown,.p-multiselect-dropdown{color:var(--muted);transition:transform .5s var(--spring)}.p-select[aria-expanded=true] .p-select-dropdown,.p-multiselect[aria-expanded=true] .p-multiselect-dropdown{transform:rotate(180deg)}.p-togglebutton{border-radius:11px;background:color-mix(in srgb,var(--surface-raised) 50%,var(--bg));padding:5px;color:var(--muted);border-color:var(--line)}.p-togglebutton-content{border-radius:8px;padding:8px 12px;transition:background .35s,transform .5s var(--spring),box-shadow .4s}.p-togglebutton-checked .p-togglebutton-content{color:var(--accent-ink);background:var(--surface);box-shadow:0 3px 10px #17223618,inset 0 1px 0 var(--panel-highlight);transform:translateY(-1px)}.p-toggleswitch{width:48px;height:28px}.p-toggleswitch-slider{background:color-mix(in srgb,var(--muted) 20%,var(--bg));border:1px solid var(--line-strong);box-shadow:inset 0 2px 5px #17223619}.p-toggleswitch-checked .p-toggleswitch-slider{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 80%,white)}.p-toggleswitch-handle{background:var(--surface);width:20px;height:20px;margin-top:-10px;left:4px;box-shadow:0 2px 5px #17223626,inset 0 1px #ffffff80}.p-toggleswitch-checked .p-toggleswitch-handle{left:24px;background:#fff}.p-checkbox-box,.p-radiobutton-box{background:var(--surface);border-color:var(--line-strong);box-shadow:inset 0 1px 4px #17223612;transition:background .25s,border-color .25s,box-shadow .35s}.p-checkbox-checked .p-checkbox-box,.p-radiobutton-checked .p-radiobutton-box{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 9px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 1px #ffffff80}.p-checkbox-icon{color:var(--on-accent)}.p-radiobutton-icon{background:var(--on-accent)}.p-slider{background:color-mix(in srgb,var(--muted) 16%,var(--bg));height:5px;box-shadow:inset 0 1px 2px #17223617;border-radius:10px}.p-slider-range{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,var(--surface)),var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent)}.p-slider-handle{width:23px;height:23px;margin-top:-11px;border:1px solid var(--line-strong);background:var(--surface);box-shadow:inset 0 1px 1px var(--panel-highlight),0 3px 8px #17223624;transition:scale .35s var(--spring),box-shadow .3s}.p-slider-handle:before{background:var(--accent);width:7px;height:7px}.p-slider-handle:hover,.p-slider-handle:focus-visible{scale:1.22;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent),0 4px 12px #1722361a}.p-rating-option{transition:scale .4s var(--spring),rotate .4s var(--spring)}.p-rating-option:hover{scale:1.2;rotate:-10deg}.p-progressbar{background:var(--line);border-radius:20px}.p-progressbar-value{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 50%,var(--surface)),var(--accent));transition:width .65s var(--spring)}.p-tablist-active-bar{height:3px;border-radius:10px;box-shadow:0 -3px 14px color-mix(in srgb,var(--accent) 32%,transparent);transition:width .5s var(--spring),left .5s var(--spring)}.p-tab{color:var(--muted)}.p-tab-active{color:var(--accent-ink)}.p-tabpanel{animation:native-content-reveal .45s var(--ease-out)}.p-accordionheader{transition:color .3s,background .3s}.p-accordionheader-toggle-icon{transition:rotate .5s var(--spring)}.p-accordioncontent-content{transform-origin:center top}.p-accordionpanel-active .p-accordioncontent-content{animation:native-content-reveal .45s var(--ease-out)}@keyframes native-content-reveal{0%{opacity:0;transform:perspective(700px) rotateX(-7deg) translateY(8px);filter:blur(2px)}to{opacity:1;transform:perspective(700px) rotateX(0) translateY(0);filter:blur(0)}}.p-datatable-thead>tr>th{color:var(--muted);background:color-mix(in srgb,var(--surface) 50%,var(--bg));border-color:var(--line)}.p-datatable-tbody>tr{background:var(--surface);color:var(--text);transition:background .25s}.p-datatable-tbody>tr:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.p-datatable-tbody>tr>td{border-color:var(--line)}.p-tree{color:var(--text);background:var(--surface)}.p-tree-node-content{transition:background .3s,translate .4s var(--spring)}.p-tree-node-content:hover{translate:3px 0}.p-tag-secondary,.p-badge-secondary{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-ink)}.p-message{border-radius:14px;box-shadow:inset 0 1px 0 var(--panel-highlight)}.p-skeleton{background:color-mix(in srgb,var(--muted) 13%,var(--surface))}.p-dialog-mask,.p-drawer-mask{--native-scrim: #0c142a30;isolation:isolate;perspective:none;background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}.p-dialog-mask:before,.p-drawer-mask:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--native-scrim);backdrop-filter:blur(5px) saturate(.8);-webkit-backdrop-filter:blur(5px) saturate(.8);animation:native-scrim-in .25s ease-out both}@keyframes native-scrim-in{0%{opacity:0}to{opacity:1}}[data-appearance=pearl] .p-dialog-mask,[data-appearance=pearl] .p-drawer-mask{--native-scrim: #2739511c}[data-glass=false] :is(.p-dialog-mask,.p-drawer-mask):before{backdrop-filter:none;-webkit-backdrop-filter:none}[data-native-surface]{transition:none!important}.p-dialog,.p-drawer{position:relative;border:1px solid var(--panel-highlight);border-radius:28px;background:var(--surface);color:var(--text);box-shadow:var(--panel-shadow),inset 0 1px 0 var(--panel-highlight);overflow:hidden;backface-visibility:hidden}.p-dialog:before,.p-drawer:before{content:"";pointer-events:none;position:absolute;inset:0 0 auto;height:180px;background:radial-gradient(ellipse at 40% -60%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 76%);z-index:0}.p-dialog{max-height:calc(100svh - 40px)}.p-drawer{width:420px;max-width:calc(100vw - 24px);height:calc(100svh - 32px);margin:16px;transform-origin:100% 50%}.p-drawer-left .p-drawer{transform-origin:0 50%}.p-drawer-top .p-drawer,.p-drawer-bottom .p-drawer{width:calc(100vw - 32px);height:auto;max-height:80svh}.p-dialog-header,.p-drawer-header{padding:24px 26px 20px;min-height:80px;position:relative;border-bottom:1px solid var(--line);gap:15px}.p-dialog-title,.p-drawer-title{font-size:21px;font-weight:600;letter-spacing:-.6px}.p-dialog-content,.p-drawer-content{padding:26px;position:relative;font-size:14px;line-height:1.65}.p-dialog-content{padding-top:24px}.p-dialog-footer{padding:0 26px 26px}.p-dialog-close-button,.p-drawer-close-button{width:36px;height:36px;min-height:36px;flex-shrink:0;border:1px solid var(--line);background:var(--surface-raised);color:var(--muted);border-radius:50%;box-shadow:inset 0 1px 0 var(--panel-highlight)}.p-popover,.p-select-overlay,.p-multiselect-overlay,.p-autocomplete-overlay,.p-datepicker-panel,.p-menu,.p-tieredmenu,.p-password-overlay,.p-colorpicker-panel{border-radius:20px;border:1px solid var(--panel-highlight);background:var(--surface);color:var(--text);box-shadow:var(--panel-shadow);transform-origin:var(--native-origin-x, 50%) 0;overflow:hidden}.p-popover:before,.p-popover:after{display:none}.p-popover-content{padding:23px}.p-select-list,.p-multiselect-list,.p-autocomplete-list,.p-menu-list{padding:7px;gap:4px}.p-select-option,.p-multiselect-option,.p-autocomplete-option,.p-menu-item-content{border-radius:12px;padding:11px 14px;transition:background .2s,translate .3s var(--spring);color:var(--text)}.p-select-option:hover,.p-multiselect-option:hover,.p-autocomplete-option:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface));translate:2px 0}.p-select-option-selected,.p-multiselect-option-selected{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.p-toast-message{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);box-shadow:var(--panel-shadow);border-radius:22px}.p-toast-summary{font-size:15px}.p-toast-detail{font-size:13px;color:var(--muted)}.p-toast-message-icon{color:var(--accent-ink)}.studio-shell{transform-origin:50% 50%;transition:transform .8s cubic-bezier(.16,1,.3,1),border-radius .8s}[data-native-overlay=window] .studio-shell{transform:scale(.97);border-radius:20px}[data-native-overlay=inspector] .studio-shell{transform:translate(-14px) scale(.975);border-radius:20px}@media(max-width:600px){.p-drawer{margin:10px;height:calc(100svh - 20px)}.p-dialog-header,.p-drawer-header{padding:20px}.p-dialog-content,.p-drawer-content{padding:22px 20px}[data-native-overlay] .studio-shell{transform:scale(.98)}}@media(prefers-reduced-motion:reduce){[data-native-overlay] .studio-shell{transform:none}.p-button:not(:disabled):hover,.native-action:not(:disabled):hover,.p-splitbutton{transform:none!important}}[data-motion=false] .studio-shell,[data-motion=false] .p-button,[data-motion=false] .native-action,[data-motion=false] .p-splitbutton{transform:none!important}.p-inputtext:focus-visible,.p-textarea:focus-visible{outline:none}html{font-size:15px}.sidebar{width:238px;padding:28px 18px 0}.brand-name>span,.workspace-switch small,.sidebar-note,.build-label,.sidebar-signature small,.sidebar-collection .nav-caption,.statusbar>span:first-child,.statusbar i,.statusbar>span:last-child>span:last-child,.workspace-coordinate,.workspace-material-label,.desk-bottom>span:last-child,.inspiration-footer,.feature-count,.section-heading>span,.showcase-number,.canvas-hint,.dial-demo-label,.catalog-count>span:last-child,.collection-label,.edition-tag,.theme-mini-label{display:none}.main-navigation a{font-size:14px;height:calc(46px * var(--space));border-radius:12px}.main-navigation a small{font-size:12px}.main-navigation a .new-badge{display:none}.workspace-switch>span:nth-child(2){font-size:14px}.workspace-switch{padding:12px;border-radius:14px}.nav-caption{font-size:12px;letter-spacing:.8px;margin:28px 12px 12px}.collection-button>span:nth-child(2){font-size:14px}.collection-button small{display:none}.sidebar-bottom>button,.sidebar-signature>span:nth-child(2){font-size:14px}.sidebar-bottom{padding-top:18px}.sidebar-signature{padding:20px 25px}.breadcrumbs,.search-trigger,.desktop-mode .breadcrumbs,.desktop-mode .search-trigger{font-size:13px}.topbar{height:66px}.desktop-mode .topbar{height:56px}kbd{font-size:12px}.statusbar{height:24px;justify-content:flex-end;font-size:12px;border:0;padding-right:24px}.status-theme{opacity:.8}.page-container{padding:36px 40px 20px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:clamp(30px,3vw,42px);letter-spacing:-1.6px}.page-heading p,.overview-heading p{font-size:15px;max-width:630px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:1px}.outline-button,.primary-button,.text-button{font-size:14px;min-height:40px}.outline-button,.primary-button{padding:12px 18px;border-radius:calc(var(--rm-radius) + 3px)}.primary-button{background:var(--accent);color:var(--on-accent)}.catalog-view .page-heading h1{font-size:34px}.catalog-view .page-heading p{font-size:14px}.catalog-view .page-heading>div>.eyebrow{display:none}.originals-section>header>span:last-child{display:none}.originals-section{margin-top:34px}.originals-section>header{margin-bottom:18px}.originals-grid{gap:20px}.originals-grid>article{border-radius:20px;border-color:var(--line);box-shadow:0 4px 20px #17223605}.original-demo{min-height:210px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--bg))}.original-info{padding:22px}.original-info>span,.original-info>svg{display:none}.original-info h3{font-size:16px;letter-spacing:-.3px;line-height:1.45}.original-info p{font-size:14px;line-height:1.6}.segment-original .liquid-tabs{width:100%}.segment-original .liquid-tabs>button{font-size:13px}.catalog-toolbar{padding:18px 0;gap:18px;flex-wrap:wrap}.filter-tabs{gap:4px}.filter-tabs button,.catalog-grid .filter-tabs button{font-size:13px;padding:10px 12px;border-radius:10px}.filter-tabs button.active{background:var(--surface);box-shadow:0 3px 8px #17223612}.search-field{padding:11px 13px;border-radius:12px}.search-field input{font-size:14px;width:180px}.catalog-count{font-size:13px;padding:24px 0 16px}.catalog-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.catalog-card{border-radius:20px}.catalog-card>header{padding:17px 18px 0 22px}.catalog-card>header>span{font-size:12px}.catalog-card>header .icon-button{width:34px;height:34px}.component-demo{min-height:175px;padding:26px 22px;font-size:14px}.component-demo :is(.p-component,.p-inputtext,.p-select,.p-button,.p-tree,.p-accordionheader,.p-tab,.p-tabpanels,.p-message-text,.p-accordioncontent-content){font-size:14px}.component-demo .p-accordionheader{padding:14px 0}.component-demo .p-accordioncontent-content{line-height:1.65;padding-bottom:14px}.catalog-card>footer{padding:0 22px 23px}.catalog-card>footer h3{font-size:17px;letter-spacing:-.3px;margin-bottom:6px}.catalog-card>footer p{font-size:14px;line-height:1.6;color:var(--muted)}.slider-heading{font-size:14px}.demo-hint{font-size:12px;line-height:1.6}.control-intro{margin-bottom:28px}.control-intro>.eyebrow{display:none}.control-intro h2{font-size:25px;letter-spacing:-.7px;margin-bottom:10px}.control-intro p{font-size:14px;line-height:1.6}.control-group{margin-bottom:26px}.control-group legend,.control-group>label{font-size:14px;margin-bottom:14px}.control-group legend>span,.control-group>label>span{font-size:13px}.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.appearance-mini{height:82px;border-radius:13px}.appearance-option>span:nth-child(2){font-size:13px}.appearance-option{position:relative}.appearance-option>svg{right:7px;bottom:0}.appearance-option.graphite .appearance-mini{background:#252b35}.appearance-option.graphite .appearance-mini i,.appearance-option.pearl .appearance-mini i{background:color-mix(in srgb,var(--accent) 60%,transparent)}.appearance-option.pearl .appearance-mini{background:#edf0f7}.appearance-option.pearl .appearance-mini>span{background:#dce2ec}.switch-group label{padding:12px 0;align-items:center;font-size:14px}.switch-group small{font-size:13px;margin-top:4px;line-height:1.5}.slider-labels{font-size:12px;margin-top:14px}.control-preview{padding:19px;border-radius:18px}.control-preview>.eyebrow,.control-preview small{display:none}.control-preview>div{font-size:14px}.reset-theme{margin-top:14px;width:100%}.dialog-description,.popover-content p{font-size:14px;line-height:1.7;margin-bottom:24px}.field-label{font-size:14px}.popover-content h3{font-size:19px;line-height:1.35;margin:12px 0}.collection-orb,.theme-mini-orb,.material-orb,.guide-orb{background:radial-gradient(circle at 30% 23%,var(--material-light),var(--material-mid) 33%,var(--material-dark) 72%);border:1px solid var(--material-edge)}.avatar{background:var(--surface-raised);color:var(--text)}.avatar-demo>:nth-child(1){background:color-mix(in srgb,var(--accent) 40%,var(--surface));color:var(--text)}.morph-island,.morph-island.focus,.responsive-material,.guide-material-card{background:linear-gradient(145deg,var(--surface-raised),var(--surface));border-color:var(--material-edge);color:var(--text);box-shadow:var(--soft-shadow, 0 12px 30px #17223614)}.morph-island.done{background:var(--accent);color:var(--on-accent)}.morph-icon{color:var(--accent-ink)}.morph-island.done .morph-icon{color:var(--on-accent)}.morph-copy strong{font-size:15px}.morph-copy small{font-size:13px;opacity:.8}.morph-island{min-width:280px}.morph-island.done{min-width:250px}.responsive-material{width:275px;height:205px}.responsive-material>.eyebrow{color:var(--muted)}.material-signature strong,.responsive-material>svg,.guide-material-card p,.guide-material-card .eyebrow{color:var(--muted)}.depth-layer,.layer-back,.layer-middle,.layer-front{border-color:var(--material-edge);background:var(--surface-raised);color:var(--text)}.layer-back{background:var(--bg)}.layer-middle{background:var(--surface)}.layer-front{background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 14%,var(--surface-raised)),var(--surface))}.depth-layer>span{color:var(--muted)}.depth-layer>i{background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 12px color-mix(in srgb,var(--accent) 10%,transparent)}.design-object.sculpture>span:first-child{background:repeating-linear-gradient(90deg,#f7f9fc 0,var(--material-light) 2%,color-mix(in srgb,var(--accent) 24%,#728098) 2.8%,#e6eaf1 4%)}.design-object.sculpture>i{background:linear-gradient(135deg,var(--material-mid),var(--material-dark) 35%,var(--material-light) 90%)}.design-object.sculpture>b{box-shadow:inset 7px 6px 13px #1d24346b,-1px -1px 0 var(--material-mid)}.filmstrip-art.sculpture,.design-object.lines,.filmstrip-art.lines{background:var(--material-light)}.design-object.lines>span:first-child{background:repeating-radial-gradient(ellipse at 50% 55%,transparent 0 3px,var(--material-dark) 4px 5px,transparent 6px)}.design-object.lines{box-shadow:inset 15px 5px 25px #ffffff60,inset -23px -12px 30px #17223644,16px 23px 27px #17223626}.design-object.landscape,.filmstrip-art.landscape{background:linear-gradient(var(--material-light),var(--material-mid) 52%,var(--material-dark) 52%,var(--surface))}.paper-surface{background:#f9fafc;color:#29364c;box-shadow:0 18px 40px #1722361a,inset 1px 1px #fff}.paper-surface textarea{color:#3f4e66;font-size:15px;line-height:1.9}.paper-bottom,.paper-number{color:#66758a}.paper-surface h2{font-size:27px}.desk-identity h1{font-size:30px}.desk-identity p,.desk-clock{color:var(--muted)}.desk-identity p,.desk-workspace-caption{font-size:13px}.native-desk{padding-top:30px}.desk-inspector{gap:22px}.desk-inspiration{display:none}.desk-body{grid-template-columns:minmax(0,1fr) 260px}.material-console{padding:25px 22px}.console-heading{font-size:12px;letter-spacing:1px}.console-dial strong{font-size:15px}.console-dial p{font-size:13px}.console-swatches>span,.console-link{font-size:13px}.console-link{padding-top:15px}.console-swatches{padding:22px 0}.desk-library-button>span:nth-child(2){font-size:14px}.desk-library-button small{font-size:12px;line-height:1.5}.scene-caption{font-size:12px;letter-spacing:1px}.art-title{font-size:26px}.art-caption p{font-size:14px}.project-filmstrip>button>span:nth-child(2){font-size:13px}.project-filmstrip small{display:none}.project-filmstrip>button{padding:12px 10px}.desk-bottom>span{font-size:13px}.piece-tool span{font-size:12px;background:var(--surface);padding:3px 7px;border-radius:6px;top:41px}.focus-footnote,.focus-face small{font-size:14px}.focus-face>span{font-size:12px}.notes-actions>span{font-size:13px}.guide-section>p,.principle-list p,.motion-card-info p{font-size:15px}.guide-facts>div{font-size:13px}.guide-material-card p{font-size:14px}.principle-list strong{font-size:16px}.task-title{font-size:15px}.task-card>p{font-size:14px}.task-footer select,.task-label,.priority{font-size:12px}.kanban-column>header h3{font-size:14px}.task-form label,.space-app .p-datatable,.space-app .p-datatable-tbody>tr>td,.file-name{font-size:14px}.space-app .p-datatable-thead>tr>th{font-size:13px}@media(max-width:1150px){.catalog-toolbar{flex-direction:column;align-items:stretch}.search-field input{width:100%}.desk-body{grid-template-columns:1fr}.desk-inspector{display:grid;grid-template-columns:1fr 1fr}.desk-inspiration,.console-heading,.console-divider,.console-swatches,.console-link{display:none}.console-dial{flex-direction:row;padding:0}.console-dial .native-dial{width:100px;height:100px}.material-console{padding:16px}.desk-workspace-caption{display:none}.desk-add{margin-left:auto}}@media(max-width:800px){.sidebar{width:238px}.page-container{padding:26px 24px 18px}.originals-grid>article{display:block}.original-info{border-top:1px solid var(--line);border-left:0}.native-desk{padding:26px 24px 0}.catalog-view .page-heading{align-items:start}.catalog-view .page-heading h1{font-size:30px}.originals-grid{grid-template-columns:1fr}.original-demo{min-height:200px}.original-info{display:block}.segment-original .liquid-tabs{max-width:360px}}@media(max-width:560px){.page-container,.native-desk{padding-left:18px;padding-right:18px}.desk-identity h1{font-size:26px}.desk-identity p{font-size:12px}.liquid-tabs{width:290px}.liquid-tabs>button{font-size:13px;padding:10px 6px}.desk-clock{font-size:19px}.desk-header-right{gap:10px}.scene-caption{font-size:12px;letter-spacing:.3px}.art-title{font-size:23px}.art-index{font-size:17px}.project-filmstrip>button>span:nth-child(2){font-size:12px}.project-filmstrip>button{padding:10px 4px}.desk-bottom{display:none}.desk-inspector{margin-bottom:24px}.console-dial{flex-direction:column}.desk-library-button small{font-size:12px}.desk-library-button>span:nth-child(2){font-size:14px}.console-dial strong{font-size:13px}.paper-surface{margin:18px 14px;padding:22px 18px}.paper-surface h2{font-size:24px}.paper-surface textarea{font-size:14px}.notes-actions>span{font-size:12px}.art-caption p{font-size:13px}.catalog-view .page-heading h1{font-size:28px}.filter-tabs button{font-size:13px}.statusbar{display:none}.desktop-mode .topbar{height:56px}.breadcrumbs>span{display:none}.topbar{padding:0 20px}}.overlay-playground{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);min-height:350px;border:1px solid var(--line-strong);border-radius:26px;overflow:hidden;background:linear-gradient(130deg,var(--surface),color-mix(in srgb,var(--surface-raised) 45%,var(--bg)));box-shadow:inset 0 1px 0 var(--panel-highlight),0 12px 38px #17223609}.playground-copy{padding:40px 38px;display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative;z-index:1}.playground-copy .eyebrow{color:var(--accent-ink)}.playground-copy h2{font-size:clamp(28px,2.5vw,36px);line-height:1.17;letter-spacing:-1.4px;font-weight:500;margin:20px 0 16px}.playground-copy p{font-size:14px;line-height:1.75;color:var(--muted)}.slow-motion-control{margin-top:25px;display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:0;min-height:32px;color:var(--muted);font-size:13px}.slow-motion-control[aria-pressed=true]{color:var(--accent-ink)}.playground-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;padding:20px 24px 28px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 68%)}.glass-composition{height:235px;width:300px;position:relative;perspective:1000px;margin:0 auto}.glass-pane{position:absolute;width:180px;height:146px;border:1px solid var(--panel-highlight);border-radius:23px;box-shadow:15px 22px 34px #17223617,inset 0 1px #ffffff40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.pane-rear{top:30px;left:38px;transform:rotateY(-17deg) rotate(-16deg);background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 35%,transparent),color-mix(in srgb,var(--surface) 65%,transparent))}.pane-rear i{position:absolute;height:5px;width:60px;background:var(--panel-highlight);border-radius:8px;left:22px;top:30px}.pane-rear i:nth-child(2){top:43px;width:90px}.pane-front{top:68px;left:90px;padding:22px;transform:rotateY(-17deg) rotate(8deg);background:linear-gradient(140deg,color-mix(in srgb,var(--surface-raised) 88%,transparent),color-mix(in srgb,var(--surface) 75%,transparent))}.pane-front>span{color:var(--accent-ink)}.pane-front b,.pane-front i{height:7px;width:75px;background:color-mix(in srgb,var(--text) 30%,transparent);display:block;border-radius:10px;margin-top:17px}.pane-front i{width:110px;height:5px;margin-top:9px;opacity:.45}.pane-front em{position:absolute;width:32px;height:18px;right:22px;top:25px;background:var(--accent);border-radius:12px}.pane-front em:after{content:"";position:absolute;width:12px;height:12px;right:3px;top:3px;border-radius:50%;background:#fff}.glass-pebble{position:absolute;width:53px;height:53px;border-radius:50%;top:150px;left:32px;background:radial-gradient(circle at 30% 24%,var(--material-light),var(--material-mid) 60%,var(--material-dark));box-shadow:0 14px 19px #17223622}.glass-orbit{width:255px;height:105px;border:1px solid var(--line-strong);position:absolute;left:20px;top:82px;border-radius:50%;transform:rotate(-22deg) rotateX(50deg)}.playground-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.playground-actions .p-button{font-size:14px}.playground-actions .p-button-text{padding-left:10px;padding-right:10px}.window-emblem{display:grid;place-items:center;width:65px;height:65px;border-radius:21px;background:color-mix(in srgb,var(--accent) 17%,var(--surface));color:var(--accent-ink);border:1px solid var(--material-edge);margin-bottom:20px;box-shadow:inset 0 1px 0 var(--panel-highlight)}.playground-form>label{display:block;font-size:14px;margin-bottom:10px}.playground-form .dialog-actions{margin-top:28px}.inspector-specimen{height:220px;display:grid;place-items:center;border-radius:20px;margin-bottom:28px;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 15%,var(--bg)),var(--bg));overflow:hidden}.specimen-loop{width:140px;height:155px;border-radius:45%;border:28px solid var(--material-mid);background:transparent;transform:rotate(-18deg) rotateY(22deg);filter:brightness(calc(.65 + var(--specimen-light) * .45));box-shadow:inset 6px 5px 12px #17223630,9px 16px 24px #17223624;transition:filter .4s,border-color .4s,box-shadow .4s}.reflective .specimen-loop{border-top-color:var(--material-light);border-left-color:color-mix(in srgb,var(--material-light) 60%,var(--material-mid));box-shadow:inset 6px 5px 12px #17223620,9px 16px 24px #17223624,-2px -2px #ffffff70}.inspector-heading{font-size:23px;font-weight:500;letter-spacing:-.7px;margin-bottom:12px}.inspector-setting{margin:32px 0}.inspector-setting label{display:flex;justify-content:space-between;margin-bottom:22px;font-size:14px}.inspector-setting strong{color:var(--accent-ink);font-weight:600}.inspector-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0;font-size:14px}.inspector-toggle small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.context-menu-demo{display:flex;flex-direction:column;gap:8px;min-width:220px}.context-menu-demo>.eyebrow{margin:0 6px 8px}.context-menu-demo>.p-button{justify-content:flex-start}.p-overlay-mask-leave-active{animation:none!important}@media(max-width:1200px){.overlay-playground{grid-template-columns:1fr 1fr}.playground-copy{padding:30px}.playground-stage{padding:15px 16px 26px}.playground-actions{gap:7px}.playground-actions .p-button{font-size:13px;padding:10px}}@media(max-width:950px){.overlay-playground{grid-template-columns:1fr}.playground-copy{padding:30px 28px 0}.playground-copy h2 br,.playground-copy p br{display:none}.playground-copy h2{font-size:30px}.playground-copy .slow-motion-control{margin-top:16px}.playground-stage{padding-top:0}.glass-composition{height:230px}.playground-actions .p-button{font-size:14px;padding:11px 15px}}@media(max-width:560px){.playground-copy{padding:26px 24px 0}.playground-copy h2{font-size:29px}.playground-actions{gap:8px}.playground-actions .p-button{font-size:13px;padding:11px 12px}.playground-actions .p-button svg{width:15px}.glass-composition{scale:.93}}.avatar-demo>:nth-child(2),.avatar-demo>:nth-child(3){background:color-mix(in srgb,var(--accent) 22%,var(--surface));color:var(--text)}.catalog-toolbar>.filter-tabs{min-width:0;max-width:100%}@media(max-width:560px){.catalog-toolbar>.filter-tabs{width:100%}.playground-actions svg{display:none}.playground-actions{flex-wrap:nowrap}.playground-actions .p-button{font-size:14px;padding:11px 13px}.glass-composition{height:205px;scale:.86;transform-origin:50% 0}}.motion-view .page-heading{align-items:end}.motion-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:26px}.motion-card{border-radius:24px}.motion-canvas{height:330px}.motion-card-info{padding:26px}.motion-card-info p{font-size:14px;min-height:70px;line-height:1.75}.motion-card-info h2{font-size:23px}.motion-card-info>div{font-size:13px}.motion-card-info>div>span:last-child:not(:first-child){display:none}.motion-view .canvas-hint{display:block;font-size:12px;letter-spacing:.4px;bottom:18px}.motion-principle strong{font-size:15px}.motion-principle p{font-size:14px}.lab-filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:26px}.lab-filters button{display:flex;align-items:center;gap:10px;padding:11px 15px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:12px;font-size:14px}.lab-filters button[aria-pressed=true]{color:var(--text);background:var(--surface);border-color:var(--line-strong);box-shadow:0 4px 15px #1722360a}.lab-filters small{color:var(--accent-ink);font-size:12px}.motion-grid[data-category=nav]>:not([data-family=nav]),.motion-grid[data-category=matter]>:not([data-family=matter]),.motion-grid[data-category=action]>:not([data-family=action]){display:none}.lab-stage{padding:25px 20px;isolation:isolate}.lab-stage button,.lab-stage input,.lab-stage textarea{font:inherit}.lab-stage button{cursor:pointer}.lab-stage button:disabled{cursor:default}.lab-stage input[type=range]{accent-color:var(--accent-ink);cursor:ew-resize}.lab-gesture{justify-content:flex-start!important;gap:9px}.lab-gesture>span{display:inline!important}.lab-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);background:var(--surface);border-radius:12px;color:var(--text)}.lab-icon:hover{background:var(--surface-raised)}.lab-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);background:none;border:0;padding:10px;min-height:40px;font-size:13px!important}.lab-text:hover{color:var(--accent-ink)}.lab-text:disabled{opacity:.45}.lab-pills{display:flex;gap:5px;border:1px solid var(--line);border-radius:14px;padding:5px;background:var(--bg)}.lab-pills button{border:0;background:transparent;color:var(--muted);padding:9px 12px;font-size:13px;border-radius:10px}.lab-pills button[aria-pressed=true]{background:var(--surface);color:var(--accent-ink);box-shadow:0 3px 10px #17223612}.lab-portal{width:min(100%,350px);height:280px;position:relative;border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:var(--soft-shadow)}.portal-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 15%,var(--material-light),var(--material-mid) 60%,var(--material-dark));transition:transform .9s var(--ease-out),filter .9s}.portal-scene i{position:absolute;width:160px;height:160px;border:28px solid #ffffff50;border-radius:50%;left:25px;top:20px;transform:rotateX(30deg) rotateY(-25deg);box-shadow:20px 20px 35px #17223622,inset 10px 10px 20px #17223622}.portal-scene b{width:120px;height:155px;position:absolute;right:30px;top:65px;background:#ffffff60;border:1px solid #ffffffa0;border-radius:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:rotate(16deg)}.portal-scene span{position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#17223622)}.portal-entry{position:absolute;inset:auto 24px 24px;display:flex;align-items:center;gap:12px;justify-content:center;border:1px solid #ffffff70;border-radius:16px;background:#ffffffd4;color:#283449;padding:16px;font-size:14px!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.portal-workspace{position:absolute;inset:0;background:var(--surface);padding:40px 30px;clip-path:circle(0% at 50% 85%);transition:clip-path .85s cubic-bezier(.2,.8,.2,1)}.portal-workspace>button{position:absolute;top:12px;right:12px}.portal-workspace strong{display:block;font-size:29px;line-height:1.2;letter-spacing:-1px;margin:20px 0}.portal-workspace p{font-size:13px;color:var(--muted);line-height:1.6}.portal-line{display:block;width:45px;height:4px;background:var(--accent);border-radius:4px;margin-bottom:18px}.opened .portal-workspace{clip-path:circle(130% at 50% 85%)}.opened .portal-scene{transform:scale(1.5) rotate(-12deg);filter:blur(10px)}.fan-demo{width:100%;text-align:center}.fan-deck{position:relative;width:100%;height:235px;perspective:1000px}.fan-sheet{position:absolute;top:25px;left:calc(50% - 68px);width:136px;height:178px;text-align:left;background:var(--surface);border:1px solid var(--line-strong);border-radius:15px;padding:10px;transform-origin:50% 120%;transform:translate(calc(var(--offset) * 9px)) rotate(calc(var(--offset) * 5deg));transition:transform .7s var(--spring),box-shadow .6s;box-shadow:0 10px 20px #17223620;color:var(--text);z-index:calc(4 - var(--index))}.fan-sheet.chosen{z-index:5}.spread .fan-sheet{transform:translate(calc(var(--offset) * 76px)) rotate(calc(var(--offset) * 12deg)) scale(.9)}.spread .fan-sheet.chosen{transform:translate(calc(var(--offset) * 76px)) translateY(-17px) rotate(0) scale(1);box-shadow:0 20px 25px #17223630}.fan-sheet>span:not(.fan-art){font-size:12px;display:block;margin-top:13px}.fan-sheet small{font-size:12px;color:var(--muted);position:absolute;bottom:12px;right:12px}.fan-art{display:block;height:110px;background:var(--material-light);border-radius:9px;overflow:hidden;position:relative}.fan-art i{position:absolute;width:75px;height:75px;border:15px solid var(--material-mid);border-radius:50%;left:18px;top:19px;box-shadow:9px 10px 15px #17223625}.fan-art-1 .fan-art{background:linear-gradient(150deg,var(--material-mid),var(--material-light))}.fan-art-1 i{border-radius:15px;transform:rotate(35deg)}.fan-art-2 i{border-radius:0;border-width:35px;border-color:transparent transparent var(--material-dark);top:-10px}.fan-art-3 i{width:150px;left:-20px;height:150px;border:1px solid var(--material-dark);box-shadow:0 0 0 10px var(--material-light),0 0 0 11px var(--material-mid),0 0 0 20px var(--material-light),0 0 0 21px var(--material-mid)}.fold-demo{width:min(100%,285px);height:270px;padding-top:66px;perspective:900px;transition:padding .7s var(--ease-out)}.fold-demo.unfolded{padding-top:0}.fold-cover{width:100%;height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line-strong);border-radius:17px;color:var(--text);box-shadow:0 12px 25px #17223615;position:relative;z-index:4;transition:border-radius .5s}.fold-cover>span{display:flex;align-items:center;gap:12px;font-size:14px}.unfolded .fold-cover{border-radius:17px 17px 0 0}.fold-leaf{height:72px;border:1px solid var(--line);border-top:0;padding:19px;background:var(--surface);transform-origin:top;transform:rotateX(-95deg);opacity:0;margin-top:-61px;transition:transform .65s var(--spring),margin .65s var(--ease-out),opacity .25s}.fold-leaf.second{background:var(--surface-raised);transition-delay:.06s}.fold-leaf.third{height:55px;display:flex;gap:10px;align-items:center;border-radius:0 0 17px 17px;font-size:12px;color:var(--muted);transition-delay:.12s}.unfolded .fold-leaf{margin-top:0;transform:rotateX(0);opacity:1}.fold-leaf>div,.fold-leaf label{display:flex;align-items:center;justify-content:space-between;font-size:13px}.fold-leaf input{width:100%;height:5px;margin-top:12px}.lab-switch{width:39px;height:23px;border-radius:20px;border:0;padding:3px;background:var(--line-strong);transition:background .3s}.lab-switch i{display:block;width:17px;height:17px;border-radius:50%;background:var(--surface);transition:transform .4s var(--spring);box-shadow:0 2px 4px #17223625}.lab-switch[aria-checked=true]{background:var(--accent)}.lab-switch[aria-checked=true] i{transform:translate(16px);background:#fff}.dock-demo{width:min(100%,320px)}.dock-preview{height:165px;display:grid;place-items:center}.dock-preview>div{display:flex;flex-direction:column;align-items:center;gap:11px}.dock-preview svg{color:var(--accent-ink)}.dock-preview strong{font-size:23px;font-weight:500}.dock-preview span{font-size:13px;color:var(--muted)}.magnetic-dock{margin:15px auto 0;padding:9px;display:flex;width:max-content;gap:6px;position:relative;background:var(--glass);border:1px solid var(--line-strong);border-radius:21px;box-shadow:var(--panel-shadow)}.magnetic-dock>button{width:48px;height:48px;display:grid;place-items:center;position:relative;background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;color:var(--muted);transform-origin:center bottom;transform:translateY(calc(var(--proximity) * -13px)) scale(calc(1 + var(--proximity) * .22));transition:transform .4s var(--spring),color .3s}.magnetic-dock>button[aria-pressed=true]{color:var(--accent-ink)}.magnetic-dock>button span{opacity:0;position:absolute;bottom:64px;background:var(--surface);padding:6px 9px;border:1px solid var(--line);border-radius:8px;font-size:12px;pointer-events:none;transition:opacity .2s}.magnetic-dock>button:is(:hover,:focus-visible) span{opacity:1}.dock-selection{position:absolute;bottom:3px;left:30px;width:6px;height:3px;background:var(--accent);border-radius:50%;transition:transform .65s var(--spring)}.dock-page-enter-active,.dock-page-leave-active{transition:transform .24s,opacity .24s,filter .24s}.dock-page-enter-from{opacity:0;transform:translateY(15px) rotateX(-15deg);filter:blur(5px)}.dock-page-leave-to{opacity:0;transform:translateY(-12px);filter:blur(5px)}.ribbon-demo{width:min(100%,320px)}.ribbon-caption{text-align:center;height:86px}.ribbon-caption>span{font-size:12px;color:var(--accent-ink)}.ribbon-caption strong{display:block;font-weight:500;font-size:22px;margin-top:10px;letter-spacing:-.5px}.ribbon-track{width:100%;aspect-ratio:8 / 3;position:relative}.ribbon-track svg{width:100%;height:100%;overflow:visible}.ribbon-track path{stroke:var(--material-mid);stroke-width:12px;stroke-linecap:round;filter:drop-shadow(0 5px 4px #17223612)}.ribbon-track circle{fill:var(--surface)}.ribbon-pearl{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);background:var(--surface);border-radius:50%;display:grid;place-items:center;color:var(--accent-ink);border:1px solid var(--line-strong);box-shadow:0 6px 14px #17223624,inset 0 2px 0 var(--panel-highlight);transition:left .65s var(--spring),top .65s var(--spring)}.ribbon-track input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.ribbon-track:has(input:focus-visible){outline:2px solid var(--accent-ink);outline-offset:4px;border-radius:20px}.ribbon-days{display:flex;justify-content:space-between;margin-top:13px}.ribbon-days button{background:none;border:0;border-radius:9px;padding:9px;color:var(--muted);font-size:13px}.ribbon-days button[aria-pressed=true]{background:var(--surface);color:var(--accent-ink)}.comparison-demo{position:relative;width:min(100%,320px);height:255px;border-radius:23px;overflow:hidden;border:1px solid var(--line-strong)}.compare-layer{position:absolute;inset:0;background:var(--bg)}.compare-orb{position:absolute;width:128px;height:128px;left:calc(50% - 64px);top:44px;border-radius:50%}.wire{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:22px 22px}.wire .compare-orb{border:1px solid var(--accent-ink);background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 10px,var(--line-strong) 11px 12px)}.compare-layer i,.compare-layer b{position:absolute;width:85px;height:55px;border:1px solid var(--line-strong);border-radius:13px;transform:rotate(-15deg);left:30px;top:145px}.compare-layer b{left:auto;right:25px;top:35px;transform:rotate(14deg)}.finished{background:radial-gradient(circle at 30% 20%,var(--surface-raised),var(--surface));clip-path:inset(0 0 0 var(--reveal))}.finished .compare-orb{background:radial-gradient(circle at 30% 22%,#fff,var(--material-light) 20%,var(--material-mid) 55%,var(--material-dark));box-shadow:10px 18px 20px #17223625,inset -5px -5px 10px #17223622}.finished i,.finished b{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--panel-highlight);box-shadow:0 12px 22px #17223619}.compare-caption{position:absolute;bottom:18px;left:18px;font-size:12px;color:var(--muted)}.finished .compare-caption{left:auto;right:18px}.compare-divider{position:absolute;left:var(--reveal);inset-block:0;width:1px;background:var(--accent-ink);box-shadow:0 0 15px var(--accent)}.compare-divider>span{position:absolute;top:108px;left:-19px;width:38px;height:38px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:2px;color:var(--text);box-shadow:0 4px 15px #17223630;border:1px solid var(--line-strong)}.comparison-demo input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.comparison-demo:has(input:focus-visible){outline:2px solid var(--accent-ink);outline-offset:4px}.capture-demo{width:270px;position:relative;text-align:center;perspective:850px}.capture-paper{position:relative;z-index:2;display:flex;align-items:start;gap:11px;background:var(--surface);padding:17px;border-radius:14px;border:1px solid var(--line-strong);box-shadow:0 12px 20px #17223618;transform-origin:center bottom}.capture-paper>svg{color:var(--accent-ink);flex-shrink:0}.capture-paper textarea{width:100%;height:72px;resize:none;border:0;background:transparent;color:var(--text);font-size:14px;line-height:1.6;padding:0}.capture-paper>button{position:absolute;bottom:-17px;right:15px;background:var(--accent);color:var(--on-accent)}.capture-paper.capturing{animation:capture-flight .62s cubic-bezier(.5,0,.5,1) both}.capture-tray{position:relative;height:80px;width:215px;margin:35px auto 4px;border:1px solid var(--line-strong);border-radius:15px;background:linear-gradient(var(--surface-raised),var(--surface));box-shadow:inset 0 8px 16px #17223614,0 8px 15px #17223610;display:flex;align-items:center;justify-content:center;gap:14px}.capture-tray>span{position:absolute;inset:calc(var(--sheet) * -4px) 12px auto;height:8px;border-radius:3px;background:var(--material-light);border:1px solid var(--line);z-index:-1}.capture-tray>svg{color:var(--accent-ink)}.capture-tray strong{font-size:13px;font-weight:500}@keyframes capture-flight{25%{transform:translateY(-12px) rotateX(10deg)}65%{opacity:1;transform:translateY(90px) rotateX(-55deg) scale(.7)}to{opacity:0;transform:translateY(145px) rotateX(-80deg) scale(.55)}}.constellation-demo{width:min(100%,320px);text-align:center}.constellation-map{width:100%;aspect-ratio:32 / 23;position:relative}.constellation-map svg{position:absolute;inset:0;width:100%;height:100%}.constellation-map path{stroke:var(--material-mid);stroke-width:2;stroke-dasharray:4 5;transition:d .8s var(--ease-out)}.constellation-map button{position:absolute;width:49px;height:49px;border-radius:16px;background:var(--surface);border:1px solid var(--line-strong);color:var(--muted);display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 7px 14px #17223615;transition:left .8s var(--spring),top .8s var(--spring),background .3s,box-shadow .3s}.constellation-map button.selected{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent),0 10px 22px color-mix(in srgb,var(--accent) 20%,transparent)}.constellation-map button>span{position:absolute;top:57px;color:var(--muted);font-size:12px}.prism-demo{width:290px;display:flex;flex-direction:column;align-items:center}.prism-stage{height:224px;width:220px;perspective:850px;padding-top:10px}.prism-object{position:relative;height:180px;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.85,.15,1)}.prism-face{position:absolute;inset:0;padding:22px;border:1px solid var(--line-strong);border-radius:19px;background:linear-gradient(135deg,var(--surface-raised),var(--surface));backface-visibility:hidden;box-shadow:0 18px 28px #17223622}.prism-face>svg{float:right;color:var(--accent-ink)}.prism-face>span{font-size:14px;color:var(--muted)}.prism-face>strong{display:block;font-size:58px;font-weight:400;letter-spacing:-3px;margin:8px 0;line-height:1.15}.prism-face>small{font-size:12px;color:var(--muted)}.hold-demo{width:100%;display:flex;align-items:center;flex-direction:column;gap:20px;position:relative}.hold-button{width:108px;height:108px;border-radius:33px;background:var(--surface);border:1px solid var(--line-strong);color:var(--accent-ink);box-shadow:0 12px 30px #1722361a;display:grid;place-items:center;position:relative;transform:scale(calc(1 - var(--pressure) * .09));transition:transform .25s,border-radius .5s var(--spring),background .4s;touch-action:none;-webkit-user-select:none;user-select:none}.hold-button:before{content:"";position:absolute;inset:-8px;border-radius:39px;background:conic-gradient(var(--accent) var(--hold),var(--line) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px}.confirmed .hold-button{border-radius:50%;background:var(--accent);color:var(--on-accent);transform:scale(1)}.confirmed .hold-button:before{opacity:0;transition:opacity .4s}.hold-demo>strong{font-size:17px;font-weight:500;margin-top:6px}.hold-demo .lab-text{font-size:12px!important}.hold-particles{position:absolute;top:54px;left:50%}.hold-particles i{position:absolute;width:6px;height:6px;border-radius:3px;background:var(--accent);opacity:0}.confirmed .hold-particles i{animation:hold-burst .7s var(--ease-out) both}@keyframes hold-burst{0%{opacity:1;transform:rotate(calc(var(--ray) * 45deg)) translate(35px)}to{opacity:0;transform:rotate(calc(var(--ray) * 45deg)) translate(105px) rotate(90deg)}}.bloom-demo{width:100%;display:flex;align-items:center;flex-direction:column}.bloom-chart{position:relative;width:285px;height:177px}.bloom-chart button{position:absolute;bottom:20px;left:calc(50% - 12px);transform-origin:center bottom;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:linear-gradient(0deg,var(--material-mid),var(--material-light));transition:transform .85s var(--spring),height .8s var(--ease-out),width .6s,border-radius .6s,background .3s,bottom .8s var(--ease-out)}.bloom-chart button.selected{background:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--accent-ink);z-index:2}.bloom-chart.radial button{bottom:85px;opacity:.85}.bloom-caption{height:43px;display:flex;align-items:baseline;gap:8px;margin:0 0 12px}.bloom-caption strong{font-size:27px;font-weight:500}.bloom-caption span{font-size:12px;color:var(--muted)}@media(max-width:560px){.motion-card-info{padding:22px}.lab-stage{padding-inline:10px}.lab-filters{gap:6px}.lab-filters button{padding:10px;font-size:13px}.fan-sheet{width:116px;left:calc(50% - 58px)}.spread .fan-sheet{transform:translate(calc(var(--offset) * 60px)) rotate(calc(var(--offset) * 10deg)) scale(.88)}.spread .fan-sheet.chosen{transform:translate(calc(var(--offset) * 60px)) translateY(-17px) rotate(0) scale(1)}.motion-principle{align-items:start;padding:22px}.motion-principle>svg{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.responsive-material,.magnetic-dock>button{transform:none!important}.hold-particles{display:none}.hold-button{transform:none}.hold-button:before{display:none}}[data-motion=false] .responsive-material,[data-motion=false] .magnetic-dock>button{transform:none!important}[data-motion=false] .hold-particles,[data-motion=false] .hold-button:before{display:none}.fan-sheet{left:calc(50% - 56px);width:112px;height:166px}.fan-art{height:96px}.spread .fan-sheet{transform:translate(calc(var(--offset) * 82px)) rotate(calc(var(--offset) * 8deg)) scale(.9)}.spread .fan-sheet.chosen{transform:translate(calc(var(--offset) * 82px)) translateY(-17px) rotate(0)}@media(max-width:480px){.fan-sheet{width:90px;height:149px;left:calc(50% - 45px);padding:7px}.fan-art{height:79px}.fan-art i{left:0}.spread .fan-sheet{transform:translate(calc(var(--offset) * 60px)) rotate(calc(var(--offset) * 6deg)) scale(.9)}.spread .fan-sheet.chosen{transform:translate(calc(var(--offset) * 60px)) translateY(-17px) rotate(0)}}.lab-small-note{display:block;text-align:center;font-size:12px;color:var(--muted);line-height:1.6}.lab-stage button:disabled{opacity:.45}.lab-stage .hold-button:disabled{opacity:1}.tide-demo{width:280px;display:flex;flex-direction:column;align-items:center}.tide-tools{width:242px;position:relative;display:flex;gap:6px;padding:7px;border-radius:24px;background:var(--surface-raised);box-shadow:inset 0 2px 5px #17223610}.tide-tools>button{position:relative;width:72px;height:58px;display:grid;place-items:center;border:0;background:none;color:var(--muted);border-radius:19px}.tide-tools>button[aria-pressed=true]{color:var(--accent-ink)}.tide-tools>span{position:absolute;width:72px;height:58px;border-radius:19px;background:var(--surface);box-shadow:0 5px 12px #17223615;transition:transform .65s cubic-bezier(.3,1.6,.5,1)}.tide-context{margin-top:15px;width:calc(220px + var(--tide) * 22px);height:calc(131px + var(--tide) * 9px);padding:22px;border-radius:22px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--soft-shadow);transition:width .55s var(--spring),height .65s var(--spring)}.tide-context strong{font-size:18px;font-weight:500}.tide-context span{display:block;margin-top:8px;font-size:12px;color:var(--muted)}.tide-lines{display:flex;gap:6px;margin-top:17px}.tide-lines i{flex:1;height:5px;border-radius:6px;background:color-mix(in srgb,var(--accent) 35%,var(--surface-raised))}.shutter-demo{width:min(100%,295px);text-align:center}.shutter-window{height:205px;position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line-strong);background:var(--surface)}.shutter-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.shutter-content svg{color:var(--accent-ink)}.shutter-content strong{font-size:18px;font-weight:500}.shutter-content span{font-size:12px;color:var(--muted)}.shutter-slats{position:absolute;inset:0;display:flex;perspective:900px;pointer-events:none}.shutter-slats i{height:100%;flex:1;background:linear-gradient(90deg,var(--surface-raised),var(--surface));border-right:1px solid var(--line);transform-origin:left;transition:transform .8s var(--ease-out),opacity .6s;transition-delay:calc(var(--slat) * 45ms);box-shadow:5px 0 12px #17223612}.opened .shutter-slats i{transform:rotateY(-100deg) scaleX(.2);opacity:0}.shutter-label{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:var(--muted);pointer-events:none}.shutter-demo>button{margin-top:12px}.folio-demo{width:270px}.folio-book{height:230px;perspective:1100px;position:relative}.folio-under{position:absolute;inset:6px -5px -4px 6px;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:3px 18px 18px 3px;transform:rotate(2deg)}.folio-page{position:absolute;inset:0;background:var(--surface);border:1px solid var(--line-strong);border-radius:3px 18px 18px 3px;padding:22px 25px;box-shadow:inset 8px 0 12px #17223608,0 12px 22px #17223610;transform-origin:left center}.folio-page small{font-size:12px;color:var(--faint)}.folio-page>svg{display:block;margin-top:18px;color:var(--accent-ink)}.folio-page h3{font-size:26px;font-family:Georgia,serif;font-weight:400;margin:13px 0 10px}.folio-page p{font-size:13px;line-height:1.7;color:var(--muted)}.folio-controls{display:flex;align-items:center;justify-content:space-between;margin:13px 15px 0}.folio-controls>span{font-size:12px;color:var(--muted)}.folio-turn-enter-active{transition:transform .55s var(--ease-out),opacity .3s}.folio-turn-leave-active{transition:transform .3s ease-in,opacity .3s}.folio-turn-enter-from{transform:rotateY(70deg);opacity:0}.folio-turn-leave-to{transform:rotateY(-80deg);opacity:0}.wheel-demo{width:260px;text-align:center}.wheel-demo>.eyebrow{color:var(--muted)}.wheel-window{position:relative;height:200px;perspective:450px;margin:8px 0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.wheel-window>i{position:absolute;left:25px;right:25px;top:75px;height:50px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-radius:13px}.wheel-window>div{position:absolute;top:73px;left:0;right:0;height:54px;display:flex;justify-content:center;align-items:baseline;gap:7px;color:var(--text);transition:transform .35s var(--spring),opacity .3s}.wheel-window strong{font-size:42px;line-height:54px;font-weight:450;letter-spacing:-2px;font-variant-numeric:tabular-nums}.wheel-window small{font-size:13px;color:var(--muted)}.wheel-input{display:flex;align-items:center;gap:13px;color:var(--muted);padding:5px 18px}.wheel-input input{width:100%;height:5px}.fluid-demo{width:min(100%,330px)}.fluid-panels{display:grid;height:210px;gap:7px;transition:grid-template-columns .7s var(--spring)}.fluid-panels>button{min-width:0;padding:19px 12px;border:1px solid var(--line-strong);border-radius:17px;background:var(--surface-raised);color:var(--muted);display:flex;align-items:center;flex-direction:column;position:relative;overflow:hidden;transition:background .5s}.fluid-panels>button.selected{background:var(--surface);color:var(--accent-ink);box-shadow:0 10px 25px #17223612}.fluid-panels strong{font-size:12px;margin-top:15px;font-weight:500;white-space:nowrap;writing-mode:vertical-rl;transition:opacity .3s}.fluid-panels .selected strong{writing-mode:horizontal-tb;font-size:16px}.fluid-content{display:none;margin-top:22px;width:90%}.selected .fluid-content{display:block;animation:native-content-reveal .55s}.fluid-content i{display:block;height:5px;border-radius:6px;margin-bottom:9px;background:var(--line-strong)}.fluid-content i:nth-child(2){width:72%}.fluid-content i:nth-child(3){width:46%}.fluid-panels small{position:absolute;bottom:15px;font-size:12px;color:var(--faint)}.fluid-demo>p{text-align:center;font-size:12px;color:var(--muted);margin-top:22px}.seal-demo{width:270px;text-align:center}.seal-document{position:relative;text-align:left;padding:27px;border-radius:5px 17px 17px 5px;background:var(--surface);border:1px solid var(--line-strong);height:213px;box-shadow:0 12px 25px #17223612}.seal-document>strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:25px;margin-top:20px}.seal-lines{margin-top:22px}.seal-lines i{display:block;width:80%;height:4px;margin-bottom:9px;background:var(--line);border-radius:3px}.seal-lines i:last-child{width:50%}.approval-seal{position:absolute;bottom:15px;right:15px;width:82px;height:82px;border-radius:50%;border:2px solid var(--accent-ink);color:var(--accent-ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;opacity:0;transform:scale(1.8) rotate(-25deg)}.approval-seal span{font-size:12px;letter-spacing:1px}.sealed .approval-seal{animation:native-stamp .55s var(--spring) forwards}.seal-demo .lab-text{margin-top:12px}@keyframes native-stamp{0%{opacity:0;transform:scale(1.8) rotate(-25deg);filter:blur(4px)}60%{opacity:1;transform:scale(.92) rotate(-13deg);filter:blur(0)}to{opacity:.85;transform:scale(1) rotate(-13deg)}}.magnet-list-demo{width:min(100%,330px)}.magnet-list{display:grid;gap:9px;position:relative}.magnet-row{display:flex;align-items:center;gap:8px;height:61px;padding:10px 12px;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 5px 12px #1722360d;color:var(--muted);cursor:grab}.magnet-row>svg{opacity:.5;flex-shrink:0}.magnet-row>span:not(.magnet-symbol){font-size:12px;flex:1;color:var(--text)}.magnet-symbol{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent-ink);flex-shrink:0}.magnet-row>div{display:flex;flex-direction:column}.magnet-row>div button{border:0;background:none;color:var(--muted);display:grid;place-items:center;padding:2px}.magnet-list-demo>span{margin-top:20px}.magnet-row-move{transition:transform .65s var(--spring)}.trail-demo{width:280px;display:flex;flex-direction:column;align-items:center}.trail-stack{position:relative;width:230px;height:215px;perspective:900px;margin-top:18px}.trail-stack>button{position:absolute;inset:0 0 20px;padding:23px;display:flex;flex-direction:column;align-items:start;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;color:var(--text);box-shadow:0 12px 20px #17223614;transform:translate(calc(var(--distance) * -15px),calc(var(--distance) * -11px)) scale(calc(1 - var(--distance) * .06));transition:transform .7s var(--spring),opacity .4s}.trail-stack .future{opacity:0;transform:translate(90px) rotateY(-30deg) scale(.7);pointer-events:none}.trail-stack .current{z-index:4}.trail-stack>button>span{position:absolute;right:19px;top:18px;font-size:12px;color:var(--faint)}.trail-stack>button>svg{color:var(--accent-ink);margin-top:9px}.trail-stack strong{font-size:23px;font-weight:500;margin-top:24px}.trail-stack small{font-size:12px;color:var(--muted);margin-top:10px}.trail-demo .lab-pills button{display:flex;align-items:center;gap:9px}.edge-demo{width:280px}.optical-surface{position:relative;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 30% 20%,var(--surface-raised),var(--surface));height:210px;padding:30px;box-shadow:0 15px 25px #17223620}.optical-surface:before{content:"";position:absolute;inset:-2px;border-radius:25px;padding:2px;background:conic-gradient(from var(--light-angle),transparent 10%,var(--accent) 24%,#ffffff 29%,var(--accent) 32%,transparent 43%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.optical-surface>svg{color:var(--accent-ink)}.optical-surface strong{display:block;font-size:25px;font-weight:450;letter-spacing:-.6px;line-height:1.3;margin-top:25px}.optical-surface>span{position:absolute;right:24px;top:30px;font-size:12px;color:var(--faint)}.edge-demo label{display:flex;align-items:center;gap:15px;padding:24px 15px 0;color:var(--muted)}.edge-demo input{width:100%;height:4px}.veil-demo{width:280px;text-align:center}.veil-document{height:215px;text-align:left;position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line-strong);background:var(--surface)}.veil-document>div{padding:25px;filter:blur(10px);transition:filter .75s var(--ease-out)}.veil-document strong{display:block;font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.6px;margin-top:18px}.veil-document p{font-size:13px;line-height:1.7;margin-top:15px;color:var(--muted)}.veil-mask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:color-mix(in srgb,var(--surface-raised) 85%,transparent);color:var(--accent-ink);clip-path:circle(85% at 50% 50%);transition:clip-path .8s var(--ease-out),opacity .6s}.veil-mask>span{color:var(--muted);font-size:13px}.revealed .veil-mask{clip-path:circle(0% at 50% 50%);opacity:0}.revealed>div{filter:blur(0)}.veil-demo>button{margin-top:12px}.bridge-demo{width:310px;display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;align-items:center;padding-top:25px}.bridge-origin{display:flex;flex-wrap:wrap;gap:10px;padding:10px}.bridge-origin button{position:relative;width:48px;height:58px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--muted);display:grid;place-items:center;transition:translate .4s var(--spring),background .3s}.bridge-origin button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 17%,var(--surface));color:var(--accent-ink);translate:0 -4px}.bridge-check{position:absolute;right:4px;bottom:4px}.bridge-target{height:145px;border:1px dashed var(--material-edge);border-radius:22px;background:color-mix(in srgb,var(--accent) 5%,var(--surface));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.bridge-target>svg{color:var(--accent-ink)}.bridge-target strong{font-size:25px;font-weight:500}.bridge-target span{font-size:12px;color:var(--muted)}.bridge-flight{position:absolute;inset:0;pointer-events:none;z-index:3}.bridge-flight i{position:absolute;width:26px;height:34px;border-radius:7px;background:var(--accent);top:80px;left:45px;opacity:0}.transferring .bridge-flight i{animation:bridge-arc .65s cubic-bezier(.3,.1,.6,1) both;animation-delay:calc(var(--flight) * 60ms)}.bridge-demo>.lab-text{grid-column:1 / -1;margin-top:15px}@keyframes bridge-arc{0%{opacity:0;transform:translate(0) scale(.8)}20%{opacity:1}50%{transform:translate(90px,-60px) rotate(35deg)}to{opacity:0;transform:translate(180px,25px) rotate(65deg) scale(.4)}}.process-demo{text-align:center}.process-orbit{width:190px;height:190px;position:relative;margin:0 auto 22px;border-radius:50%;background:conic-gradient(var(--accent) var(--process),var(--line) 0);padding:3px}.process-orbit>div{width:100%;height:100%;border:17px solid var(--bg);border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;box-shadow:inset 0 1px 0 var(--panel-highlight),0 8px 20px #17223612}.process-orbit>span{position:absolute;top:calc(50% - 18px);left:calc(50% - 18px);width:36px;height:36px;border:1px solid var(--line-strong);border-radius:12px;display:grid;place-items:center;background:var(--surface);color:var(--muted);transition:background .4s,box-shadow .4s}.process-orbit .reached{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 20%,transparent)}.process-orbit strong{font-size:25px;font-weight:500}.process-orbit small{font-size:12px;color:var(--muted)}.matrix-demo{width:230px}.light-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:15px;background:var(--surface-raised);border:1px solid var(--line);border-radius:23px;touch-action:none}.light-matrix button{aspect-ratio:1;border-radius:9px;border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 2px 4px #17223610;transition:transform .4s var(--spring),box-shadow .4s,background .3s}.light-matrix button.lit{background:var(--accent);transform:translateY(-3px);box-shadow:0 3px color-mix(in srgb,var(--accent) 60%,var(--text)),0 6px 12px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 1px #ffffff50}.matrix-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 5px}.matrix-footer>span{font-size:12px;color:var(--muted)}.capsule-demo{width:100%;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.search-capsule{width:70px;min-height:70px;border-radius:35px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 15px 30px #1722361a;transition:width .55s var(--spring),min-height .6s var(--ease-out),border-radius .5s;overflow:hidden}.search-capsule.expanded{width:min(100%,310px);min-height:230px;border-radius:20px}.capsule-trigger{display:grid;place-items:center;width:68px;height:68px;border:0;color:var(--accent-ink);background:none}.search-capsule>label{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--line);color:var(--muted)}.search-capsule input{min-width:0;width:100%;background:none;border:0;color:var(--text);outline:0;font-size:13px}.search-capsule label button{display:grid;place-items:center;background:none;border:0;color:var(--muted)}.capsule-results{padding:6px;animation:native-content-reveal .5s .15s backwards}.capsule-results>button{width:100%;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;border:0;background:none;border-radius:10px;color:var(--text);font-size:13px;text-align:left}.capsule-results>button:hover{background:var(--surface-raised)}.capsule-results>p{font-size:13px;color:var(--muted);padding:20px;line-height:1.7}.capsule-feedback{font-size:12px;color:var(--muted);text-align:center;max-width:300px}.loupe-map{width:min(100%,310px);height:240px;border:1px solid var(--line-strong);border-radius:22px;position:relative;overflow:hidden;background:var(--surface);touch-action:none;cursor:crosshair}.loupe-pattern,.loupe-magnified{background-image:radial-gradient(circle at 22% 40%,var(--material-mid) 0 20px,transparent 21px),radial-gradient(circle at 75% 55%,var(--material-light) 0 35px,transparent 36px),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:155px 120px,310px 240px,24px 24px,24px 24px}.loupe-pattern{position:absolute;inset:0;opacity:.65}.loupe-label{position:absolute;left:18px;top:18px;font-size:12px;letter-spacing:.8px;color:var(--faint)}.loupe-glass{position:absolute;width:112px;height:112px;left:var(--lens-x);top:var(--lens-y);transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:5px solid color-mix(in srgb,var(--surface) 75%,transparent);outline:1px solid var(--line-strong);background:var(--surface);box-shadow:10px 12px 20px #17223625,inset 0 1px #fff;pointer-events:none}.loupe-magnified{position:absolute;inset:-100%;background-size:310px 240px,620px 480px,48px 48px,48px 48px;background-position:calc(100% - var(--lens-x)) calc(100% - var(--lens-y))}.loupe-glass>i{position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,#ffffff90,transparent 50%)}.loupe-scale{position:absolute;bottom:16px;right:18px;font-size:13px;color:var(--accent-ink)}.compass-demo{text-align:center}.compass-face{width:190px;height:190px;border-radius:50%;position:relative;margin:0 auto 22px;padding:23px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 15px 30px #17223617}.compass-ticks{position:absolute;inset:8px;border-radius:50%;background:repeating-conic-gradient(var(--line-strong) 0deg 1deg,transparent 1deg 15deg);-webkit-mask-image:radial-gradient(circle,transparent 66%,#000 67%);mask-image:radial-gradient(circle,transparent 66%,#000 67%)}.compass-needle{position:absolute;inset:12px;transition:transform .9s cubic-bezier(.3,1.4,.4,1)}.compass-needle:before{content:"";position:absolute;top:3px;left:calc(50% - 5px);width:10px;height:17px;background:var(--accent);clip-path:polygon(50% 0,100% 100%,50% 80%,0 100%)}.compass-face>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.compass-face>div>svg{color:var(--accent-ink)}.compass-face strong{font-size:18px;font-weight:500}.compass-directions{display:flex;gap:10px}.compass-directions button{width:45px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted)}.compass-directions button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.pocket-demo{width:260px}.pocket-stage{height:235px;position:relative;perspective:900px}.pocket-cover{position:absolute;bottom:0;left:20px;right:20px;height:125px;z-index:6;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line-strong);border-radius:8px 8px 22px 22px;background:linear-gradient(150deg,var(--surface-raised),var(--surface));color:var(--muted);box-shadow:0 12px 25px #17223620,inset 0 2px 2px var(--panel-highlight);font-size:13px!important;transition:transform .6s var(--ease-out);transform-origin:bottom}.opened .pocket-cover{transform:rotateX(-12deg) translateY(8px)}.pocket-card{position:absolute;width:162px;height:178px;bottom:30px;left:49px;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;transform:translate(calc((var(--pocket-index) - 1) * 8px)) rotate(calc((var(--pocket-index) - 1) * 5deg));transition:transform .7s var(--spring);padding:10px;box-shadow:0 5px 15px #17223617}.opened .pocket-card{transform:translate(calc((var(--pocket-index) - 1) * 24px)) translateY(-25px) rotate(calc((var(--pocket-index) - 1) * 12deg))}.opened .pocket-card.selected{transform:translateY(-65px) rotate(-4deg);z-index:5}.pocket-card i{display:block;height:115px;border-radius:8px;background:repeating-radial-gradient(ellipse at 40% 45%,var(--material-light) 0 8px,var(--material-mid) 9px 10px)}.pocket-art-1 i{background:conic-gradient(from 40deg,var(--material-light),var(--material-mid),var(--material-light))}.pocket-art-2 i{background:repeating-linear-gradient(45deg,var(--material-light) 0 12px,var(--material-mid) 13px 25px)}.pocket-card span{display:block;font-size:12px;color:var(--muted);margin-top:15px}.pocket-dots{display:flex;justify-content:center;gap:9px;padding-top:25px}.pocket-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--line-strong)}.pocket-dots button[aria-pressed=true]{background:var(--accent-ink)}.fusion-demo{width:min(100%,320px)}.fusion-filters{display:flex;gap:6px;padding:5px;background:var(--surface-raised);border-radius:20px}.fusion-filters button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 7px;border:0;border-radius:15px;background:transparent;color:var(--muted);font-size:13px;transition:background .4s,box-shadow .4s}.fusion-filters button[aria-pressed=true]{color:var(--accent-ink);background:var(--surface);box-shadow:0 3px 8px #17223610}.fusion-results{height:155px;position:relative;display:flex;justify-content:center;gap:8px;margin:24px 0 10px}.fusion-results>div{min-width:0;flex:1;max-width:180px;padding:17px 10px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);text-align:center}.fusion-results>div>span{display:grid;place-items:center;margin:0 auto 17px;width:43px;height:43px;border-radius:13px;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.fusion-results strong{display:block;font-size:12px;line-height:1.5;font-weight:550}.fusion-results small{display:block;margin-top:6px;color:var(--faint);font-size:12px}.fusion-result-enter-active,.fusion-result-leave-active,.fusion-result-move{transition:opacity .4s,transform .6s var(--spring)}.fusion-result-enter-from,.fusion-result-leave-to{opacity:0;transform:perspective(600px) rotateY(-40deg) scale(.6)}.fusion-result-leave-active{position:absolute}.origami-demo{width:310px;text-align:center}.origami-object{position:relative;height:225px;perspective:900px}.origami-key{position:absolute;width:70px;height:70px;left:120px;top:95px;z-index:4;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;color:var(--accent-ink);box-shadow:0 6px 0 var(--surface-raised),0 12px 25px #17223622}.origami-wing{position:absolute;top:95px;left:120px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);color:var(--muted);transform:rotateX(-90deg) scale(.3);opacity:0;transition:transform .7s var(--spring),opacity .3s;transition-delay:calc(var(--wing) * 65ms)}.origami-wing>span{position:absolute;top:78px;font-size:12px;white-space:nowrap}.origami-wing kbd{background:var(--surface-raised);color:var(--muted);font-size:12px;border:0;padding:4px}.unfolded .origami-wing{opacity:1;box-shadow:0 10px 20px #17223615}.unfolded .origami-wing:nth-of-type(2){transform:translate(-88px) rotateY(-12deg)}.unfolded .origami-wing:nth-of-type(3){transform:translateY(-88px) rotateX(12deg)}.unfolded .origami-wing:nth-of-type(4){transform:translate(88px) rotateY(12deg)}.reversible-demo{width:290px}.reversible-stage{height:170px;display:grid;place-items:center;perspective:800px}.reversible-object{width:108px;height:108px;position:relative;background:linear-gradient(135deg,var(--material-light),var(--material-mid));box-shadow:inset 0 3px 4px #ffffff8c,inset -5px -8px 15px #17223619,15px 18px 25px #17223620;border:1px solid var(--material-edge);transition:transform .65s var(--spring),border-radius .65s var(--spring)}.reversible-object i{position:absolute;inset:25px;border:1px solid var(--panel-highlight);border-radius:inherit;box-shadow:inset 3px 4px 12px #17223614;background:color-mix(in srgb,var(--surface) 15%,transparent)}.reversible-tools{display:flex;justify-content:center;gap:10px}.reversible-history{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.reversible-history>span{font-size:12px;color:var(--muted)}.reversible-history .lab-text{font-size:12px!important;padding-inline:4px}@media(max-width:380px){.origami-demo{width:280px}.origami-key,.origami-wing{left:105px}.bridge-demo{width:285px;gap:10px}.magnet-row{padding:10px 8px;gap:5px}.magnet-row>svg{display:none}.tide-context{max-width:100%}}@media(prefers-reduced-motion:reduce){.loupe-glass{box-shadow:0 0 0 2px var(--accent-ink)}.sealed .approval-seal{opacity:.85;transform:rotate(-13deg)}}[data-motion=false] .sealed .approval-seal{opacity:.85;transform:rotate(-13deg)}.ux-demo{width:min(100%,330px);position:relative;color:var(--text);font-size:14px}.ux-demo button{-webkit-tap-highlight-color:transparent}.ux-demo button:disabled{opacity:.45}.ux-demo button:focus-visible,.ux-demo input:focus-visible,.ux-demo textarea:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.ux-demo h3{font-size:24px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin:12px 0}.ux-demo .eyebrow,.ux-demo small{font-size:12px}.ux-status{display:block;font-size:12px;color:var(--muted);text-align:center;line-height:1.5;margin-top:12px;min-height:18px}.ux-primary{display:inline-flex;gap:10px;align-items:center;justify-content:center;border:1px solid transparent;background:var(--accent);color:var(--on-accent);padding:11px 15px;border-radius:12px;font-size:13px!important;min-height:40px;transition:transform .35s var(--spring),box-shadow .35s}.ux-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 23%,transparent)}.ux-primary:active:not(:disabled){transform:translateY(1px) scale(.98)}.ux-lines{display:grid;gap:8px;width:100%}.ux-lines i{height:4px;border-radius:4px;background:var(--line-strong)}.ux-lines i:nth-child(2){width:72%}.ux-lines i:last-child{width:45%}.ux-digit-enter-active,.ux-digit-leave-active{transition:transform .22s,opacity .22s,filter .22s}.ux-digit-enter-from{transform:translateY(10px) rotateX(-30deg);opacity:0;filter:blur(3px)}.ux-digit-leave-to{transform:translateY(-10px) rotateX(30deg);opacity:0;filter:blur(3px)}.selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px 0 27px;perspective:700px}.selection-grid>button{position:relative;padding:6px 6px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);text-align:left;transition:transform .55s var(--spring),box-shadow .5s,border-color .4s}.selection-grid>button[aria-pressed=true]{transform:translateY(-13px) rotate(calc((var(--sample) - 2.5) * 3deg));border-color:var(--accent-ink);box-shadow:0 12px 16px #17223615}.selection-art{display:block;height:88px;border-radius:8px;background:linear-gradient(calc(var(--sample) * 40deg),var(--material-light),var(--material-mid));position:relative;overflow:hidden;margin-bottom:10px}.selection-art:after{content:"";position:absolute;width:56px;height:56px;border:12px solid var(--material-dark);border-radius:calc(var(--sample) * 12%);top:16px;left:8px;transform:rotate(calc(var(--sample) * 20deg));opacity:.6}.selection-grid button>span:last-of-type{font-size:12px;white-space:nowrap}.selection-grid button>i{position:absolute;right:-4px;top:-5px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong)}.selection-grid button[aria-pressed=true]>i{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.selection-tray{margin:0 auto;width:max-content;max-width:100%;height:44px;display:flex;align-items:center;gap:12px;padding:5px 8px 5px 14px;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--soft-shadow);transform:translateY(15px) scale(.65) rotateX(-35deg);opacity:0;transition:transform .6s var(--spring),opacity .3s}.selection-tray.visible{transform:none;opacity:1}.selection-tray>span{font-size:13px}.selection-tray button{display:flex;align-items:center;gap:7px;border:0;border-radius:10px;background:var(--accent);color:var(--on-accent);padding:8px;font-size:12px}.selection-tray button:last-child{background:none;color:var(--muted)}.detail-demo{height:272px;perspective:1000px}.detail-siblings{display:flex;gap:10px;height:100%;align-items:center;transition:transform .75s var(--ease-out),filter .7s,opacity .7s}.detail-siblings>button{flex:1;min-width:0;height:175px;padding:12px;border-radius:17px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);text-align:left;box-shadow:0 8px 20px #1722360d}.detail-siblings>button>span{display:block;height:75px;margin-bottom:13px;border-radius:calc(10px + var(--project) * 20px);background:linear-gradient(calc(120deg + var(--project) * 60deg),var(--material-light),var(--material-mid));transform:rotate(calc((var(--project) - 1) * 10deg))}.detail-siblings strong{font-size:13px;display:block;margin-bottom:9px}.detail-siblings svg{color:var(--accent-ink)}.focused .detail-siblings{transform:translateY(8px) scale(.85) rotateX(9deg);filter:blur(2px);opacity:.35}.detail-expanded{position:absolute;inset:0;border-radius:23px;background:var(--surface);border:1px solid var(--line-strong);padding:26px;overflow:hidden;box-shadow:var(--panel-shadow)}.detail-expanded>button{position:absolute;top:15px;right:15px}.detail-expanded>.eyebrow{display:block;margin-top:39px}.detail-expanded h3{font-size:36px;position:relative;z-index:1}.detail-expanded h3 span{color:var(--accent-ink)}.detail-expanded p{max-width:175px;font-size:13px;line-height:1.65;position:relative;z-index:1}.detail-sculpture{position:absolute;right:-38px;bottom:-29px;width:170px;height:170px;border:38px solid var(--material-mid);border-radius:38px;transform:rotate(30deg);box-shadow:inset 8px 8px 20px #17223618,12px 15px 30px #17223614}.ux-detail-enter-active,.ux-detail-leave-active{transition:transform .65s var(--spring),clip-path .65s var(--ease-out),opacity .3s;transform-origin:50% 65%}.ux-detail-enter-from,.ux-detail-leave-to{transform:translateY(12px) scale(.7) rotateX(12deg);clip-path:inset(20% 25% round 20px);opacity:0}.ux-detail-enter-to,.ux-detail-leave-from{clip-path:inset(0 round 23px)}.compare-ux{text-align:center}.compare-devices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 20px 20px}.compare-devices>div{display:flex;flex-direction:column;align-items:center;gap:8px;perspective:500px}.compare-devices strong{font-size:16px;font-weight:550}.compare-devices>div>span{height:21px;color:var(--accent-ink);font-size:13px}.compare-device{width:95px;height:92px;display:grid;place-items:center}.compare-device i{display:block;width:88px;height:64px;border-radius:7px;border:5px solid var(--material-dark);background:linear-gradient(135deg,var(--material-light),var(--material-mid));position:relative;transform:rotateX(6deg) rotateY(-10deg);box-shadow:8px 10px 17px #17223624}.compare-device i:after{content:"";position:absolute;left:-9px;right:-9px;bottom:-9px;height:5px;border-radius:1px 1px 6px 6px;background:var(--material-mid)}.compare-device.larger i{transform:scale(1.12) rotateX(6deg) rotateY(10deg)}.compare-ux .lab-pills{width:max-content;max-width:100%;margin:auto}.compare-ux .lab-pills button{padding-inline:10px}.booking-demo{width:min(100%,310px);padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--soft-shadow)}.booking-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.booking-days button{display:grid;place-items:center;gap:7px;padding:10px 4px 7px;color:var(--muted);background:transparent;border:0;border-radius:12px;transition:background .4s,transform .5s var(--spring)}.booking-days strong{font-size:23px;font-weight:500}.booking-days i{width:4px;height:4px;background:var(--accent-ink);border-radius:50%;opacity:0}.booking-days button[aria-pressed=true]{background:var(--surface-raised);color:var(--text);transform:translateY(-4px);box-shadow:0 5px 10px #17223610}.booking-days button[aria-pressed=true] i{opacity:1}.booking-times{display:flex;gap:6px;padding-block:22px;perspective:500px}.booking-times button{flex:1;padding:10px 2px;background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:10px;font-size:13px}.booking-times button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-ink)}.booking-demo>.ux-primary{width:100%}.booking-receipt{display:flex;align-items:center;gap:12px;min-height:82px;color:var(--accent-ink)}.booking-receipt small{display:block;margin-top:5px;color:var(--muted)}.ux-hours-enter-active,.ux-hours-leave-active{transition:transform .27s,opacity .27s}.ux-hours-enter-from{transform:perspective(500px) rotateX(-40deg) translateY(-8px);opacity:0}.ux-hours-leave-to{transform:perspective(500px) rotateX(40deg) translateY(8px);opacity:0}.rename-demo{text-align:center}.rename-folder{color:var(--accent-ink);display:grid;place-items:center;width:110px;height:90px;margin:0 auto 22px;position:relative;transform:rotate(-5deg)}.rename-folder:before{content:"";position:absolute;inset:0;border-radius:24px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:7px 10px 20px #17223616;z-index:-1;transform:perspective(400px) rotateY(-12deg)}.rename-folder i{position:absolute;width:65px;height:3px;bottom:11px;border-radius:50%;background:var(--line-strong)}.rename-surface{min-height:55px;border:1px solid transparent;border-radius:15px;display:flex;align-items:center;padding:5px;background:transparent;transition:background .5s,box-shadow .5s,border .5s}.rename-surface.editing{background:var(--surface);border-color:var(--accent-ink);box-shadow:0 0 0 5px var(--accent-soft),0 12px 24px #17223610}.rename-surface>button{border:0;background:none;color:var(--accent-ink);display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border-radius:9px;flex-shrink:0}.rename-surface>button:only-child{width:100%;color:var(--text)}.rename-surface strong{font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-surface input{width:100%;min-width:0;border:0;background:transparent;padding:9px;color:var(--text);font-size:15px}.rename-surface input:focus-visible{outline-offset:-2px;border-radius:6px}.undo-demo{height:275px;perspective:700px}.undo-vault{position:absolute;inset:auto 30px 68px;height:70px;border:1px solid var(--line-strong);border-radius:15px;background:var(--surface-raised);display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);box-shadow:inset 0 7px 12px #1722360e}.undo-paper{position:absolute;inset:0 10px auto;min-height:177px;padding:22px;border:1px solid var(--line-strong);border-radius:17px;background:var(--surface);box-shadow:0 10px 25px #17223617;transform-origin:center bottom;transition:transform .8s var(--ease-out),opacity .6s,clip-path .8s;clip-path:inset(0 round 17px)}.undo-paper strong{display:block;font-size:19px;font-weight:500;margin:16px 0 8px}.undo-paper p{color:var(--muted);font-size:13px;margin:0}.undo-paper .lab-text{padding-left:0}.archived .undo-paper{transform:translateY(73px) rotateX(-74deg) scale(.75);opacity:0;clip-path:inset(0 0 90% round 17px)}.undo-recover{position:absolute;bottom:0;left:50%;transform:translate(-50%);white-space:nowrap}.undo-recover:hover:not(:disabled),.undo-recover:active:not(:disabled){transform:translate(-50%)}.journey-demo{padding:17px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--soft-shadow)}.journey-track{display:flex;gap:6px;margin-bottom:17px}.journey-track i{height:3px;flex:1;border-radius:4px;background:var(--line);transition:background .4s}.journey-track i.reached{background:var(--accent-ink)}.journey-stage{height:166px;perspective:700px;position:relative}.journey-stage:before{content:"";position:absolute;inset:5px 8px 0;border:1px solid var(--line);border-radius:13px;background:var(--surface-raised);transform:scale(.95) translateY(5px)}.journey-page{position:relative;height:100%;background:var(--surface);border-radius:12px;padding:3px}.journey-page h3{margin-top:8px}.journey-page p{color:var(--muted);line-height:1.6;font-size:13px}.journey-page>svg{color:var(--accent-ink)}.journey-options{display:flex;flex-wrap:wrap;gap:6px}.journey-options button{border:1px solid var(--line);background:var(--bg);color:var(--muted);padding:9px 11px;border-radius:10px;font-size:12px}.journey-options button[aria-pressed=true]{border-color:var(--accent-ink);color:var(--accent-ink);background:var(--accent-soft)}.journey-footer{display:flex;justify-content:space-between;margin-top:15px}.journey-footer .ux-primary{font-size:12px!important}.ux-journey-enter-active,.ux-journey-leave-active{transition:transform .3s var(--ease-out),opacity .25s}.ux-journey-enter-from{transform:translateZ(-90px) translate(25px) rotateY(-12deg);opacity:0}.ux-journey-leave-to{transform:translateZ(50px) translate(-25px) rotateY(12deg);opacity:0}.bundle-demo{text-align:center}.bundle-stage{height:200px;position:relative;perspective:700px}.bundle-stage>div{position:absolute;width:94px;height:135px;left:calc(50% - 47px);top:20px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);padding:25px 9px 12px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 8px 20px #17223616;transform:translate(calc((var(--file) - 1) * 95px)) rotate(calc((var(--file) - 1) * 8deg));transition:transform .8s var(--spring);transition-delay:calc(var(--file) * .04s)}.bundle-stage>div svg{color:var(--accent-ink)}.bundle-stage>div span{font-size:12px}.bundle-sleeve{position:absolute;inset:28px 55px 12px;border-radius:20px;border:1px solid var(--line-strong);background:var(--surface-raised);transform:translateY(30px) scale(.8);opacity:0;transition:transform .6s,opacity .4s}.bundled .bundle-sleeve{opacity:1;transform:none}.bundled .bundle-stage>div{transform:translate(calc((var(--file) - 1) * 13px)) translateY(calc(var(--file) * 5px)) rotate(calc((var(--file) - 1) * 2deg))}.bundle-band{position:absolute;z-index:3;left:36px;right:36px;top:110px;background:var(--accent);color:var(--on-accent);padding:16px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 12px #1722361a;transform:scaleX(.2) rotateX(-60deg);opacity:0;transition:transform .6s .1s var(--spring),opacity .4s}.bundle-band strong{font-weight:500;font-size:13px}.bundled .bundle-band{transform:none;opacity:1}.merge-demo{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.merge-heading{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:16px}.merge-heading svg{color:var(--accent-ink);transition:transform .8s var(--spring)}.merge-field{margin-bottom:12px}.merge-field>span{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.merge-field>div{display:flex;gap:7px}.merge-field button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;min-height:35px;padding:7px 5px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--muted);transition:flex .7s var(--spring),opacity .4s,transform .7s}.merge-field button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-ink);color:var(--accent-ink)}.merge-demo>.ux-primary{width:100%;margin-top:4px}.resolved .merge-field button[aria-pressed=true]{flex:2;opacity:1}.resolved .merge-field button[aria-pressed=false]{flex:.8;opacity:.35;transform:scale(.92)}.resolved .merge-heading svg{transform:rotate(180deg)}.merge-demo .ux-status{font-size:12px;margin-top:9px}.coach-toolbar{display:grid;grid-template-columns:repeat(3,1fr);padding:10px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--soft-shadow)}.coach-toolbar button{background:none;border:0;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 5px;color:var(--muted);transition:background .4s,transform .45s var(--spring)}.coach-toolbar button span{font-size:12px}.coach-toolbar button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);transform:translateY(-3px)}.coach-balloon{position:relative;padding:20px 23px;margin:23px 9px 0;background:var(--surface);border:1px solid var(--line-strong);border-radius:17px;box-shadow:0 12px 24px #17223612}.coach-balloon>i{position:absolute;top:-7px;left:calc(var(--anchor) - 7px);width:13px;height:13px;border:1px solid var(--line-strong);border-right:0;border-bottom:0;background:var(--surface);transform:rotate(45deg);transition:left .65s var(--spring)}.coach-balloon>div{min-height:74px}.coach-balloon strong{font-size:16px;font-weight:550}.coach-balloon p{font-size:13px;color:var(--muted);line-height:1.65;margin:8px 0 0}.coach-balloon>span{position:absolute;top:20px;right:20px;font-size:12px;color:var(--muted)}.notification-demo{perspective:800px}.notification-summary{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);padding:17px 14px;color:var(--text);position:relative;z-index:4;box-shadow:0 6px 20px #17223610}.notification-summary>span{display:flex;align-items:center;gap:8px;font-size:12px}.notification-summary strong{font-weight:500;font-size:14px}.notification-summary>span>svg{color:var(--accent-ink)}.notification-summary>span:last-child>svg{transition:rotate .6s}.expanded .notification-summary>span:last-child>svg{rotate:180deg}.notification-stack{position:relative;height:26px;transition:height .65s var(--spring)}.notification-stack>div{position:absolute;left:0;right:0;top:calc(var(--notice) * 8px - 42px);height:49px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:9px;transform:scale(calc(1 - var(--notice) * .045));transition:top .65s var(--spring),transform .65s,opacity .35s;z-index:calc(3 - var(--notice))}.notification-stack>div>i{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--accent-ink)}.notification-stack>div>span{font-size:12px;flex:1;opacity:0;transition:opacity .3s}.notification-stack small{font-size:12px;color:var(--muted);opacity:0}.expanded .notification-stack{height:175px}.expanded .notification-stack>div{top:calc(var(--notice) * 54px + 8px);transform:none}.expanded .notification-stack>div>span,.expanded .notification-stack small{opacity:1}.read .notification-stack>div>i{background:var(--line-strong)}.notification-demo>.lab-text{display:flex;margin:8px auto 0}.negotiated-panels{display:grid;height:195px;border:1px solid var(--line-strong);border-radius:18px;overflow:hidden;box-shadow:var(--soft-shadow);transition:grid-template-columns .25s var(--ease-out)}.negotiated-panels section{min-width:0;padding:19px 15px;background:var(--surface)}.negotiated-panels section+section{border-left:3px solid var(--accent);background:var(--surface-raised)}.negotiated-panels svg{color:var(--accent-ink)}.negotiated-panels strong{display:block;margin:10px 0 18px;font-size:14px;font-weight:550}.negotiated-note{padding:10px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.6;transform:rotate(-2deg)}.negotiated-slider{display:flex;align-items:center;gap:12px;margin-top:20px}.negotiated-slider span{font-size:12px;color:var(--muted)}.negotiated-slider input{width:100%;min-width:0;height:5px}.validation-demo{width:min(100%,310px)}.validation-demo form{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 22px;box-shadow:var(--soft-shadow)}.validation-symbol{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);transition:border-radius .7s,transform .7s var(--spring)}.validation-demo h3{font-size:21px;margin:12px 0 14px}.validation-demo label{font-size:12px;display:block;margin-bottom:7px;color:var(--muted)}.validation-demo input{width:100%;background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;color:var(--text);font-size:14px;transition:border-color .3s,box-shadow .3s}.validation-demo .invalid input{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft)}.validation-message{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-out)}.validation-message.shown{grid-template-rows:1fr}.validation-message p{overflow:hidden;min-height:0;margin:0;font-size:12px;color:var(--accent-ink);line-height:2}.validation-demo .ux-primary{width:100%;margin-top:12px}.validation-demo .success{text-align:center;padding-block:28px}.success .validation-symbol{margin:auto;border-radius:50%;transform:rotate(-8deg) scale(1.2)}.validation-demo .success p{color:var(--muted);font-size:13px;line-height:1.7}.crossing-labels{display:flex;justify-content:space-between;font-size:13px;padding:0 8px 13px}.crossing-labels span{display:flex;gap:9px;align-items:center}.crossing-labels b{border-radius:50%;background:var(--surface-raised);padding:3px 7px;font-size:12px;font-weight:500}.crossing-board{height:186px;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised);position:relative;padding:10px}.crossing-divider{position:absolute;top:12px;bottom:12px;left:50%;width:1px;background:var(--line-strong)}.crossing-board button{position:absolute;left:8px;width:calc(50% - 15px);top:calc(13px + var(--row) * 53px);display:flex;align-items:center;gap:7px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);height:45px;padding:8px;border-radius:11px;box-shadow:0 4px 9px #1722360b;transition:left .75s var(--spring),background .5s,border-color .5s}.crossing-board button>span{font-size:12px;flex:1;text-align:left}.crossing-board button svg{flex-shrink:0}.crossing-board button.complete{left:calc(50% + 7px);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent-ink) 40%,var(--line));color:var(--accent-ink)}.revision-stage{display:flex;align-items:center;justify-content:center;gap:27px;height:143px}.revision-stage>div{width:103px;height:103px;background:linear-gradient(135deg,var(--material-light),var(--material-mid));border:1px solid var(--line-strong);box-shadow:inset 2px 2px 3px #ffffff50,10px 12px 20px #17223620;display:grid;place-items:center;transition:transform .8s var(--spring),border-radius .8s var(--spring)}.revision-stage>div>i{width:42px;height:42px;border:9px solid var(--material-dark);opacity:.65;border-radius:inherit}.revision-stage>span{font-size:17px;width:110px}.revision-stage small{display:block;color:var(--muted);margin-top:9px;font-size:12px}.revision-rail{position:relative;display:flex;justify-content:space-between;margin:17px 20px 12px;border-top:2px solid var(--line-strong)}.revision-rail>span{height:2px;position:absolute;left:0;top:-2px;background:var(--accent-ink);transition:width .6s var(--spring)}.revision-rail button{position:relative;top:-9px;border:0;padding:0;background:none;color:var(--muted);display:flex;align-items:center;flex-direction:column;gap:10px}.revision-rail button i{width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);transition:transform .4s,background .4s}.revision-rail button i.current:after{content:"";display:block;margin:3px;width:6px;height:6px;border-radius:50%;background:var(--accent-ink)}.revision-rail button[aria-pressed=true] i{border-color:var(--accent-ink);transform:scale(1.2)}.revision-demo>.lab-text{display:flex;margin:auto}.semantic-demo{text-align:center}.semantic-map{height:207px;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle,var(--accent-soft),transparent 70%)}.semantic-orbit{position:absolute;width:190px;height:190px;border:1px dashed var(--line-strong);border-radius:50%;top:8px;left:calc(50% - 95px);transition:transform .85s var(--ease-out),opacity .7s}.semantic-cluster{position:absolute;left:calc(50% - 69px);top:34px;width:138px;height:138px;border-radius:32px;border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--soft-shadow);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;transition:transform .85s var(--ease-out),opacity .45s}.semantic-cluster>svg{color:var(--accent-ink)}.semantic-cluster strong{font-size:16px;font-weight:500}.semantic-cluster small{font-size:12px;color:var(--muted)}.zoomed .semantic-cluster{transform:scale(2.8);opacity:0;pointer-events:none}.zoomed .semantic-orbit{transform:scale(2);opacity:0}.semantic-nodes{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:11px}.semantic-nodes button{width:83px;height:115px;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:15px;padding:10px;opacity:0;transform:scale(.2) translate(calc((1 - var(--node)) * 140px));transition:transform .9s var(--spring),opacity .5s;transition-delay:calc(var(--node) * 45ms)}.zoomed .semantic-nodes button{opacity:1;transform:none}.semantic-nodes button[aria-pressed=true]{border-color:var(--accent-ink);transform:translateY(-8px);box-shadow:0 10px 20px #17223615}.semantic-nodes i{display:block;height:55px;margin-bottom:12px;background:linear-gradient(calc(var(--node) * 60deg),var(--material-light),var(--material-mid));border-radius:calc(6px + var(--node) * 10px)}.semantic-nodes span{font-size:12px}.typography-demo{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--soft-shadow)}.typography-toolbar{display:flex;align-items:center;gap:5px;width:max-content;margin:-36px auto 27px;padding:7px;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:15px;box-shadow:0 8px 20px #17223615;transition:transform .5s var(--spring)}.typography-demo:focus-within .typography-toolbar{transform:translateY(-5px)}.typography-toolbar>button{width:35px;height:35px;display:grid;place-items:center;border:0;background:transparent;border-radius:9px;color:var(--muted)}.typography-toolbar>button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.typography-toolbar>span{width:1px;height:20px;background:var(--line-strong);margin:0 3px}.typography-demo textarea{width:100%;height:129px;resize:none;background:transparent;border:0;font-size:28px;line-height:1.45;letter-spacing:-.8px;color:var(--text);padding:5px;transition:font-weight .3s}.typography-demo>.ux-status{text-align:left;border-top:1px solid var(--line);padding-top:12px}.basket-demo{padding:15px 19px;background:var(--surface);border:1px solid var(--line);border-radius:21px;box-shadow:var(--soft-shadow)}.basket-product{display:flex;align-items:center;gap:15px}.basket-stack{height:100px;width:85px;position:relative;flex-shrink:0;perspective:600px}.basket-stack i{position:absolute;left:13px;top:12px;width:55px;height:75px;border:1px solid var(--line-strong);border-radius:3px 8px 8px 3px;background:linear-gradient(130deg,var(--material-light),var(--material-mid));box-shadow:4px 4px 8px #17223619;transform:translate(calc(var(--unit) * -3px),calc(var(--unit) * -3px)) rotateY(-18deg) rotate(-8deg);display:grid;place-items:center;animation:ux-notebook .45s var(--spring)}.basket-stack i span{color:var(--material-dark);font-size:26px;font-style:normal}.basket-product strong{font-size:14px;font-weight:550;display:block}.basket-product>div>span{color:var(--muted);font-size:12px;display:block;margin:7px 0 10px}.basket-counter{display:flex;align-items:center;gap:12px}.basket-counter button{width:26px;height:26px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--text);display:grid;place-items:center}.basket-counter b{font-size:13px;font-weight:500}.basket-receipt{display:grid;grid-template-rows:0fr;max-height:0;opacity:0;overflow:hidden;transform:perspective(500px) rotateX(-45deg);transform-origin:top;transition:max-height .6s var(--spring),transform .6s,opacity .4s,margin .5s}.opened .basket-receipt{grid-template-rows:auto;max-height:145px;opacity:1;transform:none;margin-top:10px;border-top:1px dashed var(--line-strong);padding-top:12px}.basket-receipt>div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.basket-receipt small{font-size:12px;color:var(--muted);text-align:center;padding-top:8px}.basket-demo>.lab-text{display:flex;margin:6px auto 0;padding-bottom:0}.basket-demo.opened .basket-stack{height:80px}.basket-demo.opened .basket-stack i{height:65px}@keyframes ux-notebook{0%{opacity:0;transform:translateY(-25px) rotate(-20deg)}}.queue-demo{padding:18px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--soft-shadow)}.queue-header{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:15px;color:var(--muted)}.queue-header strong{color:var(--accent-ink);font-weight:500;white-space:nowrap}.queue-list{display:grid;gap:7px;position:relative}.queue-list>div{display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;padding:8px 10px;background:var(--surface-raised);border:1px solid var(--line);border-radius:11px;min-height:42px}.queue-progress{position:absolute;inset:0 auto 0 0;background:var(--accent-soft);transition:width .14s linear}.queue-list>div>svg,.queue-list>div>span:not(.queue-progress){position:relative;z-index:1}.queue-list>div>span:not(.queue-progress){flex:1;font-size:13px}.queue-list button{width:25px;height:25px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);position:relative}.queue-list>.done{color:var(--accent-ink)}.queue-demo>.ux-primary{width:100%;margin-top:14px}.ux-queue-move{transition:transform .65s var(--spring)}.stage-demo{height:273px;overflow:hidden}.stage-spaces{position:relative;height:220px;perspective:850px}.stage-spaces>button{position:absolute;inset:5px 18px 15px;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);color:var(--text);text-align:left;padding:22px;box-shadow:0 13px 25px #17223615;transform:translate(calc(var(--position) * 110%)) rotateY(calc(var(--position) * -12deg));transition:transform .85s var(--spring),opacity .65s,box-shadow .6s,left .7s,width .7s;opacity:0}.stage-spaces>button.current{opacity:1}.stage-spaces>button:disabled{opacity:0}.stage-spaces>button.current:disabled{opacity:1;cursor:default}.stage-spaces>button>svg{color:var(--accent-ink)}.stage-spaces strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.7px;margin:12px 0 8px}.stage-spaces p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 17px}.stage-spaces .ux-lines{width:70%}.overview .stage-spaces>button{inset:30px auto 12px;left:calc(var(--order) * 33.333% + 4px);width:calc(33.333% - 8px);transform:rotateY(calc(var(--position) * -9deg)) rotateX(5deg);opacity:1;padding:12px}.overview .stage-spaces>button.current{box-shadow:0 0 0 3px var(--accent),0 20px 35px #17223624;z-index:2}.overview .stage-spaces>button:hover{transform:translateY(-7px) rotateY(0)}.stage-demo>.lab-text{display:flex;margin:0 auto}.motion-grid[data-category=ux]>:not([data-family=ux]){display:none}:root[data-motion=false] .ux-demo *,:root[data-motion=false] .ux-demo *:before,:root[data-motion=false] .ux-demo *:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}@media(prefers-reduced-motion:reduce){.ux-demo *,.ux-demo *:before,.ux-demo *:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}}@media(max-width:480px){.ux-demo{max-width:100%}.selection-grid{gap:6px}.selection-grid>button{padding-inline:4px}.selection-grid button>span:last-of-type{font-size:12px}.selection-art{height:76px}.selection-art:after{left:2px}.selection-tray{gap:8px}.detail-siblings{gap:7px}.detail-siblings>button{padding:9px}.compare-ux .lab-pills button{padding-inline:8px}.bundle-stage>div{width:82px;left:calc(50% - 41px);transform:translate(calc((var(--file) - 1) * 82px)) rotate(calc((var(--file) - 1) * 7deg))}.notification-stack>div{gap:6px;padding-inline:9px}.notification-stack small{display:none}.crossing-board button{gap:5px;padding-inline:6px}.crossing-board button>svg:last-child{display:none}.semantic-nodes{gap:7px}.semantic-nodes button{width:76px}.basket-demo{padding-inline:13px}.basket-product{gap:8px}.merge-demo{padding:13px}.merge-field button{font-size:12px}.journey-footer .ux-primary{padding-inline:11px}}.overview .stage-spaces strong{font-size:14px;letter-spacing:0;margin-top:22px}.overview .stage-spaces p{display:none}.overview .stage-spaces .ux-lines{margin-top:25px}[data-appearance=atelier] :is(.page-heading h1,.desk-identity h1,.motion-card-info h2,.guide-section h2,.space-app-header h2){font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.7px}[data-appearance=atelier] .main-content{background-image:repeating-linear-gradient(0deg,transparent 0 39px,#51453303 39px 40px)}[data-appearance=atelier] :is(.motion-card,.catalog-card,.overlay-playground,.originals-grid>article,.space-app){border-radius:8px;border-color:var(--line-strong);box-shadow:3px 4px #5145330a}[data-appearance=atelier] :is(.p-button,.native-action,.workspace-switch){border-radius:calc(var(--rm-radius) * .5 + 2px)}[data-appearance=atelier] .native-action{font-weight:500}[data-appearance=atelier] :is(.p-dialog,.p-drawer){background:var(--surface);border-color:var(--line-strong)}[data-appearance=atelier] :is(.p-dialog-mask,.p-drawer-mask){--native-scrim: #40382d20}[data-appearance=atelier] .lab-portal,[data-appearance=atelier] .responsive-material{border-radius:9px}[data-appearance=opal] .studio-shell{background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--accent) 13%,transparent),transparent 48%),var(--bg)}[data-appearance=opal] .sidebar{background:#151620b3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right-color:var(--line)}[data-appearance=opal] :is(.motion-card,.catalog-card,.overlay-playground,.originals-grid>article,.space-app,.spatial-scene){background:linear-gradient(135deg,#ffffff08,transparent 60%),var(--glass);border-color:var(--line-strong);box-shadow:inset 0 1px #ffffff12,0 14px 35px #08091625}[data-appearance=opal] .motion-canvas,[data-appearance=opal] .original-demo{background:radial-gradient(ellipse at 70% 15%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%),#1719237a}[data-appearance=opal] :is(.p-dialog,.p-drawer){background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 55%);border-color:var(--material-edge)}[data-appearance=opal] .topbar{background:#181923ad;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-appearance=opal][data-glass=false] :is(.sidebar,.topbar,.motion-card,.catalog-card,.overlay-playground,.originals-grid>article,.space-app){background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.appearance-option.atelier .appearance-mini{background:#f3efe7;border:1px solid #51453338;border-radius:5px}.appearance-option.atelier .appearance-mini>span{background:#d9d2c4}.appearance-option.atelier .appearance-mini i{background:#b6a28a}.appearance-option.atelier .appearance-mini b,.appearance-option.atelier .appearance-mini em{background:#e4ddd0;border-radius:2px}.appearance-option.opal .appearance-mini{background:radial-gradient(ellipse at 80% 10%,color-mix(in srgb,var(--accent) 40%,#272936),#181923)}.appearance-option.opal .appearance-mini>span{background:#ffffff12}.appearance-option.opal .appearance-mini i{background:color-mix(in srgb,var(--accent) 60%,transparent)}.appearance-option.opal .appearance-mini b,.appearance-option.opal .appearance-mini em{background:#ffffff1a;border:1px solid #ffffff13}.accent-options{display:grid;grid-template-columns:repeat(6,32px);gap:15px}.console-swatches{flex-direction:column;align-items:flex-start;gap:14px}.console-swatches>div{display:grid;grid-template-columns:repeat(6,22px);gap:12px}.console-swatches button{width:22px;height:22px}.accent-options>button{color:var(--swatch-ink, #172236)}[data-appearance=mist] :is(.motion-card,.catalog-card,.originals-grid>article,.spatial-scene){border-radius:12px;box-shadow:0 2px 4px #31425708;border-color:var(--line-strong)}[data-appearance=mist] .main-navigation a.active{background:var(--surface);box-shadow:0 3px 9px #3142570e}[data-appearance=mist] :is(.p-dialog,.p-drawer){background:var(--surface);border-color:#fff}[data-appearance=nacre] .studio-shell{background:radial-gradient(ellipse at 85% 0,color-mix(in srgb,var(--accent) 15%,transparent),transparent 50%),var(--bg)}[data-appearance=nacre] :is(.motion-card,.catalog-card,.originals-grid>article,.overlay-playground,.spatial-scene){background:linear-gradient(145deg,#ffffffa6,#ffffff26),var(--glass);border-color:#ffffffba;box-shadow:var(--soft-shadow)}[data-appearance=nacre] :is(.sidebar,.topbar){background:#eeebf1bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-appearance=nacre] :is(.p-dialog,.p-drawer){background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,#ffffff),var(--surface));border-color:#fff}:is([data-appearance=mist],[data-appearance=nacre]) :is(.p-dialog-mask,.p-drawer-mask){--native-scrim: #35405a20}[data-appearance=nacre][data-glass=false] :is(.sidebar,.topbar,.motion-card,.catalog-card,.originals-grid>article){background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.appearance-option.mist .appearance-mini{background:#e0e5eb;border-radius:8px}.appearance-option.mist .appearance-mini>span{background:#bfc8d5}.appearance-option.mist .appearance-mini i{background:#91a4bc}.appearance-option.mist .appearance-mini b,.appearance-option.mist .appearance-mini em{background:#fff}.appearance-option.nacre .appearance-mini{background:linear-gradient(140deg,#e2d8ee,#f9f2f3 55%,#dbe6ed);border-color:#fff}.appearance-option.nacre .appearance-mini>span{background:#ffffff9c}.appearance-option.nacre .appearance-mini i{background:#bea8d3}.appearance-option.nacre .appearance-mini b,.appearance-option.nacre .appearance-mini em{background:#ffffffbf}.segment-original{overflow-x:auto;justify-content:flex-start;padding-inline:14px}.segment-original .liquid-tabs>button{font-size:12px;padding-inline:5px}.segment-original .liquid-tabs{min-width:410px;width:100%;max-width:none;flex-shrink:0}.segment-original .liquid-tabs>button>svg{width:15px}@media(max-width:1150px){.console-swatches{display:none}}@media(max-width:360px){.accent-options{grid-template-columns:repeat(6,28px);gap:12px}.accent-options>button{width:28px;height:28px}}.native-mobile-menu{width:min(500px,calc(100vw - 20px));margin:10px!important;max-height:calc(100svh - 24px);border-radius:30px!important}.native-mobile-menu .p-dialog-content{padding:12px 22px 20px}.mobile-menu-grip{width:36px;height:4px;border-radius:10px;background:var(--line-strong);margin:0 auto 23px}.native-mobile-menu header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.native-mobile-menu h2{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:6px 0 0}.mobile-menu-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--muted);border-radius:50%}.native-mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.native-mobile-menu nav>button{position:relative;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-raised) 50%,var(--surface));color:var(--text);text-align:left;transform-origin:50% 100%;animation:mobile-menu-unfold .75s both cubic-bezier(.16,1,.3,1);animation-delay:calc(var(--menu-order) * 35ms);transition:background .25s,scale .25s var(--spring)}.native-mobile-menu nav>button:active{scale:.95}.native-mobile-menu nav>button.selected{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.mobile-menu-icon{color:var(--accent-ink);margin-bottom:9px}.native-mobile-menu nav strong{font-size:14px;font-weight:600}.native-mobile-menu nav small{font-size:12px;color:var(--muted);margin-top:2px}.mobile-menu-check{position:absolute;top:17px;right:15px;color:var(--accent-ink)}.native-mobile-menu footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;gap:12px}.native-mobile-menu footer>span{font-size:12px;color:var(--muted)}.native-mobile-menu footer button{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);background:none;border:0;padding:8px 0}@keyframes mobile-menu-unfold{0%{opacity:0;transform:perspective(600px) rotateX(-24deg) translateY(24px) scale(.92);filter:blur(4px)}to{opacity:1;transform:perspective(600px) rotateX(0) translateY(0) scale(1);filter:blur(0)}}@media(max-width:800px){.sidebar{display:none!important}.menu-toggle{display:grid!important}.sidebar-scrim{display:none}}@media(max-height:650px){.native-mobile-menu nav>button{min-height:88px;padding:12px}.mobile-menu-icon{margin-bottom:3px}.native-mobile-menu nav small{display:none}.mobile-menu-grip{margin-bottom:12px}.native-mobile-menu header{margin-bottom:15px}.native-mobile-menu h2{font-size:23px}}.space-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.space-selector>button{min-width:0;padding:15px 12px;gap:9px;font-size:14px}.space-selector>button small{display:none}.space-selector>button.active{box-shadow:inset 0 -2px 0 var(--accent)}.example-app{border:1px solid var(--line-strong);border-radius:20px;overflow:hidden;background:var(--surface);margin-bottom:30px;box-shadow:var(--soft-shadow)}.example-titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--bg);min-height:62px;font-size:14px}.example-titlebar>span{display:flex;align-items:center;gap:10px}.example-titlebar small{font-size:12px;color:var(--muted)}.window-dots{display:flex;gap:7px}.window-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.window-dots i:first-child{background:var(--accent)}.example-app button{cursor:pointer}.example-app button:disabled{cursor:default}.editor-actions{display:flex;gap:6px;margin-left:auto}.editor-actions button{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:8px 10px;font-size:12px}.editor-actions .run-code{background:var(--accent);color:var(--on-accent);border-color:transparent}.editor-actions .editor-explorer-toggle{display:none}.editor-workbench{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:510px;position:relative}.editor-explorer{padding:25px 0 0;background:color-mix(in srgb,var(--bg) 60%,var(--surface));border-right:1px solid var(--line);display:flex;flex-direction:column}.editor-explorer>.eyebrow{padding:0 20px 22px}.editor-folder{display:flex;align-items:center;gap:6px;padding:9px 12px;font-size:12px;color:var(--muted);white-space:nowrap}.editor-explorer>button{display:flex;align-items:center;gap:9px;padding:11px 20px 11px 30px;text-align:left;border:0;background:none;color:var(--muted);font-size:13px}.editor-explorer>button.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.editor-explorer>button>svg{color:var(--accent-ink)}.editor-local-note{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.7;color:var(--faint);margin:auto 20px 24px;padding-top:30px}.editor-main{min-width:0;background:var(--surface)}.editor-tabs{display:flex;align-items:stretch;background:var(--bg);overflow-x:auto;border-bottom:1px solid var(--line)}.editor-tabs>div{display:flex;align-items:center;border-right:1px solid var(--line);border-top:2px solid transparent;padding-right:7px}.editor-tabs>div.active{border-top-color:var(--accent);background:var(--surface)}.editor-tabs button{display:flex;align-items:center;gap:9px;padding:14px 13px;color:var(--muted);border:0;background:none;font-size:13px;white-space:nowrap}.editor-tabs button+button{padding:5px}.editor-tabs .active button{color:var(--text)}.unsaved-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.editor-breadcrumb{display:flex;align-items:center;gap:9px;padding:13px 20px;font-size:12px;color:var(--faint)}.code-surface{display:flex;height:435px;overflow:hidden}.line-numbers{width:48px;flex-shrink:0;overflow:hidden;padding:14px 10px;text-align:right;color:var(--faint);-webkit-user-select:none;user-select:none}.line-numbers span{display:block;font:13px/25px Consolas,monospace}.code-input{position:relative;flex:1;min-width:0}.code-input pre,.code-input textarea{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;padding:14px 20px 30px 5px;font:14px/25px Consolas,Cascadia Code,monospace;tab-size:2;letter-spacing:0;white-space:pre;overflow:auto}.code-input pre{color:var(--text);pointer-events:none;scrollbar-width:none;background:transparent}.code-input textarea{color:transparent;caret-color:var(--text);background:transparent;resize:none;-webkit-text-fill-color:transparent}.code-input textarea::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.code-input textarea:focus{outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.syntax-tag{color:var(--accent-ink)}.syntax-string{color:color-mix(in srgb,var(--accent-ink) 75%,var(--text))}.syntax-comment{color:var(--faint)}.syntax-number{color:var(--text);font-weight:600}.editor-status{display:flex;justify-content:space-between;gap:15px;padding:11px 16px;background:color-mix(in srgb,var(--accent) 8%,var(--bg));color:var(--muted);border-top:1px solid var(--line);font-size:12px}.editor-status>span{display:flex;align-items:center;gap:9px}.editor-status i{height:10px;width:1px;background:var(--line-strong)}.editor-preview{background:var(--bg)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 18px;color:var(--muted);font-size:12px}.preview-toolbar>div{display:flex;gap:5px}.preview-toolbar button{border:0;background:none;color:var(--muted);padding:5px;border-radius:5px}.preview-toolbar button[aria-pressed=true]{background:var(--surface);color:var(--accent-ink)}.editor-preview iframe{display:block;width:100%;height:435px;border:0;margin:0 auto;transition:width .6s var(--ease-out);background:#fff}.editor-preview iframe.narrow{width:min(100%,320px)}.mail-search{display:flex;align-items:center;gap:10px;max-width:330px;width:40%;background:var(--surface);border:1px solid var(--line);padding:9px 12px;border-radius:10px;color:var(--muted)}.mail-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:13px}.demo-label{font-size:12px!important;color:var(--faint)}.mail-layout{display:grid;grid-template-columns:170px minmax(240px,.78fr) minmax(300px,1.22fr);min-height:630px}.mail-folders{padding:23px 12px;background:color-mix(in srgb,var(--bg) 65%,var(--surface));border-right:1px solid var(--line);display:flex;flex-direction:column}.compose-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:var(--on-accent);border:0;border-radius:12px;font-size:14px;padding:13px;margin-bottom:24px}.mail-folders nav{display:grid;gap:5px}.mail-folders nav>button{display:flex;align-items:center;gap:10px;color:var(--muted);padding:11px 10px;background:none;border:0;border-radius:9px;font-size:13px}.mail-folders nav>button.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-ink)}.mail-folders nav small{margin-left:auto;font-size:12px}.mail-account{display:flex;align-items:center;gap:9px;margin-top:auto;padding:30px 6px 0;font-size:13px}.mail-account small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.mail-list{min-width:0;border-right:1px solid var(--line)}.mail-list>header{display:flex;align-items:center;gap:12px;min-height:65px;padding:16px 20px;border-bottom:1px solid var(--line)}.mail-list>header strong{font-size:15px;font-weight:600}.mail-list>header>span{font-size:12px;color:var(--faint)}.mail-letter-list{max-height:620px;overflow-y:auto}.mail-letter{width:100%;display:block;position:relative;text-align:left;padding:23px 20px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);transition:background .25s}.mail-letter.selected{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 3px 0 0 var(--accent)}.mail-letter-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mail-letter-top strong{font-size:13px;color:var(--text);font-weight:500}.mail-letter-top small{font-size:12px;white-space:nowrap}.mail-letter-subject{display:block;font-size:14px;line-height:1.5;margin:9px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.unread .mail-letter-subject{font-weight:650}.mail-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.7;padding-right:10px}.letter-star{position:absolute;right:14px;bottom:16px;color:var(--accent-ink)}.unread-indicator{width:5px;height:5px;border-radius:50%;background:var(--accent-ink);position:absolute;top:29px;left:9px}.mail-reader{min-width:0;background:var(--surface)}.mail-reader-toolbar{min-height:65px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:10px;border-bottom:1px solid var(--line);color:var(--faint);font-size:12px}.mail-reader-toolbar>div{display:flex;gap:6px}.mail-reader-toolbar button[aria-pressed=true]{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.letter-content{padding:35px clamp(22px,3vw,45px)}.letter-content h2{font-size:25px;line-height:1.3;letter-spacing:-.7px;font-weight:500;margin:14px 0 27px}.letter-sender{display:flex;gap:12px;align-items:center}.sender-avatar{width:39px;height:39px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent-ink);font-size:13px;flex-shrink:0}.letter-sender strong{font-size:13px;font-weight:550}.letter-sender small{display:block;font-size:12px;color:var(--faint);margin-top:5px;overflow-wrap:anywhere}.letter-body{white-space:pre-wrap;margin:30px 0;font-size:14px;color:var(--muted);line-height:1.9}.mail-empty{min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center;color:var(--muted);padding:20px}.mail-empty p{font-size:14px}.mail-empty h3{font-weight:500;font-size:23px}.mail-status{padding:13px 20px;font-size:12px;line-height:1.6;color:var(--faint);border-top:1px solid var(--line);background:var(--bg)}.mail-back,.mail-folder-toggle,.mail-compose-mobile{display:none}.letter-open-enter-active,.letter-open-leave-active{transition:opacity .25s,transform .35s,filter .25s}.letter-open-enter-from{opacity:0;transform:perspective(900px) rotateY(-7deg) translate(18px);filter:blur(3px)}.letter-open-leave-to{opacity:0;transform:translate(-10px)}.compose-form{display:grid;gap:18px}.compose-form label,.commerce-request label{display:grid;gap:8px;font-size:13px;color:var(--muted)}.compose-form input,.compose-form textarea,.commerce-request input{padding:12px 14px;border:1px solid var(--line-strong);border-radius:11px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}.compose-form textarea{resize:vertical;line-height:1.7}.compose-form footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.compose-form footer>span{font-size:12px;color:var(--faint)}.commercial-app{background:var(--bg);container-type:inline-size}.commerce-nav{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:20px;border-bottom:1px solid var(--line)}.commerce-brand{display:flex;align-items:center;gap:8px;color:var(--text);font-size:23px;letter-spacing:-1px;text-decoration:none}.commerce-brand>span{font-size:12px;letter-spacing:0;color:var(--muted);margin-top:5px}.commerce-nav>div{display:flex;align-items:center;gap:25px}.commerce-nav a:not(.commerce-brand){color:var(--muted);text-decoration:none;font-size:13px}.commerce-nav button{display:flex;align-items:center;gap:10px;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;padding:11px 15px;font-size:13px}.commerce-hero{padding:65px 6%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;overflow:hidden}.commerce-kicker{font-size:12px;letter-spacing:1.2px;display:flex;align-items:center;gap:9px}.commerce-copy h2{font-size:clamp(38px,4.3vw,66px);letter-spacing:-2.5px;font-weight:450;line-height:1.08;margin:29px 0 25px}.commerce-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent-ink)}.commerce-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:400px}.commerce-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.commerce-ctas>a{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px;text-decoration:none}.commerce-footnote{display:block;margin-top:18px;font-size:12px;color:var(--faint)}.commerce-art{height:350px;position:relative;perspective:1000px}.commerce-orbit{position:absolute;inset:10%;border:1px solid var(--line-strong);border-radius:50%;transform:rotateX(30deg) rotateY(-28deg)}.commerce-object{width:215px;height:230px;position:absolute;left:calc(50% - 108px);top:45px;border-radius:42% 42% 35% 35%;border:48px solid var(--material-light);transform:rotate(-23deg) rotateY(-18deg);background:transparent;box-shadow:18px 28px 45px #1722362a,inset 15px 15px 25px #1722362a,inset -3px -3px 8px #fff4;transition:transform 1s var(--spring)}.commerce-art:hover .commerce-object{transform:rotate(-10deg) rotateY(12deg)}.commerce-floating-note{position:absolute;left:0;bottom:38px;width:210px;padding:20px;border:1px solid var(--panel-highlight);border-radius:19px;background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:rotate(-7deg);box-shadow:var(--panel-shadow);display:flex;align-items:center;gap:12px;font-size:13px}.commerce-floating-note svg{color:var(--accent-ink)}.commerce-floating-progress{position:absolute;right:-15px;top:20px;display:flex;align-items:center;gap:10px;padding:15px 18px;border-radius:15px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 25px #17223618;font-size:12px;transform:rotate(7deg)}.commerce-floating-progress svg{color:var(--accent-ink)}.commerce-art-label{position:absolute;bottom:0;right:0;font-size:12px;color:var(--faint);letter-spacing:1px}.commerce-values{display:flex;align-items:center;justify-content:center;gap:10%;padding:25px;border-block:1px solid var(--line);color:var(--muted);font-size:13px}.commerce-values>span{display:flex;align-items:center;gap:12px}.commerce-values svg{width:17px;color:var(--accent-ink)}.commerce-section{padding:65px 6%;scroll-margin-top:35px}.commerce-section-heading{position:relative;margin-bottom:32px}.commerce-section-heading h3{font-size:34px;line-height:1.2;font-weight:450;letter-spacing:-1px;margin-top:16px}.commerce-section-heading>p{position:absolute;right:0;bottom:0;font-size:14px;color:var(--muted);line-height:1.8}.commerce-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.commerce-feature-grid article>small{font-size:12px;color:var(--faint);letter-spacing:1px}.commerce-feature-grid h4{font-weight:550;font-size:17px;line-height:1.4;margin:12px 0 10px}.commerce-feature-grid p{font-size:13px;color:var(--muted);line-height:1.8}.feature-art{height:170px;border-radius:18px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;margin-bottom:23px;position:relative;overflow:hidden}.feature-art>svg{position:relative;color:var(--accent-ink);z-index:2}.feature-art i,.feature-art b{position:absolute;width:80px;height:100px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-raised);transform:rotate(-16deg);box-shadow:5px 12px 20px #17223614}.feature-art b{transform:rotate(12deg) translate(15px,5px);background:var(--surface)}.feature-connect i{border-radius:50%;width:92px;height:92px;transform:translate(-20px)}.feature-connect b{border-radius:50%;width:92px;height:92px;transform:translate(20px);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.feature-share i{transform:rotate(-10deg);border-radius:20px}.feature-share b{transform:rotate(10deg) translate(8px,-6px);border-radius:20px}.commerce-billing{display:flex;position:absolute;right:0;bottom:4px;gap:4px;padding:5px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.commerce-billing button{border:0;padding:9px 12px;color:var(--muted);background:none;border-radius:8px;font-size:13px}.commerce-billing button[aria-pressed=true]{color:var(--text);background:var(--surface-raised)}.commerce-billing small{font-size:12px;color:var(--accent-ink);margin-left:4px}.commerce-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.commerce-plans article{position:relative;padding:30px 23px;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface)}.commerce-plans .featured{border-color:var(--accent);box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 12%,transparent)}.plan-label{position:absolute;left:22px;top:-10px;background:var(--accent);color:var(--on-accent);border-radius:8px;padding:5px 9px;font-size:12px;letter-spacing:.7px}.commerce-plans h4{font-size:19px;font-weight:550}.commerce-plans p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.6}.plan-price{font-size:44px;font-weight:450;letter-spacing:-2px;margin-top:25px}.plan-price>span{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:8px}.commerce-plans article>small{display:block;font-size:12px;color:var(--faint);margin:6px 0 24px}.commerce-plans article>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:13px;padding:12px}.commerce-plans ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px;font-size:12px;color:var(--muted)}.commerce-plans li{display:flex;align-items:center;gap:8px}.commerce-plans li svg{color:var(--accent-ink);flex-shrink:0}.commerce-faq{padding:20px 6% 65px;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.commerce-faq h3{font-size:28px;font-weight:450;letter-spacing:-.8px;margin-top:16px}.commerce-faq article{border-bottom:1px solid var(--line)}.commerce-faq article button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:15px;padding:20px 0;background:none;border:0;color:var(--text);width:100%;font-size:14px}.commerce-faq article button svg{flex-shrink:0}.commerce-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}.commerce-answer.open{grid-template-rows:1fr}.commerce-answer p{overflow:hidden;min-height:0;font-size:13px;line-height:1.9;color:var(--muted)}.commerce-answer.open p{padding-bottom:20px}.commerce-footer{padding:26px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line)}.commerce-footer>span,.commerce-footer>a{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text);text-decoration:none}.commerce-footer>small{font-size:12px;color:var(--faint)}.commerce-request{display:grid;gap:20px}.commerce-request p{font-size:14px;color:var(--muted);line-height:1.7}.commerce-request>small{font-size:12px;color:var(--faint)}.commerce-success{text-align:center;padding:20px}.commerce-success svg{color:var(--accent-ink)}.commerce-success p{font-size:15px;line-height:1.7;margin:20px 0}@media(max-width:1250px){.space-selector{grid-template-columns:repeat(3,1fr)}.mail-layout{grid-template-columns:150px minmax(200px,.8fr) minmax(250px,1.2fr)}.editor-workbench{grid-template-columns:180px minmax(0,1fr)}.window-dots{display:none}}@media(max-width:1050px){.mail-layout{grid-template-columns:minmax(230px,.8fr) minmax(280px,1.2fr);position:relative}.mail-folders{display:none}.mail-folders.shown{display:flex;position:absolute;z-index:4;left:10px;top:60px;bottom:20px;width:200px;border:1px solid var(--line-strong);border-radius:15px;background:var(--surface);box-shadow:var(--panel-shadow)}.mail-folder-toggle,.mail-compose-mobile{display:grid}.mail-compose-mobile{margin-left:auto}.editor-workbench{grid-template-columns:minmax(0,1fr)}.editor-explorer{display:none}.editor-explorer.shown{display:flex;position:absolute;inset:0 auto 0 0;width:220px;z-index:4;background:var(--surface);box-shadow:15px 0 30px #17223625}.editor-actions .editor-explorer-toggle{display:flex}.example-titlebar>span>small{display:none}}@container (max-width: 780px){.commerce-hero{grid-template-columns:1fr;padding-top:40px}.commerce-copy h2{font-size:48px}.commerce-copy>p{max-width:540px}.commerce-art{height:310px;max-width:400px;width:100%;margin:0 auto}.commerce-feature-grid{gap:18px}.commerce-section-heading>p{position:static;margin-top:18px}.commerce-plans{grid-template-columns:1fr;gap:26px}.commerce-plans article{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.commerce-plans article>ul{grid-column:2;grid-row:1 / span 5;margin:0;align-content:center}.commerce-plans article>button{grid-column:1}.commerce-billing{position:static;margin-top:23px;width:max-content}.commerce-footer>small{display:none}}@container (max-width: 480px){.commerce-nav{padding-block:18px}.commerce-nav>div{gap:10px}.commerce-nav>div>a{display:none}.commerce-copy h2{font-size:41px;letter-spacing:-1.8px}.commerce-copy>p{font-size:14px}.commerce-kicker{font-size:12px}.commerce-values{flex-direction:column;gap:17px;align-items:flex-start;padding-left:6%}.commerce-feature-grid{grid-template-columns:1fr;gap:30px}.feature-art{height:185px}.commerce-section{padding-block:45px}.commerce-section-heading h3{font-size:30px}.commerce-faq{grid-template-columns:1fr;gap:25px}.commerce-plans article{display:block;padding:28px}.commerce-plans article>ul{margin-top:25px}.commerce-floating-progress{right:0}.commerce-object{width:180px;height:200px;left:calc(50% - 90px);border-width:40px}.commerce-art-label{display:none}}@media(max-width:800px){.mail-layout{display:block;min-height:540px}.mail-reader,.mail-layout.reading-mobile .mail-list{display:none}.mail-layout.reading-mobile .mail-reader{display:block}.mail-back{display:grid}.mail-reader-toolbar>span{margin-right:auto}.mail-letter-list{max-height:600px}.example-titlebar{padding:14px;flex-wrap:wrap;gap:12px}.mail-search{width:100%;max-width:none;order:3}.mail-app .demo-label{margin-left:auto}.editor-status{flex-wrap:wrap}.space-selector>button{flex-direction:row}.letter-content{padding:27px 24px}.compose-form footer{flex-wrap:wrap}}@media(max-width:480px){.space-selector{gap:6px}.space-selector>button{padding:12px 6px;font-size:12px;flex-direction:column}.example-app{border-radius:15px}.editor-actions{width:100%}.editor-actions .run-code{margin-left:auto}.editor-status>span:last-child{display:none}.code-surface{height:380px}.editor-breadcrumb{font-size:12px;padding-inline:12px}.editor-preview iframe{height:435px}}