.library-component{background:#fbfcfb;border:1px solid #edf0ec;border-radius:7px;flex-direction:column;min-height:132px;display:flex;overflow:hidden}.library-component.is-wide{grid-column:span 2}.library-component-preview{background:linear-gradient(135deg,#11161108,#52605014),#f7f9f7;border-bottom:1px solid #edf0ec;place-items:center;min-height:156px;padding:12px;display:grid;overflow:hidden}.library-preview-scale{transform-origin:50%;place-items:center;width:100%;max-width:100%;display:grid;overflow:hidden}.library-component-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:12px;display:flex}.library-component-paths{gap:5px;display:grid}.library-tuning-panel{background:#fff;border:1px solid #e1e6df;border-radius:7px;gap:9px;padding:10px;display:grid}.library-tuning-head{color:#526050;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.library-tuning-head span,.library-tuning-head small{align-items:center;gap:6px;display:inline-flex}.library-tuning-head small{color:#667166;background:#eef3ed;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:600}.library-tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.library-upload-field{grid-column:1/-1}.library-upload-field em{color:#526050;text-overflow:ellipsis;white-space:nowrap;background:#f1f4f1;border-radius:6px;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:5px 8px;font-style:normal;display:inline-flex;overflow:hidden}.library-tuning-field{color:#667166;gap:5px;min-width:0;font-size:12px;display:grid}.library-tuning-field input[type=text],.library-tuning-field input:not([type]){width:100%}.library-tuning-field input[type=range]{width:100%;min-width:0;accent-color:var(--cl-accent,#5d685c)}.library-tuning-field input[type=file]{color:#526050;width:100%;min-width:0;font-size:12px}.library-tuning-field input[type=color]{background:#fff;border:1px solid #d6dad5;border-radius:6px;width:42px;height:28px;padding:0}.library-tuning-field input:not([type=range]):not([type=color]){color:#17201a;background:#fff;border:1px solid #d6dad5;border-radius:6px;min-width:0;height:32px;padding:0 9px}.library-write-button{color:#246e4a;cursor:pointer;background:#e8f5ee;border:1px solid #b9dfc9;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;display:inline-flex}.library-write-button:disabled{opacity:.6;cursor:wait}.library-write-message{color:#246e4a;font-size:12px}.cl-thumb{border:1px solid color-mix(in srgb, var(--cl-accent,#5d685c) 48%, #fff);background:linear-gradient(135deg, color-mix(in srgb, var(--cl-accent,#5d685c) 12%, #fff), #fff);width:min(260px,100%);min-height:116px;padding:16px;box-shadow:0 12px 28px #141a140f}.cl-thumb-generic{align-content:center;gap:7px;display:grid}.cl-thumb strong{color:#17201a;font-size:16px}.cl-thumb span{color:#667166;font-size:12px}.cl-thumb-control{align-items:center;gap:var(--cl-gap,8px);min-height:104px;display:flex}.cl-thumb-control div{background:color-mix(in srgb, var(--cl-accent,#5d685c) 30%, #dfe6df);border-radius:999px;flex:1;height:8px}.cl-thumb-control button{width:var(--cl-button-size,38px);height:var(--cl-button-size,38px);border-radius:inherit;background:#fff;border:1px solid #d8dfd8}.cl-thumb-control button.is-active{background:color-mix(in srgb, var(--cl-accent,#5d685c) 18%, #fff);border-color:var(--cl-accent,#5d685c)}.cl-thumb-panel{width:min(var(--cl-panel-width,320px), 100%);gap:10px;display:grid}.cl-thumb-panel header{color:#17201a;font-size:13px;font-weight:800}.cl-thumb-panel>span,.cl-thumb-slider,.cl-thumb-list i{background:#e4e9e3;border-radius:999px;height:8px}.cl-thumb-panel>span:nth-of-type(2){width:64%}.cl-thumb-slider{position:relative}.cl-thumb-slider:after{content:"";background:var(--cl-accent,#5d685c);border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;left:58%}.cl-thumb-list{gap:6px;display:grid}.cl-thumb-scene{background:radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--cl-accent,#5d685c) var(--cl-light,70%), transparent), transparent 30%), linear-gradient(135deg, #12171d, #26303a);min-height:128px;position:relative;overflow:hidden}.cl-thumb-scene span{background:#ffffff47;height:2px;position:absolute;bottom:20px;left:22px;right:22px}.cl-thumb-scene i{border:1px solid #ffffff52;border-radius:8px;width:34px;height:34px;position:absolute;top:16px;right:18px}.cl-thumb-object{width:104px;height:58px;transform:translate(-50%, -50%) scale(var(--cl-scene-zoom,1)) rotateX(58deg) rotateZ(-16deg);background:linear-gradient(145deg,#d9e2df,#8a9a93);border-radius:18px 18px 9px 9px;position:absolute;top:48%;left:50%;box-shadow:0 24px 36px #00000047}.cl-thumb-annotation{min-height:118px;position:relative}.cl-thumb-annotation i{width:var(--cl-pin-size,18px);height:var(--cl-pin-size,18px);background:var(--cl-accent,#5d685c);box-shadow:0 0 0 7px color-mix(in srgb, var(--cl-accent,#5d685c) 15%, transparent);border-radius:50%;position:absolute;bottom:25px;left:30px}.cl-thumb-annotation span{width:92px;height:var(--cl-line-width,2px);background:var(--cl-accent,#5d685c);position:absolute;top:54px;left:48px;transform:rotate(-18deg)}.cl-thumb-annotation strong{border-radius:inherit;background:#fff;max-width:128px;padding:7px 9px;font-size:12px;position:absolute;top:22px;right:18px}.cl-thumb-header{align-content:start;gap:10px;min-height:118px;display:grid}.cl-thumb-header nav{gap:7px;display:flex}.cl-thumb-header nav i,.cl-thumb-header>span{background:#e4e9e3;border-radius:999px;height:8px}.cl-thumb-header nav i{width:36px}.cl-thumb-screen{background:radial-gradient(circle at 35% 16%,#586878,#0000 36%),linear-gradient(135deg,#111820,#05070a);min-height:130px;position:relative;overflow:hidden}.cl-thumb-screen strong{color:#fff;font-size:13px;position:absolute;top:14px;left:14px}.cl-thumb-screen section{background:#ffffff2e;border:1px solid #ffffff38;border-radius:14px;width:94px;height:76px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.cl-thumb-screen div{background:var(--cl-accent,#ccd0d4);border-radius:999px;width:68px;height:7px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.cl-case-toolbar{justify-content:center;align-items:center;gap:var(--cl-gap,8px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ccd0d45c;min-height:118px;display:flex}.cl-case-toolbar.is-bridge{background:#0d1219db}.cl-case-toolbar div{width:var(--cl-button-size,38px);justify-items:center;gap:5px;display:grid}.cl-case-toolbar i{border-radius:inherit;background:#ccd0d4;width:28px;height:28px;box-shadow:inset 0 -3px 4px -1px #00000038,inset 0 3px 4px -1px #ffffff75,0 4px 10px #0000001f}.cl-case-toolbar.is-bridge i{background:#ffffff14;border:1px solid #ffffff24}.cl-case-toolbar div.is-active i{background:color-mix(in srgb, var(--cl-accent,#5d685c) 24%, #ccd0d4)}.cl-case-toolbar span{color:#17201ab8;white-space:nowrap;font-size:10px}.cl-case-toolbar.is-bridge span{color:#eaf2f7c7}.cl-case-mobile{background:#f7f7f5;width:min(180px,100%);min-height:170px;position:relative;overflow:hidden}.cl-case-mobile section{background:#fff;border-radius:16px 16px 0 0;gap:6px;padding:12px;display:grid;position:absolute;bottom:44px;left:12px;right:12px}.cl-case-mobile p,.cl-case-card p{color:#526050;margin:0;font-size:11px}.cl-case-mobile nav{background:#fffffff5;border-top:1px solid #e6e9e4;grid-template-columns:repeat(5,1fr);align-items:center;height:42px;display:grid;position:absolute;bottom:0;left:0;right:0}.cl-case-mobile nav span{text-align:center;font-size:10px}.cl-case-panel{width:min(var(--cl-panel-width,320px), 100%);background:#ffffffeb;gap:8px;display:grid}.cl-case-panel.bridge-components,.cl-case-panel.bridge-settings{color:#ffffffe6;background:#0c1118e6}.cl-case-panel header,.cl-case-card header,.cl-case-layout header{color:inherit;font-size:13px;font-weight:800}.cl-case-panel label{background:color-mix(in srgb, var(--cl-accent,#5d685c) 7%, #f3f6f3);border-radius:7px;grid-template-columns:minmax(0,86px) minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px 8px;display:grid}.cl-case-panel.bridge-components label,.cl-case-panel.bridge-settings label{background:#ffffff12}.cl-case-panel label span{text-overflow:ellipsis;white-space:nowrap;color:inherit;overflow:hidden}.cl-case-panel label i{background:color-mix(in srgb, var(--cl-accent,#5d685c) 38%, #dfe6df);border-radius:999px;height:6px}.cl-case-layout{grid-template-rows:auto 1fr auto;gap:9px;min-height:150px;display:grid}.cl-case-layout main{grid-template-columns:1fr 56px;gap:8px;min-height:78px;display:grid}.cl-case-layout main div{background:radial-gradient(circle at 54% 45%,#ffffffc7,#0000 18%),linear-gradient(135deg,#cfd8d2,#85948d);border-radius:16px}.cl-case-layout main aside{background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px #e3e8e2}.cl-case-layout footer{color:#526050;background:#ccd0d48c;border-radius:999px;place-items:center;height:22px;font-size:10px;display:grid}.cl-case-header{background:0 0;align-content:start;gap:8px;min-height:118px;display:grid}.cl-case-header.is-bridge{background:radial-gradient(circle at 72% 20%,#5cc7ff38,#0000 32%),linear-gradient(135deg,#0d1117,#151b22)}.cl-case-header.is-bridge strong,.cl-case-header.is-bridge span{color:#fff}.cl-case-header nav{gap:6px;margin-left:auto;display:flex}.cl-case-header nav i{color:#526050;background:#ccd0d480;border-radius:9px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-size:9px;font-style:normal;display:inline-grid}.cl-case-card{background:#fff;gap:8px;width:min(250px,100%);display:grid}.cl-case-card.gallery{grid-template-columns:repeat(3,1fr)}.cl-case-card.gallery header,.cl-case-card.gallery button{grid-column:1/-1}.cl-case-card.gallery p{background:linear-gradient(135deg, color-mix(in srgb, var(--cl-accent,#5d685c) 18%, #fff), #eef1ee);border-radius:8px;place-items:center;min-height:42px;display:grid}.cl-case-card button{background:color-mix(in srgb, var(--cl-accent,#5d685c) 16%, #e8f5ee);color:#246e4a;border:0;border-radius:7px;height:28px}.cl-case-scene{background:radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--cl-accent,#5d685c) var(--cl-light,70%), transparent), transparent 32%), linear-gradient(135deg, #151b22, #27313a);min-height:150px;position:relative;overflow:hidden}.cl-case-scene.desk-scene{background:linear-gradient(#eef1ee 0%,#d7dfd8 100%)}.cl-case-model{width:138px;height:64px;transform:translate(-50%, -50%) scale(var(--cl-scene-zoom,1)) rotateX(58deg) rotateZ(-13deg);background:linear-gradient(145deg,#dfe5e0,#7d8c84);border-radius:22px 22px 10px 10px;position:absolute;top:54%;left:50%;box-shadow:0 26px 34px #00000038}.cl-case-scene.bridge-scene .cl-case-model{background:linear-gradient(145deg,#9eb3c2,#405466);border-radius:10px;width:160px;height:38px}.cl-case-scene span{z-index:1;color:#526050;background:#ffffffb8;border-radius:999px;margin:8px 0 0 8px;padding:4px 7px;font-size:10px;display:inline-block;position:relative}.cl-case-annotation{min-height:132px;position:relative}.cl-case-annotation i{width:var(--cl-pin-size,18px);height:var(--cl-pin-size,18px);background:var(--cl-accent,#5d685c);box-shadow:0 0 0 7px color-mix(in srgb, var(--cl-accent,#5d685c) 15%, transparent);border-radius:50%;position:absolute;bottom:28px;left:28px}.cl-case-annotation b{width:94px;height:var(--cl-line-width,2px);background:var(--cl-accent,#5d685c);position:absolute;top:60px;left:48px;transform:rotate(-18deg)}.cl-case-annotation strong{border-radius:inherit;background:#fff;padding:7px 9px;font-size:12px;position:absolute;top:20px;right:14px}.cl-case-annotation small{color:#526050;text-align:right;max-width:150px;font-size:10px;position:absolute;bottom:20px;right:14px}.cl-case-switch{align-content:center;justify-items:center;gap:12px;min-height:116px;display:grid}.cl-case-switch div{gap:8px;display:flex}.cl-case-switch span{background:color-mix(in srgb, var(--cl-accent,#5d685c) 14%, #fff);border-radius:999px;place-items:center;min-width:44px;height:28px;padding:0 9px;display:inline-grid}.cl-product-wordmark{align-items:flex-end;min-width:0;max-width:100%;height:42px;display:flex}.cl-product-letter{font-family:Orbitron,Rajdhani,Inter,sans-serif;font-size:var(--cl-wordmark-font-size,34px);letter-spacing:var(--cl-wordmark-spacing,.08em);-webkit-text-fill-color:transparent;filter:drop-shadow(-1px -1px 0 #ffffffe6) drop-shadow(1px 1px 0 #2a2a2a) drop-shadow(var(--cl-wordmark-shadow,2px) var(--cl-wordmark-shadow,2px) 0 #1e1e1e);background:linear-gradient(175deg,#fff 0%,#f2f2f2 18%,#cacaca 30%,#f9f9f9 42%,#b8b8b8 68%,#a3a3a3 100%);-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1;display:inline-block}.cl-product-login-bg{background:radial-gradient(circle at 35% 18%,#27384a 0,#111820 42%,#080b10 100%);border-radius:7px;width:min(320px,100%);min-height:130px;position:relative;overflow:hidden}.cl-product-login-bg-image,.cl-product-login-media{object-fit:cover;width:100%;height:100%;filter:brightness(var(--cl-bg-brightness,62%)) blur(var(--cl-bg-blur,0px));background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.cl-product-login-card{color:#fff;width:min(300px,100%);-webkit-backdrop-filter:blur(var(--cl-card-blur,20px)) saturate(1.35);backdrop-filter:blur(var(--cl-card-blur,20px)) saturate(1.35);background:#c8d0d83d;border:1px solid #ffffff47;border-radius:18px;gap:14px;padding:24px;display:grid;box-shadow:0 8px 34px #00000047,inset 0 1px #ffffff3d}.cl-product-login-card h3{color:#ffffffeb;text-align:center;letter-spacing:.06em;margin:0;font-size:18px}.cl-product-login-card p{color:#ffffff8f;text-align:center;margin:-7px 0 7px;font-size:12px}.cl-product-login-card label{color:#fff9;letter-spacing:.08em;gap:7px;font-size:11px;font-weight:700;display:grid}.cl-product-login-card input{color:#ffffffe0;background:#a0aab433;border:1px solid #ffffff1f;border-radius:12px;min-width:0;height:38px;padding:0 12px;box-shadow:inset 0 2px 6px #00000047}.cl-product-login-card em{color:#ff8282f2;text-align:center;font-size:12px;font-style:normal}.cl-product-login-card button{color:#282828d1;letter-spacing:.12em;background:#ccd0d4;border:0;border-radius:14px;place-items:center;height:44px;font-weight:800;display:inline-grid;box-shadow:inset 0 -3px 4px -1px #00000040,inset 0 3px 4px -1px #fff6,inset 0 0 5px 1px #fffc,0 4px 12px -2px #00000040}.cl-product-login-card button.is-loading{box-shadow:inset 0 -8px 30px 1px #ffffffe6,inset 0 8px 25px #0006,inset 0 0 10px 1px #fff9}.cl-login-button-spinner{border:2px solid #28282840;border-top-color:#282828b8;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite cl-spin}.cl-product-progress{justify-items:center;gap:8px;display:grid}.cl-product-progress-ring{border-radius:max(50%, var(--cl-radius,8px));background:var(--cl-accent,#ccd0d4);place-items:center;width:82px;height:82px;animation:2s linear infinite cl-spin;display:grid;box-shadow:inset 0 -3px 4px -1px #00000040,inset 0 3px 4px -1px #fff6,inset 0 0 5px 1px #fffc,0 4px 12px -2px #00000040}.cl-product-progress-ring span{color:#1e1e1edb;font-size:16px;font-weight:800;animation:2s linear infinite cl-spin-reverse}.cl-product-progress small{color:#667166;font-size:12px}.cl-product-login-screen{border-radius:8px;place-items:center;width:100%;min-height:420px;display:grid;position:relative;overflow:hidden}.cl-product-login-screen .cl-product-login-bg{border-radius:0;min-height:100%;position:absolute;inset:0}.cl-product-login-screen .cl-product-wordmark{z-index:2;position:absolute;top:18px;left:18px}.cl-product-login-screen .cl-product-login-card{z-index:2;position:relative}.cl-product-login-screen .cl-product-progress{z-index:2;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.cl-bridge-header-preview{background:radial-gradient(circle at 70% 15%,#5388aa33,#0000 32%),linear-gradient(135deg,#0d1117 0%,#151b22 45%,#0b1015 100%);border-radius:8px;align-items:flex-start;width:100%;min-height:130px;padding:20px;display:flex}.cl-bridge-title{gap:7px;display:grid}.cl-bridge-title strong{color:#fff;text-shadow:0 2px 16px #0000008c;font-size:clamp(24px,4cqw,34px);font-weight:850;line-height:1}.cl-bridge-title span{color:#eaf2f7d6;font-size:14px;line-height:1.35}.cl-bridge-loading-box{background:#080c12db;border-radius:8px;gap:14px;width:min(330px,100%);padding:20px;display:grid}.cl-bridge-loading-title{color:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.cl-bridge-loading-track{border-radius:inherit;background:#ffffff1f;height:6px;overflow:hidden}.cl-bridge-loading-bar{border-radius:inherit;background:linear-gradient(90deg, #43d17b, var(--cl-accent,#5cc7ff));height:100%}.cl-bridge-controlbar,.cl-bridge-dev-dock{background:#0d1219c7;border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:8px;max-width:100%;padding:9px;display:flex;overflow-x:auto;box-shadow:0 16px 48px #0003}.cl-bridge-dev-dock button,.cl-bridge-tool{height:var(--cl-bridge-button-size,38px);color:#ffffffdb;background:#ffffff12;border:1px solid #ffffff21;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.cl-bridge-dev-dock button{gap:6px;padding:0 10px;font-size:12px}.cl-bridge-tool{width:var(--cl-bridge-button-size,38px)}.cl-bridge-tool.is-active,.cl-bridge-dev-dock button.is-active{border-color:color-mix(in srgb, var(--cl-accent,#5cc7ff) 55%, transparent);background:color-mix(in srgb, var(--cl-accent,#5cc7ff) 18%, transparent);color:#bfeaff}.cl-bridge-separator{background:#ffffff1f;flex:none;width:1px;height:30px}.cl-bridge-component-panel,.cl-bridge-settings-panel{color:#ffffffe6;background:#0c1118db;border:1px solid #ffffff21;border-radius:8px;gap:10px;width:min(320px,100%);padding:14px;display:grid;box-shadow:0 18px 54px #00000038}.cl-bridge-panel-head,.cl-bridge-panel-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.cl-bridge-panel-head h3,.cl-bridge-settings-panel h3{margin:0;font-size:14px}.cl-bridge-panel-head div,.cl-bridge-panel-toolbar div{align-items:center;gap:6px;display:flex}.cl-bridge-panel-head button,.cl-bridge-panel-toolbar button{color:#ffffffd6;background:#ffffff12;border:1px solid #ffffff21;border-radius:8px;height:28px;padding:0 9px}.cl-bridge-search{background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.cl-bridge-search input{color:#ffffffeb;background:0 0;border:0;flex:1;min-width:0}.cl-bridge-component-list{gap:8px;display:grid}.cl-bridge-component-item{background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.cl-bridge-component-name{color:#ffffffe6;text-align:left;background:0 0;border:0;gap:3px;min-width:0;padding:0;display:grid}.cl-bridge-component-name strong,.cl-bridge-component-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-bridge-component-name span{color:#eaf2f78f;font-size:11px}.cl-bridge-component-item div{gap:5px;display:flex}.cl-bridge-component-item div button{color:#ffffffd1;background:#ffffff12;border:1px solid #ffffff21;border-radius:8px;width:30px;height:30px}.cl-bridge-settings-panel section{border-top:1px solid #ffffff1a;gap:10px;padding-top:10px;display:grid}.cl-bridge-field{color:#eaf2f7c7;gap:6px;font-size:12px;display:grid}.cl-bridge-field div{grid-template-columns:minmax(0,1fr) 64px;gap:8px;display:grid}.cl-bridge-field input[type=range]{min-width:0;accent-color:var(--cl-accent,#5cc7ff)}.cl-bridge-field input[type=number]{color:#ffffffeb;text-align:right;background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;min-width:0;height:30px}.cl-bridge-confirm{color:#9ff0b9;background:#43d17b24;border:1px solid #43d17b61;border-radius:8px;height:34px;font-size:12px;font-weight:720}@keyframes cl-spin{to{transform:rotate(1turn)}}@keyframes cl-spin-reverse{to{transform:rotate(-1turn)}}@media (width<=1100px){.library-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.library-header{align-items:stretch}.library-project-head{flex-direction:column}.library-project-head a{width:100%}}@media (width<=640px){.library-component-grid{grid-template-columns:1fr}.library-component.is-wide{grid-column:auto}.library-project{padding:14px}.cl-product-login-screen{min-height:460px}}@container (width<=1280px){.library-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=860px){.library-component-grid{grid-template-columns:1fr}.library-component.is-wide{grid-column:auto}}:is(html:has(.saas-shell),html:has(.client-login-page),body:has(.saas-shell),body:has(.client-login-page)){width:100%;height:100%;margin:0;overflow:hidden}:is(#root:has(.saas-shell),#root:has(.client-login-page)){text-align:left;border-inline:0;width:100%;max-width:none;height:100dvh;margin:0;display:block;position:fixed;inset:0;overflow:hidden}.saas-shell{box-sizing:border-box;color:#17201a;background:#f6f7f8;grid-template-columns:clamp(220px,22%,280px) minmax(0,1fr);height:100dvh;min-height:0;font-family:Inter,PingFang SC,system-ui,sans-serif;display:grid;container-type:inline-size}.saas-sidebar{box-sizing:border-box;color:#f7f3eb;background:#151a16;flex-direction:column;gap:18px;height:100dvh;padding:20px;display:flex}.saas-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:10px 8px 18px;display:flex}.saas-brand strong,.saas-brand span{display:block}.saas-brand strong{font-size:18px}.saas-brand span{color:#ffffff94;margin-top:2px;font-size:12px}.saas-sidebar nav{flex-direction:column;gap:6px;display:flex}.saas-sidebar nav button,.library-nav-link,.saas-link{min-height:42px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.saas-sidebar nav button:hover,.saas-sidebar nav button.active,.library-nav-link:hover,.saas-link:hover{background:#ffffff17;border-color:#ffffff1a}.saas-sidebar nav span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-nav-link{color:#ffffffc2;gap:8px;font-size:13px}.client-project-name-input{color:#fff;width:100%;min-width:0;height:28px;font:inherit;background:#ffffff14;border:1px solid #ffffff47;border-radius:5px;outline:none;padding:0 8px}.client-project-name-input:focus{border-color:#fff9}.saas-sidebar nav em,.saas-link{color:#ffffff94;font-size:12px}.saas-link{justify-content:center;gap:6px;margin-top:auto}.saas-link+.saas-link{margin-top:0}.status-dot{background:#91978f;border-radius:50%;width:9px;height:9px}.status-dot.active{background:#4fb477}.status-dot.grace{background:#d89d32}.status-dot.expired,.status-dot.disabled{background:#cc5b5b}.saas-main{box-sizing:border-box;min-width:0;height:100vh;padding:28px;overflow:auto}.saas-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.saas-header p{color:#667166;margin-bottom:5px;font-size:13px}.saas-header h1{letter-spacing:0;font-size:30px}.saas-header select{color:#17201a;background:#fff;border:1px solid #d6dad5;border-radius:6px;min-width:160px;height:38px;padding:0 10px}.header-action{color:#17201a;cursor:pointer;background:#fff;border:1px solid #d6dad5;border-radius:6px;height:36px;padding:0 12px}.config-badge{border-radius:6px;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:13px;display:flex}.config-badge.ready{color:#217148;background:#e8f5ee}.config-badge.mock{color:#8a620d;background:#fff3d8}.saas-grid{gap:14px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.two-col,.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.client-shell{--client-side-width:clamp(220px, 22vw, 280px);grid-template-columns:var(--client-side-width) minmax(0, 1fr)}.client-shell .saas-main{flex-direction:column;display:flex;overflow:hidden}.client-workbench{grid-template-columns:minmax(280px, 1fr) var(--client-side-width) var(--client-side-width);flex:1;align-items:stretch;gap:18px;min-height:0;display:grid}.client-config-rail,.client-visitor-rail{flex-direction:column;gap:14px;min-width:0;max-height:100%;padding-right:2px;display:flex;overflow:auto}.client-config-rail .saas-panel,.client-config-rail .saas-stat,.client-visitor-rail .saas-panel{padding:14px}.client-stats-grid{grid-template-columns:1fr;margin-bottom:0}.saas-stat,.saas-panel{background:#fff;border:1px solid #e2e5e1;border-radius:8px;box-shadow:0 10px 28px #141a140a}.saas-stat{align-items:center;gap:12px;padding:16px;display:flex}.saas-stat svg{color:#6c7a68}.saas-stat span,.project-row span,.tenant-meta span,.audit-row,.event-list span{color:#667166;font-size:12px}.saas-stat strong{margin-top:3px;font-size:20px;display:block}.saas-stat-success svg,.saas-stat-active svg{color:#2f8a57}.saas-stat-grace svg{color:#b56f00}.saas-stat-expired svg,.saas-stat-disabled svg{color:#bd4b4b}.saas-panel{padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-heading.compact{align-items:center}.panel-heading span{color:#667166;font-size:12px}.panel-heading h2{letter-spacing:0;font-size:19px}.panel-actions{flex-wrap:wrap;gap:8px;display:flex}.panel-actions button,.config-list button{color:#17201a;cursor:pointer;background:#fff;border:1px solid #d6dad5;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 12px;display:inline-flex}.panel-actions button:hover,.config-list button:hover:not(:disabled){background:#f0f4ef}.panel-actions button.danger{color:#a33434}.panel-actions button.success{color:#246e4a}.tenant-meta,.permission-list{flex-wrap:wrap;gap:8px;display:flex}.tenant-meta{margin-bottom:18px}.tenant-meta span,.permission-list span{background:#f4f6f3;border-radius:6px;padding:7px 9px}.permission-list span.allowed{color:#246e4a;background:#e8f5ee;border-color:#b9dfc9}.project-list,.audit-list,.config-list,.event-list{flex-direction:column;gap:10px;display:flex}.project-form{grid-template-columns:minmax(0,1fr) 112px auto;gap:8px;margin-bottom:12px;display:grid}.project-form input,.project-form select{color:#17201a;min-width:0;height:36px;font:inherit;background:#fff;border:1px solid #d6dad5;border-radius:6px;padding:0 10px}.project-form button,.project-edit,.project-delete,.project-publish{color:#17201a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d6dad5;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;display:inline-flex}.project-form button{color:#246e4a;border-color:#b9dfc9}.project-edit{color:#246e4a}.project-publish{color:#246e4a;border-color:#b9dfc9}.project-publish:disabled{opacity:.45;cursor:not-allowed}.project-publish-note{color:#667166;background:#fbfcfb;border:1px solid #e5e9e3;border-radius:6px;margin:-4px 0 12px;padding:9px 11px;font-size:13px;line-height:1.5}.project-publish-note.pending{color:#805b12;background:#fff8e6;border-color:#f0d59a}.project-row{border:1px solid #edf0ec;border-radius:6px;align-items:center;gap:10px;padding:11px;display:flex}.project-row>div{flex:1;min-width:0}.project-row strong,.project-row span,.project-row em{display:block}.project-name-input{color:#17201a;width:100%;height:34px;font:inherit;background:#fff;border:1px solid #b9dfc9;border-radius:6px;padding:0 10px;font-weight:700}.project-draft-tag{color:#805b12;background:#fff8e6;border:1px solid #f0d59a;border-radius:999px;width:fit-content;margin-top:4px;padding:3px 7px;font-size:12px;font-style:normal}.project-delete{color:#a33434}.license-preview{color:#d8f2d7;background:#111611;border-radius:6px;max-height:250px;padding:12px;font-size:12px;overflow:auto}.empty-state{color:#667166;text-align:center;border:1px dashed #ccd2cc;border-radius:6px;place-items:center;gap:8px;min-height:140px;display:grid}.license-help{color:#5d685c;background:#fbfcfb;border:1px solid #edf0ec;border-radius:6px;gap:8px;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.65;display:grid}.license-help p{margin:0}.audit-row,.event-list div{border-bottom:1px solid #edf0ec;grid-template-columns:110px 1fr 1fr;gap:10px;padding:9px 0;display:grid}.saas-warning{color:#815a0d;background:#fff7df;border:1px solid #f0d59a;border-radius:6px;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex}.viewer-panel iframe{background:#111611;border:1px solid #d6dad5;border-radius:6px;width:100%;height:360px}.client-viewer-panel{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.client-viewer-panel iframe{height:100%;min-height:0}.config-list button{justify-content:flex-start}.config-list button:disabled{opacity:.45;cursor:not-allowed}.event-list div{grid-template-columns:150px 1fr;font-size:12px}.client-login-page{color:#17201a;background:#f6f7f8;place-items:center;min-height:100vh;font-family:Inter,PingFang SC,system-ui,sans-serif;display:grid}.saas-recovery-page{color:#17201a;background:#f6f7f8;place-items:center;min-height:100dvh;padding:24px;font-family:Inter,PingFang SC,system-ui,sans-serif;display:grid}.saas-recovery-card{background:#fff;border:1px solid #e2e5e1;border-radius:8px;gap:14px;width:min(460px,100%);padding:22px;display:grid;box-shadow:0 18px 54px #141a141f}.saas-recovery-card strong{font-size:20px}.saas-recovery-card p{color:#5d685c;margin:0;line-height:1.65}.saas-recovery-card button{color:#fff;cursor:pointer;background:#246e4a;border:1px solid #1f6f46;border-radius:6px;height:38px}.saas-recovery-card code{color:#a33434;white-space:normal;word-break:break-word;background:#f4f6f3;border-radius:6px;padding:8px;font-size:12px}.client-login-card{background:#fff;border:1px solid #e2e5e1;border-radius:8px;flex-direction:column;gap:16px;width:min(420px,100vw - 32px);padding:24px;display:flex;box-shadow:0 22px 60px #141a141f}.login-brand{color:#17201a;border-bottom-color:#e2e5e1;padding:0 0 18px}.login-brand span{color:#667166}.client-login-card label,.content-form label{color:#526050;flex-direction:column;gap:7px;font-size:13px;display:flex}.client-login-card input,.content-form input:not([type=file]),.content-form textarea{color:#17201a;width:100%;font:inherit;background:#fff;border:1px solid #d6dad5;border-radius:6px}.client-login-card input,.content-form input:not([type=file]){height:38px;padding:0 11px}.content-form textarea{resize:vertical;padding:10px 11px}.client-login-card button,.confirm-button{color:#fff;cursor:pointer;background:#246e4a;border:1px solid #1f6f46;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:38px;display:inline-flex}.confirm-button:disabled{opacity:.45;cursor:not-allowed}.login-error{color:#a33434;font-size:13px}.content-panel{grid-row:span 2}.content-form{flex-direction:column;gap:12px;display:flex}.content-form label span{align-items:center;gap:6px;display:flex}.annotation-fields{gap:8px;display:grid}.annotation-fields textarea{min-height:62px}.media-uploader{background:#fbfcfb;border:1px solid #e1e6df;border-radius:8px;gap:9px;padding:12px;display:grid}.media-uploader-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.media-uploader-heading span{color:#526050;font-size:13px}.media-upload-button{color:#246e4a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #2b7650;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;display:inline-flex}.media-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.media-asset-list{gap:7px;display:grid}.media-asset-row{background:#fff;border:1px solid #edf0ec;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:38px;padding:8px 10px;display:grid}.media-asset-row div{gap:3px;min-width:0;display:grid}.media-asset-row strong{color:#17201a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.media-asset-row span{color:#7a8478;white-space:nowrap;font-size:12px}.consultation-config-panel{background:#fbfcfb;border:1px solid #e1e6df;border-radius:8px;gap:10px;padding:12px;display:grid}.consultation-preview{background:#fff;border:1px solid #e5ebe3;border-radius:8px;gap:4px;padding:12px;display:grid}.consultation-preview strong,.consultation-preview span,.consultation-preview em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.consultation-preview strong{color:#17201a;font-size:16px}.consultation-preview span,.consultation-preview em{color:#667166;font-size:12px}.consultation-field-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px;display:grid}.consultation-field-grid label{color:#526050;gap:7px;min-width:0;font-size:13px;display:grid}.consultation-field-grid input{color:#17201a;width:100%;min-width:0;height:36px;font:inherit;background:#fff;border:1px solid #d6dad5;border-radius:6px;padding:0 10px}.consultation-field-grid input:disabled{color:#91998f;background:#f4f6f3}.consultation-wide-field{grid-column:1/-1}.consultation-qr-row{margin-top:2px}.save-note{color:#246e4a;font-size:13px}.account-panel{margin-top:16px}.client-config-rail .account-panel{margin-top:0}.account-sync-state{color:#246e4a;background:#e8f5ee;border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px;font-weight:700}.account-sync-state.pending{color:#805b12;background:#fff8e6}.account-form{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));align-items:end;gap:10px;display:grid}.account-form button{min-width:min(210px,100%)}.account-form label{color:#526050;gap:7px;font-size:13px;display:grid}.account-form input{color:#17201a;width:100%;min-width:0;height:38px;font:inherit;background:#fff;border:1px solid #d6dad5;border-radius:6px;padding:0 11px}.account-form input:disabled{color:#91998f;background:#f4f6f3}.client-config-rail .account-form,.client-config-rail .background-control-grid{grid-template-columns:1fr}.client-config-rail .account-form button{min-width:0}.client-config-rail .background-preview{min-height:140px}.client-config-rail .media-uploader-heading,.client-config-rail .media-asset-row{grid-template-columns:1fr;align-items:stretch}.client-config-rail .media-upload-button{width:100%}.background-config-panel{background:#fbfcfb;border:1px solid #e1e6df;border-radius:8px;gap:12px;padding:12px;display:grid}.background-preview{border:1px solid #dfe4dd;border-radius:8px;min-height:176px;position:relative;overflow:hidden}.background-preview img,.background-preview video{width:100%;height:100%;position:absolute;inset:0}.background-preview-card{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111611bd;border:1px solid #ffffff75;border-radius:8px;gap:4px;width:min(220px,100% - 24px);padding:12px;display:grid;position:absolute;bottom:12px;left:12px}.background-preview-card span{color:#ffffffb8;font-size:12px}.background-preview-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.background-control-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px 16px;display:grid;overflow:hidden}.background-control-grid label{color:#526050;gap:7px;min-width:0;font-size:13px;display:grid;overflow:hidden}.background-control-grid input[type=range]{appearance:none;box-sizing:border-box;cursor:pointer;background:0 0;width:calc(100% - 4px);min-width:0;height:18px;margin:0 2px;padding:0;overflow:hidden}.background-control-grid input[type=range]::-webkit-slider-runnable-track{background:#d9ddd7;border-radius:999px;height:6px;box-shadow:inset 0 0 0 1px #bdc4bb}.background-control-grid input[type=range]::-webkit-slider-thumb{appearance:none;background:#526050;border:0;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 0 0 4px #fbfcfb}.background-control-grid input[type=range]::-moz-range-track{background:#d9ddd7;border-radius:999px;height:6px;box-shadow:inset 0 0 0 1px #bdc4bb}.background-control-grid input[type=range]::-moz-range-thumb{background:#526050;border:0;border-radius:50%;width:16px;height:16px}.background-control-grid select{color:#17201a;width:100%;min-width:0;height:36px;font:inherit;background:#fff;border:1px solid #d6dad5;border-radius:6px;padding:0 9px}.background-color-field input{background:#fff;border:1px solid #d6dad5;border-radius:6px;width:48px;height:36px;padding:2px}.background-upload-control{min-width:0}.background-upload-control .media-upload-button{width:100%}.visitor-list{flex-direction:column;gap:10px;display:flex}.visitor-row{border:1px solid #edf0ec;border-radius:6px;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;display:grid}.visitor-row strong,.visitor-row span,.visitor-row em{align-items:center;gap:5px;display:flex}.visitor-row span,.visitor-row em{color:#667166;margin-top:4px;font-size:12px}.library-main{background:linear-gradient(#ffffffc2,#fff0),#f6f7f8}.library-header{align-items:center}.library-summary{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.library-summary span{color:#526050;background:#fff;border:1px solid #dfe4dd;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;display:inline-flex}.library-projects{gap:18px;display:grid}.library-project{background:#fff;border:1px solid #e2e5e1;border-radius:8px;padding:18px;scroll-margin-top:20px;box-shadow:0 10px 28px #141a140a}.library-project-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.library-project-head span,.library-component code{color:#667166;font-size:12px}.library-project-head h2{letter-spacing:0;margin-top:5px;font-size:22px}.library-project-head p{color:#5d685c;max-width:720px;margin-top:7px;font-size:14px;line-height:1.65}.library-project-head a{color:#17201a;white-space:nowrap;background:#fff;border:1px solid #d6dad5;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;text-decoration:none;display:inline-flex}.library-project-head a:hover{background:#f0f4ef}.library-categories{gap:16px;display:grid}.library-category{border-top:1px solid #edf0ec;padding-top:14px}.library-category-title{color:#526050;align-items:center;gap:8px;margin-bottom:10px;display:flex}.library-category-title h3{letter-spacing:0;font-size:16px}.library-category-title span{color:#526050;background:#eef3ed;border-radius:999px;place-items:center;min-width:24px;height:22px;padding:0 7px;font-size:12px;display:inline-grid}.library-component-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;display:grid}.library-component{background:#fbfcfb;border:1px solid #edf0ec;border-radius:7px;flex-direction:column;gap:8px;min-height:132px;padding:12px;display:flex}.library-component strong{color:#17201a;font-size:14px}.library-component p{color:#5d685c;flex:1;font-size:13px;line-height:1.55}.library-component code{text-overflow:ellipsis;white-space:nowrap;background:#f1f4f1;border-radius:5px;max-width:100%;padding:6px 7px;overflow:hidden}@media (width<=1100px){.saas-shell{grid-template-columns:220px 1fr}.stats-grid,.two-col,.client-grid,.visitor-row{grid-template-columns:1fr}}@media (width<=900px){.saas-shell{min-height:100dvh;display:block}.saas-sidebar{z-index:30;gap:12px;height:auto;min-height:0;padding:14px;position:sticky;top:0}.saas-brand{padding:6px 6px 12px}.saas-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.saas-link{min-height:34px;margin-top:0}.saas-main{height:auto;min-height:calc(100dvh - 160px);padding:20px 16px 30px;overflow:visible}.saas-header{align-items:stretch;margin-bottom:18px}.saas-header h1{font-size:26px}.stats-grid,.two-col,.client-grid{grid-template-columns:1fr}.client-shell .viewer-panel{order:-1}.content-panel{grid-row:auto}.viewer-panel iframe{height:clamp(300px,54vw,460px)}.project-form{grid-template-columns:1fr 1fr}.project-form input,.project-form button{grid-column:1/-1}.project-publish{width:100%}.visitor-row,.account-form{grid-template-columns:1fr 1fr}.account-form button{grid-column:1/-1}.background-control-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}}@media (width<=640px){.saas-shell{background:#f3f5f4}.saas-sidebar{border-bottom:1px solid #ffffff1a;padding:12px}.saas-brand{border-bottom:0;padding-bottom:4px}.saas-brand strong{font-size:17px}.saas-sidebar nav{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.saas-sidebar nav::-webkit-scrollbar{display:none}.saas-sidebar nav button{min-width:min(210px,72vw)}.saas-link{justify-content:flex-start}.saas-main{padding:16px 10px 24px}.saas-header{flex-direction:column;gap:12px}.saas-header h1{font-size:24px;line-height:1.18}.header-action,.config-badge{justify-content:center;width:100%}.saas-panel,.saas-stat{border-radius:7px;padding:14px}.panel-heading{gap:10px}.panel-heading,.panel-heading.compact{align-items:stretch}.panel-heading h2{font-size:18px}.viewer-panel iframe{height:clamp(260px,72vw,340px)}.project-form{grid-template-columns:1fr}.project-form input,.project-form button{grid-column:auto}.project-row{flex-direction:column;align-items:stretch}.project-publish-note{margin-top:0}.annotation-fields textarea{min-height:76px}.media-uploader{padding:10px}.media-asset-row{grid-template-columns:1fr;align-items:stretch;gap:8px}.media-upload-button{width:100%}.visitor-row,.account-form,.background-control-grid,.audit-row,.event-list div{grid-template-columns:1fr}}@container (width<=1280px){.saas-sidebar{padding:18px 16px}.saas-main{padding:22px}.saas-header{margin-bottom:18px}.saas-header h1{font-size:26px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.client-grid{grid-template-columns:1fr}.content-panel{grid-row:auto}.viewer-panel iframe{height:min(420px,42cqw)}.visitor-row{grid-template-columns:1fr 1fr}}@container (width<=860px){.saas-shell{grid-template-columns:1fr}.saas-sidebar{z-index:20;height:auto;min-height:0;padding:14px;position:sticky;top:0}.saas-brand{padding-bottom:12px}.saas-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.saas-link{margin-top:4px}.saas-main{height:auto;min-height:0;padding:18px 14px 28px;overflow:visible}.saas-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:1fr}.panel-heading{flex-direction:column;align-items:stretch}.panel-actions{width:100%}.panel-actions button,.header-action{flex:1}.visitor-row{grid-template-columns:1fr}}@container (width<=560px){.saas-sidebar nav{grid-template-columns:1fr}.saas-panel,.saas-stat{padding:14px}.viewer-panel iframe{height:320px}}.client-shell .stats-grid:not(.client-stats-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.client-config-rail .media-uploader-heading{flex-direction:column;align-items:stretch}.client-config-rail .visitor-row{grid-template-columns:1fr}.client-visitor-rail .visitor-panel{min-height:100%}.client-visitor-rail .visitor-list{gap:8px}.client-visitor-rail .visitor-row{grid-template-columns:1fr;padding:10px}.client-visitor-rail .visitor-row div{min-width:0}.client-visitor-rail .visitor-row strong,.client-visitor-rail .visitor-row span,.client-visitor-rail .visitor-row em{text-overflow:ellipsis;min-width:0;overflow:hidden}.client-config-rail .content-panel{grid-row:auto}.client-config-rail .panel-heading{gap:10px}.client-config-rail .panel-heading h2{font-size:18px}.client-config-rail .background-color-field input{width:100%}.client-config-rail .annotation-fields textarea{min-height:74px}.client-config-rail .confirm-button{width:100%}.client-shell .client-viewer-panel iframe{height:100%;min-height:0}@media (width<=900px){.client-shell .stats-grid:not(.client-stats-grid){grid-template-columns:1fr}.client-shell .saas-main{overflow:visible}.client-workbench{grid-template-columns:1fr}.client-config-rail,.client-visitor-rail{max-height:none;padding-right:0;overflow:visible}.client-viewer-panel iframe{min-height:clamp(360px,62vw,560px)}}@media (width<=640px){.saas-sidebar nav{scrollbar-width:none;grid-template-columns:none;display:flex;overflow-x:auto}.saas-sidebar nav::-webkit-scrollbar{display:none}.saas-sidebar nav button{min-width:min(210px,72vw)}.viewer-panel iframe{height:clamp(260px,72vw,340px)}.client-viewer-panel iframe{height:clamp(300px,72vw,420px);min-height:0}}@media (width<=1100px){.library-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.library-header{align-items:stretch}.library-project-head{flex-direction:column}.library-project-head a,.library-summary span{width:100%}}@media (width<=640px){.library-component-grid{grid-template-columns:1fr}.library-project{padding:14px}}@container (width<=1280px){.library-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=860px){.library-component-grid{grid-template-columns:1fr}}