@font-face{font-family:Figtree;src:url(/theme/bruno/fonts/figtree-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Figtree;src:url(/theme/bruno/fonts/figtree-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Figtree;src:url(/theme/bruno/fonts/figtree-latin-800-normal.woff2)format("woff2");font-weight:800;font-display:swap}:root{--ink:#172c2a;--muted:#77827b;--paper:#fafaf6;--line:#e4e7df;--accent:#d5ed8b;--nav:#1c302d;--soft:#f0f2eb;--red:#a33d30;font-synthesis:none}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--paper);margin:0;font-family:Figtree,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #6a8a28}a,button{color:inherit}button svg{flex-shrink:0}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dde2d8;border-radius:7px;min-width:0;padding:10px 11px}textarea{resize:vertical;line-height:1.5}label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}label input,label select,label textarea{font-weight:400}input[type=range]{accent-color:#52723b;box-shadow:none;border:0;padding:0}fieldset{border:0;min-width:0;margin:0}button{border:0}small{color:var(--muted)}.studio{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--nav);color:#f7f9ef;flex-direction:column;flex-shrink:0;width:236px;padding:26px 16px 16px;display:flex;overflow-y:auto}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:26px;font-weight:600;display:flex}.brand>svg{color:var(--accent)}.brand-light{opacity:.55;font-weight:400}.sidebar .brand{padding:0 10px 28px}.site-identity{border-block:1px solid #ffffff12;align-items:center;gap:10px;padding:15px 10px;display:flex}.site-avatar{background:#ffffff10;border:1px solid #ffffff18;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.site-identity strong{font-size:13px;font-weight:600;display:block}.site-identity small{color:#bdc7b0;margin-top:4px;font-size:10px;display:block}.status-dot{background:#88a765;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.site-identity>.status-dot{margin-left:auto}.sidebar-heading{color:#a9b5a4;letter-spacing:1.1px;justify-content:space-between;align-items:center;margin:25px 10px 9px;font-size:10px;font-weight:600;display:flex}.sidebar-heading .icon-button{color:#c6d2bb;width:24px;height:24px}.icon-button{width:30px;height:30px;color:inherit;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:#7f94781a}.page-tree{flex-direction:column;gap:4px;display:flex}.page-item{text-align:left;color:#c7d1c2;background:0 0;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:38px;padding:11px 10px;font-size:12px;display:flex}.page-item>span:not(.page-dot):not(.tree-indent){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-item.active{color:#243b24;background:#d5ed8b;font-weight:600}.page-item svg{flex-shrink:0}.page-dot{opacity:.4;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.page-dot.live{opacity:1;background:#8ba56d}.tree-indent{flex-shrink:0}.depth-0{width:0;display:none}.depth-1{width:8px}.depth-2{width:16px}.depth-3{width:24px}.depth-4{width:32px}.new-page-link,.add-section-link{color:#b9c7ac;text-align:left;background:0 0;align-items:center;gap:8px;padding:12px 10px;font-size:12px;display:flex}.structure-heading{margin-top:30px}.structure-list{font-size:12px}.structure-item{text-align:left;color:#d6dfd0;background:0 0;border-radius:5px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.structure-item>span:nth-child(2){flex:1}.structure-item.selected{background:#ffffff09}.section-number{color:#95a78f;letter-spacing:.5px;font-size:10px}.block-tree{border-left:1px solid #ffffff0b;margin-left:20px;padding:4px 0 8px 36px}.block-tree small{letter-spacing:.4px;color:#879d81;margin:8px 0;font-size:9px;display:block}.block-tree button{color:#a7b89d;text-align:left;background:0 0;align-items:center;gap:8px;width:100%;padding:7px 0;font-size:11px;display:flex}.block-tree button.selected{color:var(--accent)}.block-square{border:1px solid;width:5px;height:5px}.sidebar-bottom{margin-top:auto;padding:32px 10px 0}.prototype-tag{letter-spacing:1.2px;color:#b8c8ad;border:1px solid #ffffff25;border-radius:3px;padding:4px 6px;font-size:8px}.sidebar-bottom p{color:#94a88b;margin:15px 0 22px;font-size:11px;line-height:1.65}.sidebar-bottom button{color:#b7c8ad;background:0 0;border-top:1px solid #ffffff12;align-items:center;gap:9px;width:100%;padding:16px 0 0;font-size:11px;display:flex}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.editor-header{border-bottom:1px solid var(--line);background:#fffefb;justify-content:space-between;align-items:center;gap:12px;height:76px;min-height:76px;padding:0 28px;display:flex}.editor-breadcrumb{align-items:center;gap:11px;min-width:0;font-size:12px;display:flex}.editor-breadcrumb>span:first-child{color:var(--muted)}.editor-breadcrumb>svg{color:#a6aea1;flex-shrink:0}.editor-breadcrumb strong{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.status-pill{color:#6f795f;white-space:nowrap;letter-spacing:.2px;background:#f1f2e9;border-radius:4px;padding:5px 8px;font-size:9px}.header-actions{align-items:center;gap:9px;display:flex}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:9px 14px;font-size:11px;font-weight:600;display:inline-flex}.primary{background:var(--ink);color:#f8f9ef;border:1px solid var(--ink)}.primary:hover:not(:disabled){background:#304d3c}.secondary{border:1px solid var(--line);color:#56634c;background:#fffefb}.workspace-body{flex:1;min-width:0;min-height:0;display:flex}.canvas-area{background:#eef0e9;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--line);background:#f7f8f1;justify-content:space-between;align-items:center;height:59px;min-height:59px;padding:0 22px;display:flex}.history-buttons{color:#7a8472;align-items:center;gap:3px;display:flex}.toolbar-divider{border-left:1px solid #d9dfcf;height:16px;margin:0 12px}.canvas-caption{color:#849078;font-size:10px}.viewport-switch{background:#e9ede0;border:1px solid #dfe4d7;border-radius:6px;gap:4px;padding:3px;display:flex}.viewport-switch button{color:#859079;background:0 0;border-radius:4px;place-items:center;width:33px;height:27px;display:grid}.viewport-switch button.active{color:var(--ink);background:#fffefa;box-shadow:0 1px 3px #182d2210}.viewport-label{color:#87927d;text-align:right;min-width:60px;font-size:10px}.canvas-hint{color:#88927d;align-items:center;gap:6px;padding:17px 24px 12px;font-size:10px;display:flex}.canvas-hint>span{margin-left:auto;font-size:9px}.canvas-frame{background:#fff;border:1px solid #dbe0d1;border-radius:7px 7px 0 0;flex-direction:column;flex:1;width:100%;max-width:calc(100% - 48px);min-height:0;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 10px 35px #273d2010}.canvas-frame.viewport-tablet{width:768px}.canvas-frame.viewport-mobile{width:390px}.browser-chrome{background:#fafbf6;border-bottom:1px solid #e9ecdf;align-items:center;gap:4px;height:29px;min-height:29px;padding:0 12px;display:flex}.browser-chrome i{background:#dce2d1;border-radius:50%;width:5px;height:5px}.browser-chrome>span{color:#a0aa93;white-space:nowrap;text-overflow:ellipsis;margin-left:12px;font-size:9px;overflow:hidden}.browser-chrome>span.private-label{color:#8c987e;margin-left:auto;font-size:8px}.canvas-frame iframe{background:#fcf8f1;border:0;flex:1;width:100%;min-height:0}.canvas-footer{color:#8a967e;justify-content:space-between;align-items:center;gap:12px;padding:13px 24px;font-size:9px;display:flex}.canvas-footer>span:first-child{align-items:center;gap:6px;display:flex}.canvas-footer a{align-items:center;gap:6px;font-size:10px;text-decoration:none;display:flex}.notice{color:#354e2c;background:#dfecd0;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;margin:12px 24px 0;padding:10px 13px;font-size:11px;line-height:1.4;display:flex}.notice.error{color:#8f3d2a;background:#f7e0d9}.preview-error{color:var(--red);padding:40px;line-height:1.7}.inspector{border-left:1px solid var(--line);background:#fffefb;flex-direction:column;flex-shrink:0;width:288px;display:flex;overflow:hidden}.inspector-title{justify-content:space-between;align-items:center;height:59px;min-height:59px;padding:0 20px;font-size:12px;font-weight:600;display:flex}.inspector-hint{color:#96a18b;font-size:9px;font-weight:400}.inspector-tabs{border-bottom:1px solid var(--line);margin:0 20px;display:flex}.inspector-tabs button{color:#8f9984;background:0 0;border-bottom:2px solid #0000;flex:1;padding:11px 5px;font-size:11px}.inspector-tabs button.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.inspector-content{flex-direction:column;flex:1;gap:18px;padding:19px 20px;display:flex;overflow:auto}.inspector-content label{color:#65715c;gap:7px;font-size:10px;line-height:1.4}.inspector-content input,.inspector-content select,.inspector-content textarea{color:#283d2a;background:#fffefb;border-color:#e0e5d8;border-radius:5px;min-height:34px;padding:8px 9px;font-size:11px}.inspector-kicker{color:#9aa38d;letter-spacing:1.2px;margin:2px 0 0;font-size:8px;font-weight:600}.layout-diagram{background:#f3f5eb;border-radius:5px;gap:5px;margin-top:-10px;padding:8px;display:flex}.layout-diagram>span{background:#dfe8cf;border:1px solid #c8d6b6;border-radius:2px;flex:1;height:23px}.field-row{gap:10px;display:flex}.field-row>label{flex:1;min-width:0}.inspector-content input[type=range]{background:0 0;min-height:15px}.range-value{color:#89957b;text-align:right;margin-top:-3px;font-size:9px}.inspector-divider{background:var(--line);height:1px;min-height:1px;margin:3px -20px}.color-field{position:relative}.inspector-content .color-field input{max-width:55px;height:36px;padding:5px}.color-field code{color:#849177;font-size:10px;font-weight:400;position:absolute;bottom:11px;left:67px}.section-actions{align-items:center;gap:3px;margin:6px 0;display:flex}.section-actions .button{min-height:32px;margin-right:auto;padding:7px 10px;font-size:10px}.danger{color:#9c6655}.inspector-footer{border-top:1px solid var(--line);color:#9aa28e;align-items:center;gap:7px;padding:14px 20px;font-size:9px;display:flex}.field-help{color:#94a087;margin:0;font-size:10px;line-height:1.6}.form-error{color:#a33d30;font-size:12px;line-height:1.5}.mobile-only,.drawer-close,.drawer-backdrop{display:none}.login-shell{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--nav);color:#f5f8eb;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:60px;display:flex}.login-story h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(2.5rem,4vw,4.8rem);font-weight:600;line-height:1.06}.login-story p:not(.eyebrow){color:#b1c1a4;font-size:17px;line-height:1.8}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:600}.login-story .eyebrow{color:var(--accent)}.login-story small{color:#91a483;font-size:11px}.login-panel{place-items:center;padding:32px;display:grid}.login-panel form{flex-direction:column;gap:21px;width:100%;max-width:340px;display:flex}.login-panel h2{letter-spacing:-1px;margin:0;font-size:34px;font-weight:600}.login-panel .eyebrow{color:#7f906d;margin:0}.login-panel form>p:not(.eyebrow){color:#86927b;margin:0 0 15px;font-size:13px}.login-panel label{font-size:12px}.login-panel input{padding:13px}.login-panel .button{justify-content:space-between;min-height:45px;margin-top:5px;font-size:12px}.login-panel small{text-align:center;margin-top:8px;font-size:10px}.create-dialog{border:1px solid var(--line);background:var(--paper);width:420px;max-width:calc(100vw - 32px);color:var(--ink);border-radius:12px;padding:32px;box-shadow:0 25px 100px #172c2a38}.create-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10231dc0}.create-dialog form{flex-direction:column;gap:18px;display:flex}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.dialog-heading>svg{color:#607e3b}.create-dialog .eyebrow{color:#899779;margin:3px 0 0;font-size:8px}.create-dialog h2{letter-spacing:-1px;margin:0;font-size:28px;font-weight:600}.create-dialog form>p:not(.eyebrow){color:#8b977f;margin:0;font-size:12px}.create-dialog label{font-size:11px}.create-dialog .button{justify-content:space-between;min-height:41px;margin-top:8px}.empty-install{max-width:600px;margin:auto;padding:80px 24px;line-height:1.7}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1000px) and (max-width:1200px){.sidebar{width:205px;padding-inline:12px}.inspector{width:250px}.editor-header{padding-inline:20px}.canvas-hint>span,.canvas-caption{display:none}.canvas-toolbar{padding-inline:16px}.canvas-frame{max-width:calc(100% - 28px)}}@media (max-width:999px){.sidebar,.inspector{z-index:40;width:min(310px,85vw);display:none;position:fixed;top:0;bottom:0;box-shadow:0 0 60px #10231d30}.sidebar{left:0}.inspector{right:0}.sidebar.drawer-open,.inspector.drawer-open{display:flex}.drawer-close{margin-left:auto;display:inline-flex}.inspector-title .inspector-hint{display:none}.mobile-only{display:inline-flex}.drawer-backdrop{z-index:30;background:#16271e80;display:block;position:fixed;inset:0}.editor-header{height:65px;min-height:65px;padding:0 16px}.editor-breadcrumb>span:first-of-type,.editor-breadcrumb>svg{display:none}.canvas-area{width:100%}.canvas-frame{max-width:calc(100% - 32px)}.canvas-toolbar{padding-inline:16px}.canvas-hint>span{display:none}.canvas-footer{padding-inline:18px}}@media (max-width:550px){.editor-header{gap:7px;min-height:62px;padding:0 10px}.editor-breadcrumb{flex:1;gap:7px}.editor-breadcrumb strong{max-width:95px;font-size:11px}.status-pill{display:none}.header-actions{gap:5px}.header-actions .button{gap:4px;min-height:36px;padding:8px 10px;font-size:10px}.save-button span{display:none}.canvas-toolbar{height:51px;min-height:51px;padding-inline:10px}.canvas-caption,.toolbar-divider,.viewport-label{display:none}.canvas-toolbar .mobile-only{margin-left:8px}.canvas-hint{padding:12px 14px;font-size:9px}.canvas-frame{max-width:calc(100% - 16px)}.browser-chrome>span.private-label{display:none}.canvas-footer{gap:7px;padding:12px;font-size:8px}.canvas-footer>span:nth-child(2){display:none}.notice{margin:8px 8px 0;font-size:10px}.login-shell{grid-template-columns:1fr}.login-story{min-height:270px;padding:30px}.login-story h1{letter-spacing:-1px;margin:25px 0 0;font-size:34px}.login-story .brand{font-size:23px}.login-story small,.login-story p:not(.eyebrow){display:none}.login-story .eyebrow{margin-top:30px;font-size:8px}.login-panel{padding:38px 24px}.login-panel h2{font-size:29px}.icon-button{min-width:32px;min-height:32px}.page-item{min-height:44px}.inspector-content input,.inspector-content select{min-height:42px;font-size:13px}.inspector-content label{font-size:11px}.structure-item{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}