.icon-button:disabled,.primary-button:disabled,.secondary-button:disabled,.segment-button:disabled{cursor:not-allowed;opacity:.42}.inspector-input{width:100%;min-width:0;height:28px;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-input-radius,6px);background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text,#f5f7fa);padding:0 8px;font-size:11px}.inspector-input:hover{border-color:var(--c77-ui-border-strong,#343c47)}.inspector-input:focus{border-color:var(--c77-ui-focus,#6a96ff)}.inspector-toggle-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;color:var(--c77-ui-text-secondary,#c8ced8);font-size:11px}.inspector-toggle-wrap input{width:14px;height:14px;margin:0;accent-color:var(--c77-ui-accent,#3f78ff)}.inspector-row:has(.inspector-input),.inspector-row:has(.inspector-toggle-wrap){cursor:default}.editor-add-panel{position:fixed;z-index:50;top:var(--c77-ui-topbar-height,48px);bottom:34px;width:304px;overflow:auto;border-right:1px solid var(--c77-ui-border-strong,#343c47);box-shadow:18px 0 48px rgb(0 0 0/24%)}.add-panel-header{position:sticky;z-index:2;top:0;align-items:center;padding:10px 12px 10px 14px;background:var(--c77-ui-panel-bg,#11151a)}.add-panel-search{padding:12px 12px 4px}.add-panel-search input{height:32px}.add-panel-search input:disabled{opacity:.55}.add-panel-groups{padding:4px 12px 20px}.add-panel-group{padding-top:14px}.add-panel-group h2{letter-spacing:.07em}.add-element-card{align-items:start;padding:9px;color:var(--c77-ui-text,#f5f7fa)}.add-element-card:hover{border-color:var(--c77-ui-border,#252b33);background:var(--c77-ui-surface-hover,#1b2129)}.add-element-icon{background:var(--c77-ui-surface-elevated,#171c22);color:var(--c77-ui-text-secondary,#c8ced8)}.add-element-copy strong{font-size:12px}.add-element-copy small{font-size:10px;line-height:1.4}.canvas-image-placeholder{display:grid;place-items:center;gap:3px;width:100%;min-height:180px;border:1px dashed #aab3bf;background:#eef1f5;color:#525d69;cursor:pointer}.canvas-image-placeholder span{font-weight:650}.canvas-image-placeholder small{color:#77818d}.canvas-node.is-secondary-selected{outline:1px solid var(--c77-ui-selection,#3f78ff);outline-offset:1px}.export-notice{position:fixed;z-index:80;top:calc(var(--c77-ui-topbar-height, 48px) + 10px);right:10px;width:min(410px,calc(100vw - 20px));padding:12px 13px;border:1px solid var(--c77-ui-border-strong,#343c47);border-radius:var(--c77-ui-panel-radius,8px);background:var(--c77-ui-panel-bg,#11151a);box-shadow:0 18px 48px rgb(0 0 0/32%)}.export-notice.is-error{border-color:var(--c77-ui-danger,#d96b6b)}.export-notice.is-success{border-color:var(--c77-ui-success,#41b883)}.export-notice-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.export-notice-dismiss{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:transparent;color:var(--c77-ui-text-muted,#8f98a6);cursor:pointer}.export-notice-dismiss:hover{background:var(--c77-ui-surface-hover,#1b2129);color:var(--c77-ui-text,#f5f7fa)}.export-notice p,.export-notice ul{margin:8px 0 0;color:var(--c77-ui-text-secondary,#c8ced8);font-size:11px;line-height:1.5}.export-notice ul{max-height:180px;overflow:auto;padding-left:18px}.export-review{display:grid;gap:9px}.export-review>p{margin-top:8px}.export-review>.export-handoff-status{margin-top:-3px;color:var(--c77-ui-text-muted,#8f98a6);font-size:9px}.export-review-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--c77-ui-border,#252b33);border-radius:5px;background:var(--c77-ui-border,#252b33)}.export-review-summary>span{display:grid;gap:2px;min-width:0;padding:6px 7px;background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text-muted,#8f98a6);font-size:9px}.export-review-summary strong{overflow:hidden;color:var(--c77-ui-text,#f5f7fa);text-overflow:ellipsis;white-space:nowrap}.export-fingerprint{display:grid;gap:3px;padding:7px;border:1px solid var(--c77-ui-border,#252b33);border-radius:5px;background:var(--c77-ui-bg,#0b0d10)}.export-fingerprint>span{color:var(--c77-ui-text-muted,#8f98a6);font-size:8px}.export-fingerprint code{overflow-wrap:anywhere;color:var(--c77-ui-text,#f5f7fa);font-size:9px;line-height:1.45;-webkit-user-select:text;user-select:text}.export-review-warnings{display:grid;gap:4px;padding:7px;border:1px solid var(--c77-ui-warning,#e7b85b);border-radius:5px}.export-review-warnings>strong{color:var(--c77-ui-text,#f5f7fa);font-size:9px}.export-review-warnings ul{margin:0}.export-integrity,.export-manifest,.export-page-review{border:1px solid var(--c77-ui-border,#252b33);border-radius:5px;background:var(--c77-ui-bg,#0b0d10)}.export-integrity summary,.export-manifest summary,.export-page-review summary{padding:7px 8px;color:var(--c77-ui-text-secondary,#c8ced8);font-size:10px;cursor:pointer}.export-page-review-list{display:grid;gap:1px;padding:0 7px 7px}.export-page-review-list article{display:grid;gap:3px;padding:6px 7px;background:var(--c77-ui-panel-bg,#11151a)}.export-page-review-list article>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.export-page-review-list strong{color:var(--c77-ui-text,#f5f7fa);font-size:9px}.export-page-review-list span{overflow:hidden;color:var(--c77-ui-text-muted,#8f98a6);font-size:8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.export-integrity ul,.export-manifest ul{display:grid;max-height:220px;gap:1px;margin:0;padding:0 7px 7px;list-style:none}.export-integrity ul{overflow:auto}.export-integrity li{display:grid;gap:3px;padding:5px 6px;background:var(--c77-ui-panel-bg,#11151a)}.export-integrity li span{overflow:hidden;color:var(--c77-ui-text-secondary,#c8ced8);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.export-integrity li code{overflow-wrap:anywhere;color:var(--c77-ui-text-muted,#8f98a6);font-size:8px;line-height:1.4;-webkit-user-select:text;user-select:text}.export-manifest li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:5px 6px;background:var(--c77-ui-panel-bg,#11151a);color:var(--c77-ui-text-secondary,#c8ced8);font-size:9px}.export-manifest li span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-manifest li span:last-child{color:var(--c77-ui-text-muted,#8f98a6)}.export-download-button{width:100%}.canvas-delete-confirmation{position:absolute;z-index:24;top:36px;left:50%;display:grid;gap:2px;max-width:min(420px,calc(100% - 24px));padding:8px 11px;border:1px solid var(--c77-ui-warning,#e7b85b);border-radius:7px;background:color-mix(in srgb,var(--c77-ui-panel-bg,#11151a) 94%,transparent);color:var(--c77-ui-text,#f5f7fa);box-shadow:0 12px 36px rgb(0 0 0/28%);font-size:10px;line-height:1.4;pointer-events:none;transform:translateX(-50%)}.canvas-delete-confirmation strong{font-size:10px}.canvas-delete-confirmation span{color:var(--c77-ui-text-secondary,#c8ced8)}.add-element-copy strong{display:flex;align-items:center;justify-content:space-between;gap:8px}.add-element-shortcut{min-width:20px;padding:1px 5px;border:1px solid var(--c77-ui-border-strong,#343c47);border-radius:4px;background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text-muted,#8f98a6);font-family:var(--c77-ui-font-mono,ui-monospace,monospace);font-size:9px;font-weight:700;text-align:center}.canvas-breadcrumb{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.canvas-breadcrumb-item button,.canvas-breadcrumb>button{min-width:0;padding:2px 4px;overflow:hidden;border-radius:4px;background:transparent;color:var(--c77-ui-text-muted,#8f98a6);font-size:10px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.canvas-breadcrumb-item button:hover,.canvas-breadcrumb>button:hover{background:var(--c77-ui-surface-hover,#1b2129);color:var(--c77-ui-text,#f5f7fa)}.canvas-breadcrumb-item{display:flex;align-items:center;gap:2px;min-width:0}.canvas-breadcrumb-item>span{color:var(--c77-ui-text-disabled,#5f6875);font-size:10px}.canvas-breadcrumb-item:last-child button{color:var(--c77-ui-text-secondary,#c8ced8);font-weight:650}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text,#f5f7fa);font-family:var(
    --c77-ui-font,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
  );font-size:var(--c77-ui-font-size,14px);line-height:1.4}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--c77-ui-focus,#6a96ff)}a{color:inherit;text-decoration:none}button{border:0}.dashboard-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh;background:var(--c77-ui-bg,#0b0d10)}.dashboard-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--c77-ui-border,#252b33);background:var(--c77-ui-sidebar-bg,#0e1115);min-height:100vh;padding:14px 12px}.brand-lockup{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--c77-ui-accent,#3f78ff);color:#fff;font-weight:760;font-size:12px;letter-spacing:-.03em}.brand-name{font-weight:680;letter-spacing:-.02em}.dashboard-nav{display:grid;gap:4px;margin-top:18px}.dashboard-nav-link{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;border-radius:var(--c77-ui-button-radius,6px);color:var(--c77-ui-text-secondary,#c8ced8)}.dashboard-nav-link:hover{background:var(--c77-ui-surface-hover,#1b2129);color:var(--c77-ui-text,#f5f7fa)}.dashboard-nav-link.is-active{background:var(--c77-ui-surface-selected,#202a38);color:var(--c77-ui-text,#f5f7fa)}.dashboard-sidebar-footer{margin-top:auto;padding-top:16px}.account-chip{display:flex;align-items:center;gap:10px;padding:8px;border-top:1px solid var(--c77-ui-border,#252b33)}.account-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c77-ui-surface-elevated,#171c22);color:var(--c77-ui-text,#f5f7fa);font-size:11px;font-weight:700}.account-copy{display:grid;min-width:0}.account-copy strong{font-size:12px}.account-copy span{color:var(--c77-ui-text-muted,#8f98a6);font-size:11px}.dashboard-main{min-width:0}.dashboard-page{padding:34px 38px 48px}.page-heading-row,.settings-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-eyebrow{margin:0 0 6px;color:var(--c77-ui-text-muted,#8f98a6);font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.page-title{margin:0;color:var(--c77-ui-text,#f5f7fa);font-size:28px;line-height:1.15;letter-spacing:-.035em}.page-description{max-width:680px;margin:9px 0 0;color:var(--c77-ui-text-muted,#8f98a6)}.ghost-button,.icon-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 13px;border-radius:var(--c77-ui-button-radius,6px);cursor:pointer}.primary-button{background:var(--c77-ui-accent,#3f78ff);color:#fff;font-weight:650}.primary-button:hover{background:var(--c77-ui-accent-hover,#5a8cff)}.secondary-button{border:1px solid var(--c77-ui-border-strong,#343c47);background:var(--c77-ui-surface-elevated,#171c22);color:var(--c77-ui-text,#f5f7fa)}.ghost-button:hover,.icon-button:hover,.secondary-button:hover{background:var(--c77-ui-surface-hover,#1b2129)}.ghost-button,.icon-button{background:transparent;color:var(--c77-ui-text-secondary,#c8ced8)}.icon-button{width:34px;padding:0}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:28px}.project-card{overflow:hidden;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-panel-radius,8px);background:var(--c77-ui-panel-bg,#11151a)}.project-card-preview{display:grid;place-items:center;min-height:178px;border-bottom:1px solid var(--c77-ui-border,#252b33);background:linear-gradient(135deg,rgb(63 120 255/8%),transparent 46%),var(--c77-ui-canvas-outside,#080a0d)}.project-card-preview-frame{width:78%;height:118px;border-radius:5px;background:#fff;box-shadow:0 16px 50px rgb(0 0 0/28%)}.project-card-body{display:grid;gap:12px;padding:14px}.project-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card h2{margin:0;font-size:14px;letter-spacing:-.01em}.project-meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:var(--c77-ui-text-muted,#8f98a6);font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--c77-ui-success,#41b883)}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:26px}.settings-card{border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-panel-radius,8px);background:var(--c77-ui-panel-bg,#11151a)}.settings-card+.settings-card{margin-top:12px}.settings-card-header{padding:14px 16px;border-bottom:1px solid var(--c77-ui-border,#252b33)}.settings-card-header h2,.settings-card-header h3{margin:0;font-size:13px}.settings-card-header p{margin:5px 0 0;color:var(--c77-ui-text-muted,#8f98a6);font-size:11px}.settings-card-body{display:grid;gap:14px;padding:16px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field label,.field>span{color:var(--c77-ui-text-secondary,#c8ced8);font-size:11px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-input-radius,6px);background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text,#f5f7fa)}.field input,.field select{min-height:34px;padding:0 10px}.field textarea{min-height:170px;padding:10px;resize:vertical;font-family:var(--c77-ui-font-mono,monospace);font-size:12px}.colour-field{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px}.colour-field input[type=color]{width:34px;padding:3px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.switch-row input{accent-color:var(--c77-ui-accent,#3f78ff)}.interface-preview{position:sticky;top:20px;overflow:hidden;min-height:420px;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-panel-radius,8px);background:var(--c77-ui-canvas-outside,#080a0d)}.interface-preview-topbar{height:38px;border-bottom:1px solid var(--c77-ui-border,#252b33);background:var(--c77-ui-topbar-bg,#0e1115)}.interface-preview-body{display:grid;grid-template-columns:68px minmax(0,1fr) 86px;height:380px}.interface-preview-panel{background:var(--c77-ui-panel-bg,#11151a)}.interface-preview-panel:first-child{border-right:1px solid var(--c77-ui-border,#252b33)}.interface-preview-panel:last-child{border-left:1px solid var(--c77-ui-border,#252b33)}.interface-preview-canvas{display:grid;place-items:center;background:var(--c77-ui-canvas-outside,#080a0d)}.interface-preview-page{width:78%;height:250px;border:2px solid var(--c77-ui-selection,#3f78ff);background:var(--c77-ui-canvas,#fff)}.editor-shell{display:grid;grid-template-rows:var(--c77-ui-topbar-height,48px) minmax(0,1fr) 34px;height:100vh;overflow:hidden;background:var(--c77-ui-bg,#0b0d10)}.editor-topbar{display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;gap:14px;border-bottom:1px solid var(--c77-ui-border,#252b33);background:var(--c77-ui-topbar-bg,#0e1115);padding:0 10px}.editor-topbar-centre,.editor-topbar-left,.editor-topbar-right{display:flex;align-items:center;gap:8px}.editor-topbar-centre{justify-content:center}.editor-topbar-right{justify-content:flex-end}.editor-project-name{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.save-status{color:var(--c77-ui-text-muted,#8f98a6);font-size:11px}:is(.release-status,.governance-status){display:inline-flex;align-items:center;min-height:22px;max-width:190px;padding:0 7px;border:1px solid var(--c77-ui-border,#252b33);border-radius:999px;background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text-muted,#8f98a6);font-size:9px;font-weight:650;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.release-status,.governance-status)[data-tone=ready]{border-color:var(--c77-ui-success,#3f9d75);color:var(--c77-ui-text,#f5f7fa)}:is(.release-status,.governance-status)[data-tone=warning]{border-color:var(--c77-ui-warning,#e7b85b);color:var(--c77-ui-text,#f5f7fa)}:is(.release-status,.governance-status)[data-tone=error]{border-color:var(--c77-ui-danger,#ef6f6c);color:var(--c77-ui-text,#f5f7fa)}.breakpoint-switcher,.mode-switcher{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-button-radius,6px);background:var(--c77-ui-bg,#0b0d10)}.segment-button{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border-radius:4px;background:transparent;color:var(--c77-ui-text-muted,#8f98a6);cursor:pointer}.segment-button.is-active{background:var(--c77-ui-surface-selected,#202a38);color:var(--c77-ui-text,#f5f7fa)}.editor-workspace{display:grid;grid-template-columns:var(--c77-ui-toolbar-width,48px) var(--c77-ui-navigator-width,280px) minmax(0,1fr) var(--c77-ui-inspector-width,360px);min-height:0;overflow:hidden}.editor-workspace[data-navigator-collapsed=true]{grid-template-columns:var(--c77-ui-toolbar-width,48px) minmax(0,1fr) var(--c77-ui-inspector-width,360px)}.editor-inspector,.editor-navigator,.editor-toolbar{background:var(--c77-ui-panel-bg,#11151a)}.editor-toolbar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 5px;border-right:1px solid var(--c77-ui-border,#252b33)}.toolbar-button{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--c77-ui-button-radius,6px);background:transparent;color:var(--c77-ui-text-muted,#8f98a6);cursor:pointer}.toolbar-button.is-active,.toolbar-button:hover{background:var(--c77-ui-surface-hover,#1b2129);color:var(--c77-ui-text,#f5f7fa)}.toolbar-button.is-static{cursor:default}.editor-navigator{overflow:hidden;border-right:1px solid var(--c77-ui-border,#252b33)}.editor-inspector,.editor-navigator{min-width:0;min-height:0;overscroll-behavior:contain}.editor-inspector{overflow-x:hidden;overflow-y:auto;border-left:1px solid var(--c77-ui-border,#252b33);scrollbar-gutter:stable}.panel-header{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 12px;border-bottom:1px solid var(--c77-ui-border,#252b33);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.navigator-tree{padding:8px}.navigator-node{display:flex;align-items:center;gap:6px;width:100%;min-height:30px;padding:0 8px;border-radius:4px;background:transparent;color:var(--c77-ui-text-secondary,#c8ced8);text-align:left;cursor:pointer}.navigator-node:hover{background:var(--c77-ui-surface-hover,#1b2129)}.navigator-node.is-selected{background:var(--c77-ui-surface-selected,#202a38);color:var(--c77-ui-text,#f5f7fa)}.navigator-node-depth-1{padding-left:20px}.navigator-node-depth-2{padding-left:34px}.editor-canvas-stage{position:relative;min-width:0;min-height:0;overflow:auto;background:var(--c77-ui-canvas-outside,#080a0d)}.editor-canvas-stage[data-pan-ready=true],.editor-canvas-stage[data-pan-ready=true] .canvas-node{cursor:grab}.editor-canvas-stage[data-panning=true],.editor-canvas-stage[data-panning=true] .canvas-node{cursor:grabbing;-webkit-user-select:none;user-select:none}.editor-split-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,44%);min-width:0;min-height:0;overflow:hidden;background:var(--c77-ui-canvas-outside,#080a0d)}.editor-split-stage>.editor-canvas-stage{min-width:0;border-right:1px solid var(--c77-ui-border,#252b33)}.editor-code-stage{min-width:0;min-height:0;overflow:hidden;background:var(--c77-ui-bg,#0b0d10)}.generated-split-preview-frame{display:block;width:100%;height:100%;min-height:100%;border:0;background:#fff}.generated-split-preview-state{display:grid;place-content:center;gap:6px;width:100%;min-height:100%;padding:24px;color:var(--c77-ui-text-muted,#8f98a6);text-align:center}.generated-split-preview-state strong{color:var(--c77-ui-text,#f5f7fa)}.editor-canvas-ruler{position:sticky;top:0;z-index:2;height:24px;border-bottom:1px solid var(--c77-ui-border,#252b33);background:color-mix(in srgb,var(--c77-ui-panel-bg,#11151a) 94%,transparent);color:var(--c77-ui-text-muted,#8f98a6);font-size:10px;line-height:24px;text-align:center}.canvas-viewport-wrap{width:max-content;min-width:100%;min-height:calc(100% - 24px);padding:42px 52px 80px}.canvas-viewport .canvas-node{-webkit-user-select:none;user-select:none}.canvas-viewport .canvas-node[data-c77-editing=true]{-webkit-user-select:text;user-select:text}.canvas-viewport{position:relative;margin-inline:auto;overflow:visible;background:var(--c77-ui-canvas,#fff);color:#111;box-shadow:0 20px 60px rgb(0 0 0/36%);outline:1px solid color-mix(in srgb,var(--c77-ui-border,#252b33) 70%,transparent);transform-origin:top center;transition:width .15s ease,min-height .15s ease}.canvas-pages-stage{padding:0}.canvas-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:48px 56px;min-width:max-content;padding:64px}.canvas-page-snapshot{display:grid;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:var(--c77-ui-text,#f5f7fa);text-align:left;cursor:pointer}.canvas-page-snapshot-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:min(300px,100%)}.canvas-page-snapshot-label strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.canvas-page-snapshot-label small{overflow:hidden;color:var(--c77-ui-text-muted,#8f98a6);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.canvas-page-snapshot-window{position:relative;display:block;overflow:hidden;border:1px solid var(--c77-ui-border,#252b33);background:#fff;box-shadow:0 16px 42px rgb(0 0 0/28%)}.canvas-page-snapshot.is-active .canvas-page-snapshot-window,.canvas-page-snapshot:hover .canvas-page-snapshot-window{border-color:var(--c77-ui-accent,#3f78ff);box-shadow:0 0 0 2px color-mix(in srgb,var(--c77-ui-accent,#3f78ff) 30%,transparent),0 16px 42px rgb(0 0 0/28%)}.canvas-page-snapshot-surface{position:absolute;top:0;left:0;display:block;transform-origin:top left;background:#fff;pointer-events:none}.canvas-page-view-switcher{display:inline-flex}.canvas-node{position:relative;cursor:default}.canvas-node.is-selected:after{content:"";position:absolute;inset:-2px;z-index:10;pointer-events:none;border:2px solid var(--c77-ui-selection,#3f78ff)}.canvas-hero{display:grid;align-items:center;min-height:620px;padding:8vh 5vw;background:#f6f8fb}.canvas-hero-inner{width:min(100%,1180px);margin-inline:auto}.canvas-hero h1{max-width:860px;margin:0;color:#101317;font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.055em}.canvas-hero p{max-width:620px;margin:22px 0 0;color:#5b6470;font-size:18px;line-height:1.55}.canvas-cta{display:inline-flex;margin-top:28px;padding:12px 18px;border-radius:7px;background:#204479;color:#fff;font-weight:700}.inspector-advanced-section{border-bottom:1px solid var(--c77-ui-border,#252b33)}.inspector-advanced-section>summary{display:flex;align-items:center;min-height:40px;padding:0 12px;color:var(--c77-ui-text-secondary,#c8ced8);cursor:pointer;font-size:11px;font-weight:650;list-style:none}.inspector-advanced-section>summary::-webkit-details-marker{display:none}.inspector-advanced-section>summary:after{content:"›";margin-left:auto;color:var(--c77-ui-text-muted,#8f98a6);font-size:16px;transform:rotate(0deg)}.inspector-advanced-section[open]>summary:after{transform:rotate(90deg)}.inspector-advanced-section>.inspector-section{border-bottom:0}.inspector-sticky-header{position:sticky;top:0;z-index:12;background:var(--c77-ui-panel-bg,#11151a);box-shadow:0 1px 0 var(--c77-ui-border,#252b33)}.inspector-panel-header{min-height:52px;letter-spacing:normal;text-transform:none}.inspector-panel-header>span:first-child{min-width:0;overflow:hidden;color:var(--c77-ui-text,#f5f7fa);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.inspector-panel-header>span:last-child{max-width:45%;overflow:hidden;color:var(--c77-ui-text-muted,#8f98a6);font-size:10px;font-weight:500;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.inspector-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;border-bottom:1px solid var(--c77-ui-border,#252b33)}.inspector-tab{position:relative;display:grid;place-items:center;min-height:46px;padding:0;border-radius:0;background:transparent;color:var(--c77-ui-text-muted,#8f98a6);cursor:pointer}.inspector-tab:after{content:"";position:absolute;right:9px;bottom:0;left:9px;height:2px;border-radius:999px 999px 0 0;background:transparent}.inspector-tab:hover{background:var(--c77-ui-surface-hover,#1b2129);color:var(--c77-ui-text,#f5f7fa)}.inspector-tab.is-active{background:transparent;color:var(--c77-ui-accent,#3f78ff)}.inspector-tab.is-active:after{background:var(--c77-ui-accent,#3f78ff)}.inspector-section{padding:14px 12px;border-bottom:1px solid var(--c77-ui-border,#252b33)}.inspector-section h3{margin:0 0 12px;color:var(--c77-ui-text,#f5f7fa);font-size:11px;font-weight:700}.inspector-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;min-height:32px}.inspector-label{color:var(--c77-ui-text-muted,#8f98a6);font-size:11px}.inspector-value{overflow:hidden;color:var(--c77-ui-text-secondary,#c8ced8);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.editor-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;border-top:1px solid var(--c77-ui-border,#252b33);background:var(--c77-ui-topbar-bg,#0e1115);color:var(--c77-ui-text-muted,#8f98a6);font-size:10px}.statusbar-tabs{display:flex;align-items:center;gap:14px}[data-c77-density=comfortable] .dashboard-nav-link,[data-c77-density=comfortable] .navigator-node{min-height:38px}[data-c77-density=spacious] .dashboard-nav-link,[data-c77-density=spacious] .navigator-node{min-height:44px}[data-c77-motion=none] *,[data-c77-motion=reduced] *{scroll-behavior:auto!important}[data-c77-motion=none] *,[data-c77-motion=none] :after,[data-c77-motion=none] :before{animation-duration:0s!important;transition-duration:0s!important}@media (max-width:980px){.dashboard-shell{grid-template-columns:72px minmax(0,1fr)}.account-copy,.brand-name,.dashboard-nav-link span{display:none}.dashboard-nav-link{justify-content:center}.settings-layout{grid-template-columns:1fr}.interface-preview{position:static}}.primary-button:disabled{cursor:not-allowed;opacity:.55}.project-card-open{display:block;width:100%;padding:0;background:transparent;color:inherit;cursor:pointer;text-align:inherit}.project-card-open:hover .project-card-preview-frame{transform:translateY(-2px)}.project-card-preview-frame{transition:transform .14s ease}.project-delete-button{min-height:28px;padding:0 8px;font-size:11px}.project-storage-warning{max-width:680px;margin:12px 0 0;color:var(--c77-ui-warning,#f0b75b);font-size:12px}.editor-route-state{display:grid;place-items:center;align-content:center;gap:8px;min-height:100vh;padding:32px;background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text,#f5f7fa);text-align:center}.editor-route-state>span{max-width:480px;color:var(--c77-ui-text-muted,#8f98a6)}.editor-route-state .primary-button{margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor-workspace{position:relative}.editor-add-panel{position:absolute;z-index:30;top:0;bottom:0;left:var(--c77-ui-toolbar-width,48px);display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(360px,calc(100vw - var(--c77-ui-toolbar-width, 48px) - 24px));min-height:0;border-right:1px solid var(--c77-ui-border,#252b33);background:var(--c77-ui-panel-bg,#11151a);box-shadow:18px 0 40px rgb(0 0 0/28%)}.add-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:58px;padding:12px 12px 10px;border-bottom:1px solid var(--c77-ui-border,#252b33)}.add-panel-header>div{display:grid;gap:2px}.add-panel-header strong{font-size:13px}.add-panel-header span{color:var(--c77-ui-text-muted,#8f98a6);font-size:10px}.add-panel-search{display:block;padding:10px 12px;border-bottom:1px solid var(--c77-ui-border,#252b33)}.add-panel-search input{width:100%;min-height:34px;padding:0 10px;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-input-radius,6px);background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text,#f5f7fa)}.add-panel-search input::placeholder{color:var(--c77-ui-text-muted,#8f98a6)}.add-panel-groups{min-height:0;overflow:auto;padding:6px 10px 18px}.add-panel-group{padding-top:12px}.add-panel-group h2{margin:0 0 7px;padding:0 2px;color:var(--c77-ui-text-muted,#8f98a6);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.add-panel-list{display:grid;gap:5px}.add-element-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;width:100%;min-height:54px;padding:8px;border:1px solid transparent;border-radius:var(--c77-ui-button-radius,6px);background:transparent;color:var(--c77-ui-text-secondary,#c8ced8);text-align:left;cursor:pointer}.add-element-card:focus-visible,.add-element-card:hover{border-color:var(--c77-ui-border,#252b33);background:var(--c77-ui-surface-hover,#1b2129);color:var(--c77-ui-text,#f5f7fa)}.add-element-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--c77-ui-border,#252b33);border-radius:5px;background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text-muted,#8f98a6)}.add-element-copy{display:grid;gap:2px;min-width:0}.add-element-copy strong{font-size:11px}.add-element-copy small{color:var(--c77-ui-text-muted,#8f98a6);font-size:9px;line-height:1.35}.add-panel-empty{margin:16px 4px;color:var(--c77-ui-text-muted,#8f98a6);font-size:11px}.account-sign-out{min-height:28px;margin-left:auto;padding:0 8px;font-size:10px}.editor-login-shell{display:grid;min-height:100vh;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,rgb(63 120 255/16%),transparent 34%),var(--c77-ui-bg,#0b0d10)}.editor-login-card{display:grid;gap:20px;width:min(100%,420px);padding:28px;border:1px solid var(--c77-ui-border,#252b33);border-radius:12px;background:var(--c77-ui-panel-bg,#11151a);box-shadow:0 24px 80px rgb(0 0 0/32%)}.editor-login-brand{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:var(--c77-ui-accent,#3f78ff);color:#fff;font-weight:760}.editor-login-card h1{margin:0;font-size:28px;letter-spacing:-.035em}.editor-login-card p{margin:8px 0 0;color:var(--c77-ui-text-muted,#8f98a6)}.editor-login-form{display:grid;gap:9px}.editor-login-form label{color:var(--c77-ui-text-secondary,#c8ced8);font-size:11px;font-weight:650}.editor-login-form input{min-height:42px;padding:0 12px;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-input-radius,6px);background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text,#f5f7fa)}.editor-login-form .primary-button{min-height:40px;margin-top:5px}.editor-login-error{color:var(--c77-ui-danger,#ef6f6c)!important;font-size:11px}.viewport-width-control{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 7px;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-button-radius,6px);background:var(--c77-ui-bg,#0b0d10);color:var(--c77-ui-text-muted,#8f98a6);font-size:10px}.viewport-width-control input{width:58px;border:0;background:transparent;color:var(--c77-ui-text,#f5f7fa);font-size:11px;text-align:right}.canvas-zoom-controls{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-button-radius,6px);background:var(--c77-ui-bg,#0b0d10)}.canvas-zoom-controls select{min-height:28px;border:0;background:transparent;color:var(--c77-ui-text-secondary,#c8ced8);font-size:10px}.canvas-layout-guides{position:absolute;inset:0;z-index:4;pointer-events:none}.canvas-site-max-width-guide{width:100%;height:100%;margin-inline:auto;border-right:1px dashed rgb(63 120 255/55%);border-left:1px dashed rgb(63 120 255/55%);background:linear-gradient(90deg,rgb(63 120 255/3%),transparent 12%,transparent 88%,rgb(63 120 255/3%))}.platform-muted,.platform-status{color:var(--c77-ui-text-muted,#8f98a6);font-size:12px}.platform-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}.platform-metric-card{display:grid;gap:8px;padding:16px;border:1px solid var(--c77-ui-border,#252b33);border-radius:var(--c77-ui-panel-radius,8px);background:var(--c77-ui-panel-bg,#11151a)}.platform-metric-card span{color:var(--c77-ui-text-muted,#8f98a6);font-size:11px}.platform-metric-card strong{font-size:24px}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.platform-span-2{grid-column:1/-1}.platform-list{display:grid;gap:8px}.platform-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--c77-ui-border,#252b33)}.platform-list>div:last-child{border-bottom:0}.platform-list span,.platform-list strong{display:block}.platform-list span{margin-top:3px;color:var(--c77-ui-text-muted,#8f98a6);font-size:11px}.platform-request-row>div:last-child{text-align:right}.project-commercial-button{width:fit-content;min-height:28px;font-size:11px}@media (max-width:900px){.platform-grid,.platform-metric-grid{grid-template-columns:1fr}.platform-span-2{grid-column:auto}}.page-heading-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.canvas-context-menu{position:fixed;z-index:120;display:grid;min-width:180px;padding:6px;border:1px solid var(--c77-ui-border,#252b33);border-radius:8px;background:var(--c77-ui-surface-elevated,#171c22);box-shadow:0 16px 44px rgb(0 0 0/36%)}.canvas-context-menu button{min-height:32px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--c77-ui-text-secondary,#c8ced8);cursor:pointer;font-size:11px;text-align:left}.canvas-context-menu button:focus-visible,.canvas-context-menu button:hover:not(:disabled){background:var(--c77-ui-surface-hover,#1b2129);color:var(--c77-ui-text,#f5f7fa);outline:none}.canvas-context-menu button:disabled{color:var(--c77-ui-text-disabled,#5f6875);cursor:default}.canvas-context-menu-separator{height:1px;margin:5px 4px;background:var(--c77-ui-border,#252b33)}