:root{color:#212529;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--background:#f5f6f7;--canvas:#212529;--panel:#fff;--border:#e0e0e0;--text:#212529;--muted:#6c757d;--accent:#0078d4;--amber:#f59e0b;--red:#ef4444;--green:#22c55e;--shadow:0 18px 40px #2125291f;background:#f5f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}a{color:inherit;text-decoration:none}.appShell{min-height:100vh;background:var(--background);flex-direction:column;min-height:100dvh;display:flex}.topBar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fffffff0;justify-content:space-between;align-items:center;min-height:72px;padding:12px 20px;display:flex;position:sticky;top:0}.brandLockup{align-items:center;gap:12px;min-width:0;display:flex}.brandMark{object-fit:contain;border:1px solid var(--border);background:var(--canvas);border-radius:8px;width:44px;height:44px}.eyebrow,.brandLockup h1{margin:0}.eyebrow{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.brandLockup h1{font-size:20px;line-height:1.1}.headerMenu{flex:none;position:relative}.menuTrigger{border:1px solid var(--border);width:42px;height:42px;color:var(--text);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.menuTrigger.active,.menuTrigger:hover{border-color:var(--accent);color:var(--accent)}.appMenu{z-index:30;border:1px solid var(--border);width:min(420px,100vw - 24px);max-height:calc(100vh - 96px);color:var(--text);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:14px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:auto}.appMenu section{gap:8px;display:grid}.appMenu h2{margin:0;font-size:13px}.menuLinkGrid,.menuGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.menuLinkGrid a,.menuGrid button,.urlRow button{border:1px solid var(--border);min-height:36px;color:var(--text);cursor:pointer;background:#fafafa;border-radius:8px}.menuLinkGrid a{justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 10px;font-size:13px;font-weight:750;display:inline-flex}.menuLinkGrid a:only-child{grid-column:1/-1;justify-content:space-between}.languageSelect{min-height:38px}.menuGrid button{text-align:left;padding:8px}.menuGrid strong,.menuGrid span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.menuGrid strong{text-transform:uppercase;font-size:11px}.menuGrid span{color:var(--muted);margin-top:3px;font-size:12px}.faqList{gap:6px;display:grid}.faqList details{border:1px solid var(--border);background:#fafafa;border-radius:8px;padding:8px 10px}.faqList summary{cursor:pointer;font-size:13px;font-weight:750}.faqList p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.4}.promoActions a,.linkGrid a,.canvasButton,.wideButton,.convertRow button,.primaryUpload,.sampleStrip button{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.promoActions a:hover,.linkGrid a:hover,.canvasButton:hover:not(:disabled),.wideButton:hover:not(:disabled),.convertRow button:hover:not(:disabled),.primaryUpload:hover,.sampleStrip button:hover{border-color:var(--accent);color:var(--accent)}.workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:16px;height:calc(100vh - 106px);min-height:720px;padding:16px;display:grid}.legalFooter{min-height:34px;color:var(--muted);align-items:center;gap:14px;padding:0 20px 12px;font-size:12px;display:flex}.legalFooter a{color:var(--text);font-weight:700}.legalFooter a:hover{color:var(--accent)}.viewerColumn,.inspector{min-width:0}.viewerColumn{grid-template-rows:minmax(0,1fr) auto;gap:12px;display:grid}.viewerFrame{background:var(--canvas);min-height:520px;box-shadow:var(--shadow);border:1px solid #11171c;border-radius:8px;position:relative;overflow:hidden}.viewerFrame.isDragging{outline:3px solid var(--accent);outline-offset:-3px}.viewerFrame.measureMode .viewerHost canvas{cursor:crosshair}.viewerHost{position:absolute;inset:0}.viewerHostHidden{visibility:hidden;pointer-events:none}.viewerHost canvas{width:100%;height:100%;display:block}.viewerHost>div{display:none}.startPanel{color:#fff;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:24px 24px 70px}.loadingPanel{z-index:7;color:#fff;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:24px}.loadingPanel h2,.loadingPanel p{margin:0}.loadingPanel h2{font-size:26px;line-height:1.1}.loadingPanel p{color:#cbd5e1;font-size:14px}.startPanel svg{color:#dbeafe}.startPanel h2,.startPanel p{margin:0}.startPanel h2{font-size:30px;line-height:1.1}.startPanel p{color:#cbd5e1;font-size:14px}.primaryUpload,.sampleStrip{pointer-events:auto}.primaryUpload{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:750}.primaryUpload:hover{color:#fff;transform:translateY(-1px)}.primaryUpload input,.fileButton input,.canvasButton input{display:none}.sampleStrip{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;display:flex}.sampleStrip button{color:#fff;background:#ffffff1c;border-color:#fff3}.statusPill{color:#fff;z-index:4;background:#0f172ad6;border-radius:8px;align-items:center;gap:8px;max-width:calc(100% - 28px);min-height:34px;padding:0 12px;font-size:13px;display:inline-flex;position:absolute;bottom:14px;left:14px}.statusPill.ready{background:#166534e0}.statusPill.warning{background:#92400eeb}.statusPill.error{background:#991b1beb}.canvasControls{z-index:6;flex-wrap:wrap;gap:8px;max-width:calc(100% - 28px);display:flex;position:absolute;top:14px;left:14px}.canvasButton{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac7;border-color:#ffffff29;min-width:76px;min-height:34px;padding:0 10px;font-size:12px;font-weight:750}.canvasButton:disabled{opacity:.45;cursor:not-allowed}.viewHud{z-index:7;justify-items:end;gap:8px;max-width:min(360px,100% - 28px);display:grid;position:absolute;top:14px;right:14px}.viewHudToggle,.viewHudPanel button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac7;border:1px solid #ffffff29;border-radius:8px;min-height:34px;font-size:12px;font-weight:750}.viewHudToggle{align-items:center;gap:7px;padding:0 11px;display:inline-flex}.viewHudToggle.active,.viewHudPanel button.active{color:#67e8f9;border-color:#67e8f9}.viewHudPanel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172adb;border:1px solid #ffffff29;border-radius:8px;gap:8px;width:min(336px,100vw - 42px);padding:8px;display:grid;box-shadow:0 14px 32px #00000042}.viewHudActions,.viewModeRow{gap:6px;display:grid}.viewHudActions{grid-template-columns:repeat(4,minmax(0,1fr))}.viewModeRow{grid-template-columns:repeat(5,minmax(0,1fr))}.viewHudPanel button{white-space:normal;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 8px;line-height:1.1;display:inline-flex}.viewModeRow button{padding:0 4px;font-size:11px}.viewHudPanel button:disabled{opacity:.42;cursor:not-allowed}.axisCorner{z-index:6;width:94px;height:94px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;position:absolute;bottom:18px;right:18px}.axisStem{transform-origin:50% 100%;color:#fff;border-radius:999px;width:3px;height:40px;font-size:11px;font-weight:850;position:absolute;bottom:30px;left:46px}.axisStem:before{content:"";border-bottom:8px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:-7px;left:-4px}.axisStem:after{position:absolute;top:-21px;left:-4px}.axisZ{color:#45a7ff;opacity:var(--axis-z-opacity,1);transform:rotate(var(--axis-z-angle,0deg)) scaleY(var(--axis-z-scale,1));background:#45a7ff}.axisZ:after{content:"Z";transform:rotate(var(--axis-z-label-angle,0deg))}.axisX{color:#ff5a64;height:36px;opacity:var(--axis-x-opacity,1);transform:rotate(var(--axis-x-angle,94deg)) scaleY(var(--axis-x-scale,1));background:#ff5a64}.axisX:after{content:"X";transform:rotate(var(--axis-x-label-angle,-94deg))}.axisY{color:#38d987;height:34px;opacity:var(--axis-y-opacity,1);transform:rotate(var(--axis-y-angle,218deg)) scaleY(var(--axis-y-scale,1));background:#38d987}.axisY:after{content:"Y";transform:rotate(var(--axis-y-label-angle,-218deg))}.axisOrigin{background:0 0;border:2px solid #ffffffdb;border-radius:50%;width:13px;height:13px;position:absolute;bottom:25px;left:41px}.measureSniper{z-index:8;pointer-events:none;filter:drop-shadow(0 12px 22px #00000047);grid-template-columns:132px minmax(108px,auto);align-items:center;gap:10px;max-width:calc(100% - 32px);display:grid;position:absolute;top:62px;right:16px}.sniperLens{background-color:#0f172a9e;background-image:linear-gradient(90deg,#0000 49.65%,#ffffffe0 49.65% 50.35%,#0000 50.35%),linear-gradient(#0000 49.65%,#ffffffe0 49.65% 50.35%,#0000 50.35%),none;background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #00e5ff;border-radius:50%;width:132px;height:132px;position:relative;overflow:hidden}.sniperLens.hasPreview{background-blend-mode:normal, normal, normal}.sniperLens span{border:1px solid #ffffffe6;border-radius:50%;position:absolute;inset:42px}.sniperCoords{color:#fff;font-variant-numeric:tabular-nums;background:#111827e0;border:1px solid #ffffff2e;border-radius:8px;gap:2px;min-width:116px;padding:8px 10px;font-size:11px;display:grid}.sniperCoords strong{color:#67e8f9;font-size:12px}.cadCanvasHost{z-index:1;background:#20252a;position:absolute;inset:0}.cadCanvasHost canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.cadCanvasHost canvas:active{cursor:grabbing}.cadCanvasHud{color:#fff;font-variant-numeric:tabular-nums;background:#111827db;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 10px;font-size:12px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 12px 24px #0000003d}.cadCanvasHud strong{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.cadCanvasHud span{color:#ffffffb8}.cadInfoStack{gap:10px;display:grid}.layerList{gap:6px;display:grid}.layerRow{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:auto 12px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:grid}.layerToggle{cursor:pointer}.layerToggle input{width:14px;height:14px;accent-color:var(--accent);margin:0}.layerToggle.muted{color:var(--muted);background:#f8fafc}.layerRow strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layerRow span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.layerSwatch{border:1px solid #00000029;border-radius:50%;width:12px;height:12px}.cadLayerActions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.entityTypeList{gap:6px;display:grid}.entityTypeRow{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 8px;font-size:12px;display:grid}.entityTypeRow strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entityTypeRow span{color:var(--muted);font-variant-numeric:tabular-nums}.dwgFallbackCard{color:var(--text);background:#fff7ed;border:1px solid #f59e0b;border-radius:8px;gap:8px;padding:12px;font-size:12px;display:grid}.dwgFallbackCard span{color:var(--muted);line-height:1.45}.dwgFallbackCard a{background:var(--text);color:#fff;border-radius:8px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;min-height:32px;padding:0 10px;font-weight:750;text-decoration:none;display:inline-flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wideButton.active{background:var(--text);border-color:var(--text);color:#fff}.wideButton:disabled,.convertRow button:disabled{opacity:.48;cursor:not-allowed}.inspector{border:1px solid var(--border);background:#eef2f5;border-radius:8px;flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px;display:flex;overflow:auto;box-shadow:inset 1px 0 #fff9}.inspectorShellHeader{z-index:4;background:#eef2f5;grid-template-columns:minmax(0,1fr) 38px;gap:8px;padding-bottom:4px;display:grid;position:sticky;top:0}.inspectorTabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.inspectorTabs button,.drawerClose{border:1px solid var(--border);min-height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:8px}.inspectorTabs button{justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.inspectorTabs button.active{background:var(--text);border-color:var(--text);color:#fff}.inspectorTabs button:disabled{opacity:.42;cursor:not-allowed}.inspectorTabs svg{flex:none}.drawerClose{justify-content:center;align-items:center;display:none}.inspector [data-panel]{display:none}.inspector[data-active-panel=info] [data-panel=info],.inspector[data-active-panel=measure] [data-panel=measure],.inspector[data-active-panel=section] [data-panel=section],.inspector[data-active-panel=volume] [data-panel=volume],.inspector[data-active-panel=components] [data-panel=components],.inspector[data-active-panel=print] [data-panel=print],.inspector[data-active-panel=boundary] [data-panel=boundary],.inspector[data-active-panel=wall] [data-panel=wall],.inspector[data-active-panel=overhang] [data-panel=overhang],.inspector[data-active-panel=lighting] [data-panel=lighting],.inspector[data-active-panel=export] [data-panel=export]{display:block}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px}.panelHeader{align-items:center;gap:8px;margin-bottom:12px;display:flex}.panelHeader h2{margin:0;font-size:15px;line-height:1.2}.fileStack{gap:8px;display:grid}.emptyLine{color:var(--muted);font-size:13px}.fileRow{border:1px solid var(--border);background:#fafafa;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.fileRow strong,.fileRow span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fileRow strong{font-size:13px}.fileRow span{color:var(--muted);margin-top:2px;font-size:12px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.componentStack{margin-top:10px}.metricGrid div{border:1px solid var(--border);background:#fafafa;border-radius:8px;padding:10px}.metricGrid span,.detailList dt,.fitBadge span{color:var(--muted);font-size:12px}.metricGrid strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:19px;line-height:1.1;display:block}.detailList{gap:8px;margin:12px 0 0;display:grid}.detailList div{grid-template-columns:minmax(72px,42%) minmax(0,1fr);align-items:start;gap:12px;font-size:13px;display:grid}.detailList dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:normal;min-width:0;margin:0}.segmentedControl,.presetRow{gap:8px;display:grid}.segmentedControl{grid-template-columns:repeat(3,minmax(0,1fr))}.viewModeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.presetRow{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.segmentedControl button,.presetRow button{border:1px solid var(--border);min-height:34px;color:var(--text);cursor:pointer;background:#fff;border-radius:8px}.segmentedControl button.active{background:var(--accent);border-color:var(--accent);color:#fff}.segmentedControl button:disabled,.presetRow button:disabled{opacity:.48;cursor:not-allowed}.rangeControl{gap:6px;margin-top:10px;display:grid}.rangeControl span{color:var(--muted);font-size:12px}.rangeControl input{width:100%;accent-color:var(--accent)}.wallBandGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.wallBandItem{border:1px solid var(--border);background:#fafafa;border-radius:8px;padding:8px}.wallBandItem strong,.wallBandItem span{display:block}.wallBandItem strong{font-size:12px}.wallBandItem span{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}.wallBandItem.fail.active{background:#ef44441a;border-color:#ef44448c}.wallBandItem.warn.active{background:#f59e0b1f;border-color:#f59e0b99}.wallBandItem.pass.active{background:#22c55e1a;border-color:#22c55e8c}.heatmapLegend{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.heatmapLegend span{color:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:0;min-height:28px;font-size:11px;font-weight:800;display:inline-flex}.heatmapLegend .fail{background:#dc2626}.heatmapLegend .warn{background:#d97706}.heatmapLegend .pass{background:#15803d}.elementInfo{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.elementInfo>strong{margin-bottom:8px;font-size:13px;display:block}.elementInfo.pass>strong{color:#15803d}.elementInfo.warn>strong{color:#b45309}.elementInfo.fail>strong{color:#b91c1c}.elementInfo p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}.analysisProgress{min-height:32px;color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:inline-flex}.analysisConnector{z-index:7;transform-origin:0;pointer-events:none;background:#fffffff5;height:3px;position:absolute;box-shadow:0 0 0 2px #0f172a9e}.analysisPopover{z-index:8;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172aeb;border:1px solid #ffffff2e;border-radius:8px;width:min(270px,100% - 28px);padding:12px;position:absolute;box-shadow:0 18px 42px #00000057}.analysisPopover:before{content:"";background:currentColor;border:2px solid #ffffffe6;border-radius:50%;width:12px;height:12px;position:absolute;top:18px;left:-7px;box-shadow:0 0 0 3px #0f172ac2}.analysisPopover.pass{color:#22c55e;border-color:#22c55e85}.analysisPopover.warn{color:#f59e0b;border-color:#f59e0b99}.analysisPopover.fail{color:#ef4444;border-color:#ef44449e}.analysisPopoverHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.analysisPopoverHeader strong{color:#fff;min-width:0;font-size:13px}.analysisPopoverHeader span{color:#111827;background:currentColor;border-radius:999px;flex:none;padding:3px 7px;font-size:10px;font-weight:850}.analysisPopoverDetails{gap:5px;margin:9px 0 0;display:grid}.analysisPopoverDetails div{color:#ffffffc7;justify-content:space-between;gap:10px;font-size:11px;display:flex}.analysisPopoverDetails dt{flex:none}.analysisPopoverDetails dd{color:#fff;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;margin:0}.analysisPopover p{color:#ffffffb8;margin:8px 0 0;font-size:11px;line-height:1.35}select{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:8px;padding:0 10px}.profileForm{gap:8px;margin-top:10px;display:grid}.profileForm label{gap:4px;min-width:0;display:grid}.profileForm span{color:var(--muted);font-size:12px}.profileForm input,.profileForm select{border:1px solid var(--border);width:100%;min-width:0;min-height:36px;color:var(--text);background:#fff;border-radius:8px;padding:0 9px}.profileForm input:focus,.profileForm select:focus,.urlRow input:focus{border-color:var(--accent);outline:2px solid #0078d43d}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fitBadge{border:1px solid var(--border);border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;padding:10px;display:grid}.fitBadge.pass{background:#22c55e14;border-color:#22c55e80}.fitBadge.warn{background:#f59e0b1a;border-color:#f59e0b8c}.fitBadge strong,.fitBadge span{display:block}.fitBadge strong{font-size:13px}.scoreBadge{border:1px solid var(--border);background:#fafafa;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:10px;display:grid}.scoreBadge strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1}.scoreBadge span{color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:56px;min-height:26px;font-size:12px;font-weight:800;display:inline-flex}.scoreBadge.pass{background:#22c55e14;border-color:#22c55e80}.scoreBadge.pass span{background:#15803d}.scoreBadge.warn{background:#f59e0b1a;border-color:#f59e0b8c}.scoreBadge.warn span{background:#b45309}.scoreBadge.fail{background:#ef444414;border-color:#ef444480}.scoreBadge.fail span{background:#b91c1c}.reasonList{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.reasonList span{border:1px solid var(--border);color:var(--muted);background:#fafafa;border-radius:8px;padding:5px 7px;font-size:12px}.guidanceList{gap:8px;margin-top:10px;display:grid}.guidanceItem{border:1px solid var(--border);background:#fafafa;border-radius:8px;gap:4px;padding:10px;display:grid}.guidanceItem strong{font-size:13px}.guidanceItem span{color:var(--muted);font-size:12px;line-height:1.4}.guidanceItem.pass{background:#22c55e12;border-color:#22c55e73}.guidanceItem.warn{background:#f59e0b17;border-color:#f59e0b80}.guidanceItem.fail{background:#ef444412;border-color:#ef444473}.wideButton{width:100%;margin-top:10px}.buttonGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.buttonGrid .wideButton{margin-top:0}.convertRow{grid-template-columns:minmax(0,1fr) 92px;gap:8px;display:grid}.urlRow{grid-template-columns:minmax(0,1fr) 78px;gap:8px;display:grid}.urlRow input{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:8px;padding:0 10px}.convertRow button,.urlRow button{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:8px}.promoPanel img{border:1px solid var(--border);border-radius:8px;width:100%;display:block}.promoActions,.linkGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.linkGrid{grid-template-columns:1fr}.promoActions a,.linkGrid a{min-height:36px;font-size:13px}.demoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sampleGrid{margin-bottom:10px}.demoGrid button{border:1px solid var(--border);min-height:52px;color:var(--text);text-align:left;cursor:pointer;background:#fafafa;border-radius:8px;padding:8px 10px}.demoGrid button:hover{border-color:var(--accent)}.demoGrid strong,.demoGrid span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.demoGrid strong{text-transform:uppercase;font-size:12px}.demoGrid span{color:var(--muted);margin-top:3px;font-size:12px}.formatNote{color:var(--muted);margin:10px 0 0;font-size:12px}.adSlot{background:#ffffffb8;border:1px dashed #c7ccd1;border-radius:8px;min-height:72px}.adPlaceholder{color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.drawerBackdrop,.drawerHandle,.mobileToolScroller,.mobileToolTabs{display:none}@media (max-width:1050px){.workspace{grid-template-columns:1fr;height:auto;min-height:0}.viewerColumn{display:contents}.viewerFrame{order:1;height:calc(100vh - 220px);min-height:540px}.viewerColumn>.adSlot{order:4}.inspector{width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;order:3;padding:0;transition:none;position:static;overflow:visible;transform:none}.inspector .inspectorShellHeader{display:none}.inspector .panel{width:100%;box-shadow:0 10px 24px #21252914}.inspector.open{width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;order:3;padding:0;transition:none;position:static;overflow:visible;transform:none}.inspector.open .inspectorShellHeader,.drawerClose,.drawerBackdrop,.drawerHandle{display:none}.mobileToolScroller{border:1px solid var(--border);width:100%;min-width:0;max-width:calc(100vw - 32px);color:var(--text);background:#fff;border-radius:8px;order:2;justify-self:stretch;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #21252914}.mobileToolScroller:before,.mobileToolScroller:after{content:"";z-index:2;pointer-events:none;border-radius:8px;width:26px;position:absolute;top:1px;bottom:1px}.mobileToolScroller:before{background:linear-gradient(90deg,#fff 0%,#fff0 100%);left:1px}.mobileToolScroller:after{background:linear-gradient(90deg,#fff0 0%,#fff 68% 100%);width:54px;right:1px}.mobileToolTabs{box-sizing:border-box;scrollbar-width:none;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;padding:6px 64px 6px 18px;scroll-padding-inline:18px 64px;display:flex;overflow-x:auto}.mobileToolTabs::-webkit-scrollbar{display:none}.mobileToolTabs button{border:1px solid var(--border);min-width:90px;min-height:38px;color:var(--text);letter-spacing:0;white-space:nowrap;background:#f8fafc;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:780;display:inline-flex}.mobileToolTabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.mobileToolTabs button:disabled{opacity:.38;cursor:not-allowed}.mobileToolHint{z-index:3;color:#fff;letter-spacing:0;pointer-events:none;background:#0f172ae0;border-radius:6px;padding:3px 5px;font-size:10px;font-weight:800;position:absolute;top:50%;right:9px;transform:translateY(-50%)}}@media (max-width:720px){.topBar{flex-direction:column;align-items:flex-start;gap:12px;position:static}.workspace{height:auto;min-height:0;padding:10px}.mobileToolScroller{max-width:calc(100vw - 20px)}.viewerFrame{height:clamp(300px,38dvh,380px);min-height:300px}.startPanel{justify-content:flex-start;gap:10px;inset:72px 18px 16px}.loadingPanel{inset:18px}.startPanel h2{font-size:23px}.startPanel p{font-size:13px;line-height:1.3}.sampleStrip{flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.sampleStrip button{flex:none}.inspector{width:min(390px,100vw - 20px);top:10px;bottom:10px;right:10px}.promoActions{grid-template-columns:1fr}.legalFooter{flex-wrap:wrap;align-items:flex-start;padding:0 12px 12px}}