*{box-sizing:border-box}:root{--viewer-viewport-height:100dvh;color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100dvh;min-height:var(--viewer-viewport-height);margin:0;overflow:hidden}button,select{font:inherit}.viewer-shell{width:100vw;height:100dvh;height:var(--viewer-viewport-height);position:relative;overflow:hidden}.viewport{background:linear-gradient(#ffffffb8,#f5f1e82e),#f5f1e8;position:absolute;inset:0}.toolbar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #1f293324;border-radius:12px;flex-direction:column;gap:14px;width:min(320px,100vw - 32px);padding:18px 16px 16px;display:flex;position:absolute;top:16px;bottom:16px;left:16px;box-shadow:0 16px 40px #1f293324}.toolbar-content{flex:auto;min-height:0;margin:-6px;padding:6px;overflow-y:auto}.tab-panel{align-content:start;gap:14px;display:grid}.tab-panel[hidden]{display:none}.toolbar-header{display:block}.toolbar-tabs{background:#1f293312;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.toolbar-tabs [role=tab]{color:#5b6776;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:32px;padding:4px 8px;font-size:.85rem;font-weight:650;transition:background .14s,color .14s,box-shadow .14s}.toolbar-tabs [role=tab][aria-selected=true]{color:#111827;background:#fff;box-shadow:0 1px 4px #1f29332e}.toolbar-tabs [role=tab]:focus-visible{outline-offset:2px;outline:3px solid #22667738}.toolbar-collapse{display:none}@media not all and (width<=640px){.toolbar{transition:transform .24s,visibility linear}.toolbar.is-collapsed{visibility:hidden;transition:transform .24s,visibility 0s linear .24s;transform:translate(calc(-100% - 24px))}.toolbar-collapse{visibility:visible;color:#17202a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #1f293329;border-radius:999px;place-items:center;width:28px;height:28px;margin-left:-14px;padding:0;transition:margin-left .24s,border-color .14s,box-shadow .14s;display:grid;position:absolute;top:14px;left:100%;box-shadow:0 6px 18px #1f293324}.toolbar-collapse:hover{border-color:#226677b8}.toolbar-collapse:focus-visible{outline-offset:2px;outline:3px solid #22667738}.toolbar.is-collapsed .toolbar-collapse{margin-left:24px}.toolbar-collapse span{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .16s;display:block;transform:translate(2px)rotate(135deg)}.toolbar.is-collapsed .toolbar-collapse span{transform:translate(-2px)rotate(-45deg)}}.project{gap:4px;min-width:0;display:grid}.eyebrow{color:#5b6776;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}h1{color:#111827;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.project p:last-child{color:#536471;margin:0;font-size:.9rem;line-height:1.35}.control{color:#344054;gap:6px;font-size:.86rem;font-weight:650;display:grid}select,input{font:inherit}select{color:#17202a;background:#fff;border:1px solid #1f29332e;border-radius:6px;width:100%;min-height:40px;padding:0 36px 0 12px}.check-control{color:#344054;align-items:center;gap:10px;min-height:34px;font-size:.88rem;font-weight:650;line-height:1.3;display:flex}.check-control input{accent-color:#267;cursor:pointer;flex:none;width:18px;height:18px;margin:0}select:hover:not(:disabled){border-color:#226677b8}select:focus-visible,.check-control input:focus-visible{outline-offset:2px;outline:3px solid #22667738}select:disabled{cursor:not-allowed;color:#8792a2;background:#f3f4f6}.check-control:has(input:disabled){color:#8792a2;cursor:not-allowed}.check-control input:disabled{cursor:not-allowed}.ghost-button{color:#17202a;cursor:pointer;background:#fff;border:1px solid #1f29332e;border-radius:6px;min-height:38px;padding:0 12px;font-size:.86rem;font-weight:650;transition:border-color .14s}.ghost-button:hover:not(:disabled){border-color:#226677b8}.ghost-button:focus-visible{outline-offset:2px;outline:3px solid #22667738}.ghost-button:disabled{cursor:not-allowed;color:#8792a2;background:#f3f4f6}.hint{color:#5b6776;margin:0;font-size:.8rem;line-height:1.45}.viewport.is-measuring,.viewport.is-measuring canvas{cursor:crosshair}.measure-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.measure-label{color:#92400e;white-space:nowrap;background:#fffbf3f5;border:1px solid #92400e59;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-135%);box-shadow:0 4px 12px #1f29332e}.measure-label.is-preview{opacity:.85;border-style:dashed}.hidden{display:none!important}@media (width<=640px){.toolbar{top:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-height:calc(100vh - 24px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));max-height:calc(var(--viewer-viewport-height) - 24px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:12px;padding:14px;left:12px;overflow-y:auto}.toolbar-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.toolbar-collapse{color:#17202a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fffffffa,#f6f4eff5);border:1px solid #1f293329;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:grid;box-shadow:0 6px 18px #1f29331f}.toolbar-collapse:active{transform:scale(.96)}.toolbar-collapse:focus-visible{outline-offset:2px;outline:3px solid #22667738}.toolbar-collapse span{border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;transition:transform .16s;display:block;transform:translateY(-3px)rotate(45deg)}.toolbar-content{flex:0 auto;margin-top:0}.toolbar.is-collapsed{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:999px;padding:0;left:auto;overflow:visible}.toolbar.is-collapsed .toolbar-header{display:block}.toolbar.is-collapsed .project,.toolbar.is-collapsed .toolbar-tabs,.toolbar.is-collapsed .toolbar-content{display:none}.toolbar.is-collapsed .toolbar-collapse{background:#fffffff0;border:1px solid #1f29332e;width:48px;height:48px;box-shadow:0 10px 28px #1f29332e}.toolbar.is-collapsed .toolbar-collapse span{transform:translateY(3px)rotate(225deg)}}