/* TR Site AI — client workspace. Scoped so the technical admin and public sites stay unchanged. */
.workspace,.portal-account{--ink:#24252c;--muted:#737581;--accent:#6355cf;--accent-soft:#eeebfb;--line:#e6e6ec;--canvas:#f5f5f8;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.55}
.workspace .ui-icon,.portal-account .ui-icon{flex:0 0 auto}
.workspace h1,.portal-account h1{letter-spacing:-1.2px;font-weight:700}
.workspace h1{font-size:34px;line-height:1.2;margin:6px 0 9px}
.workspace h2{font-size:21px;letter-spacing:-.65px;font-weight:700;line-height:1.3;margin:0 0 8px}
.workspace h3{font-size:16px;letter-spacing:-.25px;font-weight:700;margin:0 0 6px}
.workspace p{margin:0 0 12px}.workspace .muted,.workspace small{color:var(--muted)}
.workspace .eyebrow{font-size:10px;letter-spacing:.13em;color:#83838f;line-height:1.5;margin:0 0 8px}
.workspace button,.workspace .button,.portal-account button,.portal-account .button{font-size:13px;font-weight:650;border-radius:10px;border-color:#ddddE6;color:var(--ink);padding:11px 16px;background:#fff;min-height:43px;line-height:1.4;transition:background .18s,box-shadow .18s,transform .18s}
.workspace button:hover,.workspace .button:hover,.portal-account button:hover{background:#f6f5fa;border-color:#bdbbcf}
.workspace button.primary,.workspace .button.primary,.portal-account button.primary,.portal-account .button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 8px #6355cf14}
.workspace button.primary:hover,.workspace .button.primary:hover,.portal-account button.primary:hover{background:#5547be;border-color:#5547be}
.workspace button:disabled,.portal-account button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}
.workspace :focus-visible,.portal-account :focus-visible{outline:3px solid #9d91f0;outline-offset:3px}
.workspace input,.workspace select,.workspace textarea,.portal-account input{background:#fff;color:var(--ink);border:1px solid #dadbe3;border-radius:10px;font-size:14px;padding:12px 14px}
.workspace input::placeholder,.workspace textarea::placeholder{color:#9897a2}
.workspace input:focus,.workspace select:focus,.workspace textarea:focus,.portal-account input:focus{outline:2px solid #aaa0eb;outline-offset:1px;border-color:var(--accent)}
.workspace label{font-size:12px;color:#565661;margin:20px 0 8px}.workspace textarea{min-height:100px}
.workspace .check{font-size:13px;line-height:1.65}.workspace input[type=checkbox],.portal-account input[type=checkbox]{accent-color:var(--accent)}
.workspace .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 2px 4px #24252c02}
.workspace .badge,.workspace .status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:7px;background:#f0eff5;color:#6a667e;padding:5px 9px;font-size:11px;font-weight:650;white-space:nowrap}
.workspace .status-pill:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}
.workspace .status-pill[data-status=published]{background:#e8f3ee;color:#38795c}.workspace .status-pill[data-status=review]{background:#fff3df;color:#9a691f}
.workspace .notice{font-size:13px;line-height:1.65;color:#514484;background:#f0edfc;border:1px solid #d9d0f9;padding:16px 19px;margin:0 0 22px;white-space:normal;border-radius:12px}
.workspace .notice.error,.portal-account .notice.error{color:#963f44;background:#fff0f1;border-color:#ebcdd0}.workspace .notice.success{color:#296f50;background:#edf6f1;border-color:#c9e5d6}
.workspace .notice button{padding:7px 12px;min-height:34px;margin-left:10px}
.skip-link{position:fixed;z-index:30;left:250px;top:-60px;padding:12px;background:white}.skip-link:focus{top:10px}
.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:230px;z-index:15;background:#1c1d23;color:#b7b6c2;padding:31px 18px 20px;display:flex;flex-direction:column}
.workspace-brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding:0 11px;color:#f5f4f9;font-size:22px;font-weight:700;letter-spacing:-.6px}
.brand-mark{display:flex;align-items:center;justify-content:center;position:relative;width:41px;height:41px;background:#36323f;border:1px solid #514b61;border-radius:13px;font-size:25px;letter-spacing:-2px;font-weight:800;padding-right:4px}
.brand-mark>span{font-size:14px;letter-spacing:0;position:absolute;right:4px;top:0;color:#b9a5fd}
.workspace-brand small{display:block;color:#92909f;font-size:9px;letter-spacing:.04em;font-weight:500;margin-top:-2px}
.all-sites{display:flex;align-items:center;gap:10px;text-decoration:none;color:#d5d3df;font-size:12px;margin:34px 4px 20px;padding:12px;background:#28292f;border:1px solid #35353e;border-radius:10px}
.all-sites .ui-icon{width:17px;height:17px}.all-sites:hover{background:#33323c}
.nav-caption{font-size:9px;letter-spacing:.13em;color:#85838f;margin:9px 12px 13px}
.workspace-nav{display:grid;gap:5px}
.workspace-nav>a{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:12px;font-weight:550;border-radius:10px;text-decoration:none;color:#b9b7c3;white-space:nowrap}
.workspace-nav>a .ui-icon{width:18px;height:18px;color:#8f8b9d}
.workspace-nav>a:hover{background:#292830;color:#f4f3fa}
.workspace-nav>a.selected{background:#3a334f;color:#eee8ff}.workspace-nav>a.selected .ui-icon{color:#b9a0ff}
.nav-count{margin-left:auto;font-size:10px;border-radius:5px;background:#7764b7;color:#fff;padding:0 5px}
.sidebar-bottom{margin-top:auto;padding-top:35px}.support-card{padding:17px 14px 19px;border-top:1px solid #34333d}
.support-card>.ui-icon{color:#a09baa;margin-bottom:10px}.support-card>strong{display:block;font-size:12px;color:#dddbe8;font-weight:650;margin-bottom:7px}
.support-card>p{font-size:11px;color:#9a96a7;line-height:1.7;margin:0 0 11px}.support-card>a{font-size:11px;color:#d4caee;text-decoration:none}
.workspace-user{border-top:1px solid #34333d;padding:20px 5px 0;display:flex;gap:9px;align-items:center}
.avatar{width:33px;height:33px;background:#d4c7b9;color:#4f4643;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border-radius:50%;flex-shrink:0}
.workspace-user>div{min-width:0;flex:1}.workspace-user strong{display:block;font-size:11px;font-weight:600;color:#e4e1ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-user small{font-size:9px;color:#9893a5}
.workspace .workspace-user button{padding:5px;min-height:30px;border:0;background:transparent;color:#a5a0b1}.workspace-user button .ui-icon{width:17px}
.workspace-topbar{margin-left:230px;height:77px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fcfcfd}
.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;min-width:0}.breadcrumb a{text-decoration:none;color:#8c8998;white-space:nowrap}.breadcrumb>span{color:#c2bfcb}.breadcrumb strong{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-actions{display:flex;align-items:center;gap:16px}.mode-pill{font-size:10px;color:#856220;padding:5px 8px;background:#fcf0d7;border-radius:6px;white-space:nowrap}
.workspace .workspace-main{max-width:1520px;margin:0 0 0 230px;padding:32px 38px 46px;min-height:calc(100vh - 140px)}
.workspace .workspace-main:focus{outline:none}.workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.workspace-intro .muted{font-size:13px;margin:0}.workspace-intro .eyebrow{margin-bottom:5px}.workspace-intro>.actions{flex-shrink:0}
.workspace .workspace-panel{animation:panel-in .22s ease-out}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(278px,1fr);gap:22px;align-items:stretch}
.workspace .website-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px 18px}.card-heading h2{font-size:18px;margin:0}.card-heading .eyebrow{font-size:9px;margin-bottom:4px}.card-heading .badge{background:#f4f3f8;font-size:9px}
.browser-frame{margin:0 22px;border:1px solid #e2e0e9;border-radius:11px;overflow:hidden;background:#f8f7fa}.browser-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#f4f3f7;border-bottom:1px solid #e5e3eb;font-size:9px;color:#928d9e}
.browser-bar>#preview-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.browser-dots{display:flex;gap:4px}.browser-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#c7c2cf}
.preview-viewport{position:relative;overflow:hidden;height:275px;background:#f0eeeb}.preview-viewport>iframe{display:block;border:0;width:1280px;height:770px;transform-origin:top left;pointer-events:none;background:#fff}
.preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#f5f3f8;color:#938b9f;font-size:12px}.preview-placeholder .ui-icon{width:35px;height:35px}
.website-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px;margin-top:auto}.website-card-bottom strong{font-size:11px;font-weight:600;display:block}.website-card-bottom p{font-size:10px;color:#85808f;margin:3px 0 0}.website-card-bottom .button{flex-shrink:0;font-size:11px;padding:11px 13px}.website-card-bottom .ui-icon{width:15px;height:15px}
.workspace .launch-card{padding:24px;display:flex;flex-direction:column}.launch-card>h2{font-size:20px;max-width:230px;line-height:1.3;margin-bottom:10px}.launch-card>.muted{font-size:11px;line-height:1.7;margin-bottom:10px}
.launch-progress{margin:3px 0 15px}.launch-progress progress{display:block;width:100%;height:5px;border:none;border-radius:10px;overflow:hidden;appearance:none;-webkit-appearance:none;background:#eeecf5}.launch-progress progress::-webkit-progress-bar{background:#eeecf5}.launch-progress progress::-webkit-progress-value{background:#8974d9;border-radius:10px}.launch-progress progress::-moz-progress-bar{background:#8974d9;border-radius:10px}.launch-progress small{font-size:9px;display:block;text-align:right;margin-top:5px}
.launch-steps{display:grid;gap:0;margin-bottom:18px}.launch-step{display:flex;gap:10px;align-items:center;text-decoration:none;padding:10px 0;border-bottom:1px solid #f1eff5}.launch-step:last-child{border-bottom:0}.step-mark{width:21px;height:21px;flex:0 0 21px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd8e9;border-radius:50%;font-size:9px;color:#918998}.launch-step.done .step-mark{background:#efebfa;border-color:#efebfa;color:#8270ba}.step-mark .ui-icon{width:12px;height:12px}.launch-step>span:nth-child(2){flex:1}.launch-step strong{font-size:11px;font-weight:600;display:block;color:#504957}.launch-step small{font-size:9px;display:block;margin-top:1px;color:#9a939f}.launch-step>.step-arrow{font-size:12px;color:#a49ba9}.launch-card>button{width:100%;margin-top:auto;font-size:11px}.launch-card .fine-print{font-size:9px;text-align:center;margin:10px 0 0;line-height:1.65}
.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.metric-card{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;text-decoration:none;min-width:0}.metric-icon{padding:10px;border:1px solid #ece9f2;border-radius:10px;display:flex;color:#918899;background:#faf9fc}.metric-icon .ui-icon{width:18px;height:18px}.metric-card>div{min-width:0}.metric-card>div>span{font-size:10px;color:#8b8390;display:block}.metric-card strong{display:block;font-size:25px;font-weight:650;letter-spacing:-.7px;line-height:1.4;margin:4px 0 2px}.metric-card small{display:block;font-size:9px;line-height:1.5}
.overview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.workspace .quick-card{display:flex;align-items:center;gap:14px;padding:21px;text-decoration:none}.quick-card>.quick-icon{background:#f2f0f8;display:flex;padding:12px;color:#8a7f9d;border-radius:12px}.quick-card>div{flex:1;min-width:0}.quick-card .eyebrow{font-size:9px;margin-bottom:5px}.quick-card h3{font-size:12px;margin:0 0 4px;overflow-wrap:anywhere;line-height:1.5}.quick-card p{font-size:10px;color:#8a8290;margin:0}.quick-card>.ui-icon{width:17px;color:#9f97a7}
.release-history{margin-top:23px;color:#98929d}.release-history>summary{font-size:11px;font-weight:500}.release-history .row{font-size:11px;align-items:flex-start}.release-history small{font-size:11px;max-width:60%}
.section-intro{margin-bottom:22px}.section-intro p{font-size:13px;color:var(--muted);max-width:670px}.workspace .section-intro h2{font-size:24px;margin-bottom:10px}.narrow-panel{max-width:850px}
.workspace .row{border-color:#eeedf3;padding:19px 0;margin:0;flex-wrap:wrap}.workspace .row:first-child{border-top:0;padding-top:0}.workspace .row p{font-size:11px;margin-top:4px}.workspace .row .actions{gap:7px;margin:0}.workspace .row .button,.workspace .row button{font-size:11px;min-height:34px;padding:8px 12px}.page-row-info{display:flex;align-items:center;gap:14px}.page-symbol{width:40px;height:43px;background:#f4f2f9;color:#9b90ae;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:10px;font-weight:650}.page-row-info strong{font-size:13px}.page-row .versions{flex-basis:100%;padding:14px;background:#f9f8fc;border-radius:10px}.page-row .versions button{justify-content:flex-start}.workspace .row button.danger{color:#a25865;background:#fff;border-color:#e8d7da}
.add-page-form{border-top:1px solid var(--line);padding-top:10px;margin-top:9px}.workspace .add-page-form .actions{margin-top:0;flex-wrap:nowrap}.add-page-form input{flex:1}.add-page-form button{white-space:nowrap}.workspace .fine-print{color:#918997;font-size:11px;margin-top:13px}.workspace .backup-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.backup-card p{font-size:12px;color:var(--muted);margin:0}.backup-card button{flex-shrink:0}
.workspace .domain-card{padding:31px}.workspace .domain-included{background:#f7f6fa;border:1px solid #eeeaf5}.workspace .domain-address{font-size:14px}.workspace .domain-progress{background:#f8f6fc;border-color:#e2dcef}.workspace .domain-progress[data-status=connected]{background:#f0f7f3;border-color:#dbe9e2}.workspace .domain-progress h3{font-size:19px}.workspace .domain-progress p{font-size:13px}.workspace .domain-help,.workspace .domain-footnote{color:#8e8399;font-size:11px}.workspace .domain-footnote{border-color:var(--line)}.workspace .domain-form>.muted{font-size:13px}.workspace .domain-card>.muted{font-size:13px}.workspace .domain-text-button{background:transparent;border-color:transparent;color:#8f718d}
.workspace #subscription{margin:0}.workspace .billing-current{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.billing-current h3{font-size:16px;margin:7px 0}.billing-current p{font-size:11px;color:var(--muted);margin:0}.workspace .billing-current .actions{margin:0;justify-content:flex-end;flex-shrink:0;max-width:44%}.billing-current .actions button{font-size:11px;padding:10px 12px}.workspace .billing-feedback{margin:0 0 20px}.workspace #plans{gap:18px}.workspace .plan-card{position:relative;padding:26px;display:flex;flex-direction:column;border-radius:17px}.workspace .plan-card.featured{border-color:#bcafe5;box-shadow:0 4px 20px #6152ad08}.plan-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:27px;margin-bottom:12px}.workspace .plan-topline h2{font-size:19px;margin:0}.plan-topline .badge{font-size:9px;background:#f0ebfd;color:#8d73b5}.workspace .plan-card .price{font-size:35px;font-weight:700;margin:0 0 7px;letter-spacing:-1.1px}.workspace .plan-card .price small{font-weight:400;font-size:11px;color:#978ca3;display:inline}.plan-card .plan-description{font-size:11px;min-height:40px;color:#8b7e97}.plan-features{border-top:1px solid #eee8f4;padding-top:17px;display:grid;gap:12px;flex:1;margin:15px 0 24px}.plan-feature{display:flex;align-items:center;gap:8px;font-size:11px;color:#746581}.plan-feature .ui-icon{width:13px;height:13px;color:#a896c0}.workspace .plan-card>button{width:100%;font-size:12px}.workspace .terms-check{margin:22px 0 0;font-size:11px}.test-payment-help{border:1px dashed #d8c9a9;background:#fbf6ea;border-radius:12px;padding:18px 20px;margin-top:21px;font-size:11px;color:#86734f}.test-payment-help strong{display:block;margin-bottom:7px}.test-payment-help p{margin:0}.test-payment-help code{font:12px ui-monospace,monospace}
.form-section+.form-section{border-top:1px solid var(--line);margin-top:29px;padding-top:26px}.form-section h3{font-size:16px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-save{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.form-save p{font-size:11px;color:var(--muted);margin:0}.form-save button{flex-shrink:0}.form-section .muted{font-size:12px}
.workspace #inquiries{margin:0}.inquiry-card{border:1px solid #ece7f2;border-radius:12px;padding:20px}.inquiry-card+.inquiry-card{margin-top:5px}.inquiry-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:3px}.inquiry-card h3{font-size:14px;margin:0}.inquiry-card>small{font-size:10px}.inquiry-card>a{font-size:12px;display:inline-block;margin:6px 0 12px;color:#807096}.inquiry-card .inquiry{font-size:13px;line-height:1.8}.inquiry-card>button{min-height:34px;font-size:11px;padding:8px 12px}.inquiry-empty{text-align:center;padding:45px 25px}.inquiry-empty .ui-icon{width:36px;height:36px;color:#b5a5c6;margin-bottom:16px}.inquiry-empty h3{font-size:18px;margin-bottom:9px}.inquiry-empty p{font-size:12px;color:var(--muted);max-width:370px;margin:0 auto}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.list-toolbar p{margin:0;font-size:12px}.list-toolbar h2{font-size:21px}.site-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workspace .project-card{padding:0;overflow:hidden;border-radius:18px}.project-visual{height:165px;background:#edebf1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;position:relative;border-bottom:1px solid #e5e1eb}.project-visual:before,.project-visual:after{content:"";position:absolute;border:1px solid #dcd6e6;border-radius:22px;width:130px;height:85px;transform:rotate(-13deg)}.project-visual:after{transform:rotate(7deg);background:#faf9fc;box-shadow:0 7px 17px #65507908}.project-monogram{z-index:1;color:#9883b4;font-size:33px;font-weight:500}.project-visual>.badge{position:absolute;left:17px;top:15px;z-index:2;font-size:9px;background:#fff9}.project-card-body{padding:21px}.project-card-body h2{font-size:19px;margin:0 0 7px;overflow-wrap:anywhere}.project-card-body>p{font-size:10px;color:#968aa0;margin:0 0 18px}.project-card-body .button{width:100%;font-size:12px}.quiet-tip{display:flex;gap:12px;align-items:flex-start;margin-top:30px;color:#9b8caa;max-width:660px}.quiet-tip p{font-size:11px}.quiet-tip .ui-icon{width:16px;height:16px;flex-shrink:0;margin-top:1px}.empty-sites{text-align:center;border:1px dashed #d8d0e4;border-radius:20px;padding:60px 25px;background:#fbfafd}.empty-symbol{display:flex;justify-content:center;margin-bottom:15px;color:#b39cca}.empty-symbol>.ui-icon{width:40px;height:40px}.empty-sites p{font-size:13px;color:#9b87aa;margin:12px auto 23px;max-width:460px}
.new-site-dialog{background:#fff;border:1px solid #e6dfed;border-radius:22px;padding:30px;max-width:490px;width:calc(100% - 32px);box-shadow:0 24px 100px #18121f33;color:var(--ink)}.new-site-dialog::backdrop{background:#16121d80;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}.dialog-heading h2{font-size:23px;margin-bottom:15px}.dialog-heading button{border:0;font-size:23px;min-height:32px;padding:0 8px;line-height:1}.new-site-dialog .actions{margin-top:25px}.new-site-dialog .actions>button{width:100%}.new-site-dialog>.muted{font-size:12px}.loading-state{padding:75px 0;display:flex;gap:12px;align-items:center;justify-content:center;color:#9b8dA8;font-size:12px}.loading-state p{margin:0}.loading-dot{width:9px;height:9px;display:block;border-radius:50%;background:#a295c3;animation:soft-pulse 1s infinite alternate}
.workspace .workspace-shell>.footer{margin-left:230px;padding:20px 38px;gap:19px;font-size:9px;color:#a091ac;border-color:#e5dfee}.workspace .workspace-shell>.footer>span{margin-right:auto}.workspace .workspace-shell>.footer a{text-decoration:none}
.portal-account .topbar{border-color:var(--line);padding:22px 5vw;background:#fbfbfd}.portal-account .brand{color:var(--ink)}.portal-account .brand span{color:#8e849d}.portal-account .topbar nav{font-size:12px}.portal-account main{max-width:1160px;margin:6vh auto 8vh}.portal-account .account-layout{gap:70px;grid-template-columns:1.1fr 1fr;margin:0;max-width:none;align-items:stretch}.portal-account .account-art{background:#25232d;color:#f8f4ff;border-radius:25px;padding:42px 40px;min-height:565px;position:relative;overflow:hidden}.portal-account .account-art:after{content:"";position:absolute;width:370px;height:370px;border:1px solid #595065;border-radius:50%;right:-170px;bottom:-140px;box-shadow:0 0 0 40px #ffffff02,0 0 0 80px #ffffff02}.portal-account .account-art .eyebrow{color:#afa1c8;font-size:10px;letter-spacing:.12em}.portal-account .account-art h1{font-size:44px;line-height:1.16;margin:60px 0 22px;position:relative;z-index:1}.portal-account .account-art p{font-size:13px;line-height:1.9;color:#b8adc8;max-width:310px}.portal-account .account-art .symbol{font-size:90px;color:#a38dbd;margin:34px 0 0}.portal-account .account-card{padding:30px 0;background:transparent;border:0;align-self:center}.portal-account .account-card h1{font-size:32px;margin:7px 0 13px;color:var(--ink)}.portal-account .eyebrow{color:#8e7c9c}.portal-account .muted,.portal-account label{color:#827689}.portal-account .account-card .actions{margin-top:25px}.portal-account #account-submit{width:100%}.portal-account .tabs{gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}.portal-account .tabs a{background:none;font-size:11px;color:#9c85ab;padding:0;text-decoration:none}.portal-account .footer{font-size:10px;color:#a28dab;border-color:var(--line)}
@keyframes panel-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes soft-pulse{to{opacity:.35}}
@media(min-width:1850px){.workspace .workspace-main{margin-right:auto;margin-left:calc(230px + (100vw - 1850px)/2)}.workspace-topbar{padding-right:calc((100vw - 1850px)/2 + 38px)}}
@media(max-width:1240px){.workspace-sidebar{width:210px;padding-inline:13px}.workspace-topbar,.workspace .workspace-shell>.footer{margin-left:210px}.workspace .workspace-main{margin-left:210px;padding:29px 25px 40px}.workspace-topbar{padding:0 25px}.overview-grid{gap:17px;grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr)}.workspace .launch-card{padding:20px}.website-card-bottom{padding:18px;flex-wrap:wrap}.browser-frame{margin:0 17px}.card-heading{padding:19px 19px 15px}.metric-card{padding:18px;gap:11px}.overview-metrics{gap:14px}.metric-icon{padding:8px}.metric-card>div>span{font-size:9px}.workspace #plans{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace .plan-card{padding:21px}.plan-topline{flex-wrap:wrap;gap:5px}.workspace .plan-card .price{font-size:31px}.site-cards{grid-template-columns:1fr 1fr}}
@media(max-width:1030px){.overview-grid{grid-template-columns:1fr}.launch-steps{grid-template-columns:1fr 1fr;gap:0 20px}.launch-card>h2{max-width:none}.launch-card>button{max-width:320px}.launch-card .fine-print{text-align:left}.preview-viewport{height:320px}.overview-metrics{gap:12px}.metric-card{flex-direction:column;gap:10px}.metric-card strong{font-size:23px}.overview-bottom{grid-template-columns:1fr}.billing-current{flex-wrap:wrap}.workspace .billing-current .actions{max-width:100%;justify-content:flex-start}.workspace #plans{grid-template-columns:1fr}.workspace .plan-card{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.plan-card .plan-topline{grid-column:1/3}.plan-features{grid-column:2;grid-row:2/5;margin:0 0 15px;padding:10px 0;border:0}.plan-card .price{grid-row:2}.plan-card .plan-description{grid-column:1;grid-row:3}.plan-card>button{grid-column:1/3}.portal-account .account-layout{gap:40px}.portal-account .account-art{padding:35px 29px}.portal-account .account-art h1{font-size:36px}}
@media(max-width:720px){.workspace-sidebar{position:relative;inset:auto;width:100%;padding:17px 17px 0;display:block}.workspace-brand{padding:0;font-size:19px}.brand-mark{width:34px;height:34px;font-size:22px;border-radius:10px}.workspace-brand small{font-size:8px}.all-sites{position:absolute;right:17px;top:15px;margin:0;font-size:11px;padding:9px 11px}.nav-caption,.sidebar-bottom{display:none}.workspace-nav{display:flex;overflow:auto;gap:3px;padding:16px 0 10px;margin-right:-17px;scrollbar-width:none}.workspace-nav::-webkit-scrollbar{display:none}.workspace-nav>a{font-size:11px;padding:10px 12px;gap:7px;flex-shrink:0}.workspace-nav>a .ui-icon{width:15px;height:15px}.workspace-nav>a:last-child{margin-right:17px}.workspace-topbar{height:64px;margin-left:0;padding:0 19px}.breadcrumb{font-size:10px;gap:9px;max-width:48%}.topbar-actions{gap:8px}.workspace .workspace-topbar .button{font-size:10px;padding:9px 12px;min-height:36px}.topbar-actions .ui-icon{width:15px;height:15px}.mode-pill{display:none}.workspace .workspace-main{margin:0;padding:26px 17px 35px;min-height:calc(100vh - 250px)}.workspace h1{font-size:28px}.workspace-intro{align-items:flex-start;gap:14px;margin-bottom:22px;flex-wrap:wrap}.workspace-intro .muted{font-size:11px}.workspace-intro .eyebrow{font-size:9px}.workspace-intro>.actions{gap:8px}.workspace-intro .button{min-height:33px;font-size:10px;padding:8px 10px}.workspace .card{padding:21px;border-radius:15px}.workspace .website-card{padding:0}.card-heading{padding:17px}.card-heading h2{font-size:16px}.card-heading .badge{font-size:8px}.card-heading .eyebrow{font-size:8px}.browser-frame{margin:0 14px}.preview-viewport{height:225px}.website-card-bottom{padding:18px 17px;gap:12px}.website-card-bottom strong{font-size:10px}.website-card-bottom .button{font-size:10px;min-height:36px}.overview-metrics{gap:8px;margin-top:15px}.metric-card{padding:13px 10px;gap:10px;border-radius:12px}.metric-icon{padding:7px;border-radius:7px}.metric-icon .ui-icon{width:16px;height:16px}.metric-card>div>span{font-size:8px;line-height:1.5}.metric-card strong{font-size:22px}.metric-card small{font-size:8px;line-height:1.5}.workspace .quick-card{padding:19px;gap:11px}.quick-card>.quick-icon{padding:10px}.quick-card h3{font-size:11px}.quick-card p{font-size:9px}.overview-bottom{margin-top:15px;gap:12px}.workspace .launch-card{padding:21px}.launch-card>h2{font-size:21px}.launch-steps{gap:0 13px}.launch-step strong{font-size:10px}.launch-step small{font-size:8px}.workspace .launch-card>button{max-width:none}.launch-card .fine-print{text-align:center;font-size:9px}.section-intro p{font-size:12px}.workspace .section-intro h2{font-size:22px}.workspace .row{gap:14px}.page-row .actions{padding-left:0}.page-row .actions button,.page-row .actions .button{font-size:10px;min-height:33px;padding:8px 10px}.workspace .add-page-form .actions{flex-wrap:wrap;gap:9px}.add-page-form input{flex-basis:100%}.add-page-form button{width:100%}.workspace .backup-card{align-items:flex-start;flex-direction:column;gap:16px}.backup-card p{font-size:11px}.form-columns{grid-template-columns:1fr;gap:0}.form-save{flex-wrap:wrap;gap:15px}.form-save button{width:100%}.workspace .domain-card{padding:22px}.workspace .domain-included,.workspace .domain-progress{padding:16px}.workspace .domain-form .actions{flex-wrap:wrap}.workspace .domain-form .primary{flex:1 1 100%}.workspace .domain-help{font-size:10px}.workspace #plans{gap:15px}.workspace .plan-card{display:flex;padding:24px}.plan-features{border-top:1px solid #eee8f4;padding-top:16px;margin:10px 0 24px}.plan-topline{min-height:24px;margin-bottom:16px}.plan-card .plan-description{min-height:0}.workspace .plan-card .price{font-size:37px}.workspace .terms-check{font-size:11px}.workspace .billing-current .actions{gap:8px}.billing-current .actions button{font-size:10px;padding:9px 11px}.test-payment-help{font-size:11px;padding:15px}.inquiry-empty{padding:28px 7px}.inquiry-heading{align-items:flex-start}.inquiry-card{padding:17px}.list-toolbar{align-items:flex-start;gap:15px}.list-toolbar h2{font-size:20px}.list-toolbar p{font-size:11px}.list-toolbar>button{font-size:11px;padding:10px 12px;min-height:38px;white-space:nowrap}.site-cards{grid-template-columns:1fr}.project-visual{height:180px}.workspace .project-card{padding:0}.project-card-body{padding:23px}.workspace .workspace-shell>.footer{margin:0;padding:22px 17px;gap:12px;font-size:9px}.workspace .workspace-shell>.footer>span{flex-basis:100%}.new-site-dialog{padding:25px}.new-site-dialog h2{font-size:22px}.skip-link{left:18px}.workspace #verify-banner button{margin:10px 0 0}.portal-account .account-layout{grid-template-columns:1fr;gap:20px}.portal-account main{margin:25px auto;padding:0 21px}.portal-account .account-art{min-height:245px;padding:28px}.portal-account .account-art h1{font-size:32px;margin:25px 0 15px}.portal-account .account-art p{font-size:12px;margin:0;max-width:280px}.portal-account .account-art .symbol{display:none}.portal-account .account-art .eyebrow{font-size:8px}.portal-account .account-card{padding:22px 4px}.portal-account .account-card h1{font-size:30px}.portal-account .topbar{padding:18px 22px}.portal-account .topbar .brand{font-size:19px}.portal-account .topbar nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.workspace *,.workspace *::before,.workspace *::after,.portal-account *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable compact layouts and a reachable sign-out control on phones. */
.workspace .mobile-logout{display:none}
@media(max-width:720px){
.workspace .mobile-logout:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:8px;background:transparent}
.workspace .breadcrumb{max-width:42%}.workspace .breadcrumb>a{display:none}.workspace .breadcrumb>span{display:none}
.workspace .workspace-nav>a{font-size:12px;min-height:40px}.workspace .workspace-intro .muted{font-size:13px}
.workspace .metric-card>div>span{font-size:10px}.workspace .metric-card small{font-size:10px}.workspace .launch-step strong{font-size:12px}.workspace .launch-step small{font-size:11px}
.workspace .quick-card h3{font-size:14px}.workspace .quick-card p{font-size:12px}.workspace .website-card-bottom strong{font-size:12px}.workspace .website-card-bottom small{font-size:11px}
.workspace .domain-help{font-size:12px}.workspace input,.workspace select,.workspace textarea{font-size:16px}
.workspace .launch-card .fine-print{font-size:11px}.workspace .terms-check{font-size:12px}.workspace .test-payment-help{font-size:12px}
}

/* Closed by default until both the session and the initial project data are verified. */
#workspace-shell[hidden],#workspace-access[hidden]{display:none!important}
.workspace-access{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px;text-align:center}
.workspace-access-card{max-width:420px;width:100%;margin:auto}
.workspace-access .loading-dot{display:block;margin:0 auto 25px}
.workspace-access h1{font-size:27px;line-height:1.25;margin:0 0 14px}
.workspace-access p{color:var(--muted);font-size:14px}
.workspace-access .actions{justify-content:center;flex-wrap:wrap;margin-top:24px}
.workspace-access noscript{display:block;margin-top:20px}
.workspace .domain-technical>summary{font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;list-style:revert}
.workspace .domain-technical[open]>summary{margin-bottom:14px}
.workspace .domain-technical p:last-child{margin-bottom:0}