[hidden]{display:none!important}
.builder-page{height:100dvh;min-height:0;overflow:hidden}.builder-page .app-header{height:54px;padding:0 22px;gap:30px;background:#fff}.app-header .logo{font-size:24px}.app-header .logo span{font-size:27px}.app-header .mode-switch{margin:0;padding:3px;background:#f1eef8}.app-header .mode-switch button{padding:7px 20px;font-size:12px}.catalog-link{margin-left:auto;font-size:12px;color:#78678c}.builder-page main{display:flex;flex:1;min-height:0}.builder-page .builder-section{padding:0;margin:0;height:100%;max-width:none;display:flex;flex-direction:column}.builder-page .builder-shell{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.builder-page .library{padding:22px 15px;overflow-y:auto;background:#fff}.builder-page .library-item{padding:11px 9px;font-size:12px}.builder-page #library-list{display:block}.builder-page .add-custom{font-size:12px}.auto-connect{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;margin:22px 0;color:#776687}.auto-connect input{width:14px;height:14px;margin:2px 0;accent-color:var(--purple)}.manual-connect{border-top:1px solid #e7e1ee;padding-top:15px}.manual-connect summary{font-size:11px;cursor:pointer;color:#79658c}.builder-page .manual-connect .connection-tools{display:flex;flex-direction:column;align-items:stretch;padding:15px 0 0;border:0}.connection-tools>span{display:none}.builder-page .manual-connect select{font-size:12px}.builder-page .manual-connect label{font-size:11px}.builder-page .workspace{height:100%;min-height:0;position:relative;overflow:hidden}.builder-page .workspace-toolbar{height:48px;flex-shrink:0;padding:0 20px;background:#fff}.workspace-toolbar>div{margin-left:auto;gap:20px}.builder-page .workspace-toolbar button{font-size:12px;white-space:nowrap}.workspace-toolbar #toggle-price{padding:8px 12px;border:1px solid #ddd3eb;border-radius:6px;color:var(--purple)}#flow-count{font-size:11px}.builder-page .canvas-scroll{flex:1;min-height:0;overflow:auto}.builder-page .flow-canvas{height:100%;min-height:350px!important;min-width:680px;background-color:#fafbff}.builder-page .canvas-help{flex-shrink:0;min-height:32px;padding:8px 20px;border:0;background:#fafbff;font-size:10px}.builder-page .flow-feedback{position:absolute;bottom:42px;left:20px;right:20px;z-index:3;border-radius:7px;padding:10px 14px;background:#fff;box-shadow:0 3px 16px #45345c12;pointer-events:none;width:fit-content;max-width:calc(100% - 40px)}.builder-page .flow-feedback:empty{display:none}.flow-feedback button{pointer-events:auto}#empty-canvas{inset:40% 20px auto;font-size:18px;color:#756584}#empty-canvas span{font-size:12px}.builder-page .estimate{display:none;grid-column:auto;position:absolute;z-index:5;right:0;top:48px;bottom:0;width:320px;border:0;border-left:1px solid #e5dced;padding:32px 25px;background:#f4effb;box-shadow:-12px 0 35px #4230580a;overflow-y:auto}.builder-page.show-price .estimate{display:block}.builder-page .estimate-price{margin-top:22px}.builder-page .estimate-price>span:first-child{width:100%}.builder-page .estimate-price strong{font-size:54px}.builder-page .estimate hr{display:block;margin:25px 0}.builder-page .estimate-heading h3{font-size:15px}.builder-page .quote-note,.builder-page #estimate-detail{font-size:12px;line-height:1.7}.builder-page .quote-note{margin:20px 0}.builder-page .no-commitment{line-height:1.7;margin-top:12px;font-size:10px}.builder-page .estimate .button{font-size:12px;padding:17px 15px}.panel-close{position:absolute;right:12px;top:9px;background:none;border:0;font-size:24px;color:#796589;line-height:1;padding:4px}.builder-page .inspector{position:absolute;z-index:6;top:48px;right:0;bottom:0;width:340px;max-height:none;min-height:0;padding:38px 24px 24px;background:white;border-left:1px solid #e3d9ed;box-shadow:-12px 0 35px #4230580a;overflow-y:auto}.builder-page .inspector h3{font-size:17px;line-height:1.5}.inspector-title{display:block}.remove-edge{margin-top:12px;font-size:11px;color:#986173}.builder-page .inspector p{font-size:12px;margin:18px 0}.builder-page .field-list{display:grid;grid-template-columns:1fr}.builder-page .field-list label{padding:11px;font-size:12px}.builder-page .data-examples{gap:5px}.builder-page .data-examples button{font-size:10px;padding:8px}.builder-page .custom-field-form{flex-wrap:wrap}.builder-page .custom-field-form input{flex-basis:100%;font-size:12px}.builder-page .custom-field-form button{padding:10px 15px;margin-left:auto}.hide-library .library{display:none}.builder-page.hide-library .builder-shell{grid-template-columns:1fr}
.simple-view{display:none}.builder-page[data-mode=simple] .builder-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;overflow-y:auto;background:var(--paper)}.builder-page[data-mode=simple] .library,.builder-page[data-mode=simple] .workspace,.builder-page[data-mode=simple] .inspector{display:none}.builder-page[data-mode=simple] .estimate{display:block;position:sticky;top:0;right:auto;bottom:auto;width:auto;height:fit-content;max-height:100%;grid-column:2;grid-row:1;box-shadow:none;overflow-y:auto;border-left:1px solid #e3dbee}.builder-page[data-mode=simple] #close-price{display:none}.builder-page[data-mode=simple] .simple-view{display:block;min-width:0;padding:38px clamp(22px,4vw,60px) 50px}.simple-intro h2{font-size:38px;margin:0 0 10px;letter-spacing:-1.8px}.simple-intro p{font-size:14px;color:#80748d;margin:0 0 25px}#simple-selection{border:1px solid #d6c7ec;background:#f2ecfc;border-radius:12px;padding:24px}.selected-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.selected-heading h3{font:500 20px Manrope,sans-serif;margin:0;letter-spacing:-.5px}.selected-heading>span{font-size:10px;color:#7d5d9d}.simple-route{display:flex;align-items:center;gap:12px;margin:25px 0;flex-wrap:wrap}.simple-route>span{display:flex;gap:8px;align-items:center;font-size:12px;background:#fff;padding:12px;border-radius:7px;border:1px solid #e2d8ee}.simple-route>b{color:var(--purple);font-weight:400}#simple-selection>p{font-size:12px;color:#7e6a92}.simple-selected-actions{display:flex;justify-content:space-between;gap:15px;margin-top:20px;flex-wrap:wrap}.simple-selected-actions a,.simple-selected-actions button{font-size:12px;color:var(--purple);border:0;background:none;padding:0}.simple-filter{margin:28px 0 20px;display:flex;align-items:center;gap:20px;justify-content:space-between}.simple-filter label{font-size:13px}.simple-filter input{font-size:12px;background:white;max-width:270px;padding:11px 12px}#simple-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flow-card{border:1px solid #e1dbe9;background:white;border-radius:10px;overflow:hidden}.flow-card.chosen{border-color:#9670cf;box-shadow:0 0 0 1px #9670cf}.flow-card>button{background:transparent;border:0;text-align:left;padding:22px;width:100%;display:flex;flex-direction:column;gap:15px;color:var(--ink)}.flow-card:hover{border-color:#a98bcf}.card-icons{display:flex;align-items:center;gap:9px}.card-icons>b{color:#a58dbb;font-weight:400}.flow-card strong{font-size:14px;font-weight:600;line-height:1.5}.flow-card button>span:not(.card-icons){font-size:12px;line-height:1.7;color:#84748e}.flow-card .card-price{width:100%;display:flex;justify-content:space-between;gap:10px;margin-top:4px}.card-price i{font-style:normal;color:var(--purple)}.flow-card>a{display:block;font-size:11px;border-top:1px solid #eee8f4;padding:12px 22px;color:#8c6ca5}.simple-custom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:25px 0;font-size:13px;color:#80718d}.simple-custom button{background:none;border:0;color:var(--purple);font-size:13px}
@media(min-width:1500px){.builder-page[data-mode=simple] .simple-view{max-width:1250px;margin:auto;width:100%}.builder-page[data-mode=simple] .builder-shell{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1050px){#simple-cards{grid-template-columns:1fr}.builder-page[data-mode=simple] .builder-shell{grid-template-columns:minmax(0,1fr) 260px}.simple-route{gap:8px}.simple-route>span{padding:9px}.simple-route .brand-icon{width:27px;height:27px;font-size:18px}.builder-page .builder-shell{grid-template-columns:185px minmax(0,1fr)}.builder-page .library-item{font-size:11px}.builder-page .app-header{gap:18px}.simple-selected-actions{gap:18px}}
@media(max-width:650px){.builder-page .app-header{height:55px;padding:0 13px;gap:14px}.app-header .catalog-link{font-size:10px}.app-header .logo{font-size:22px}.app-header .logo span{font-size:25px}.app-header .mode-switch button{font-size:11px;padding:8px 10px}.builder-page .builder-shell,.builder-page.hide-library .builder-shell{display:block}.builder-page .library{display:none;position:absolute;top:48px;bottom:0;left:0;width:220px;z-index:5;box-shadow:10px 0 30px #33214315}.builder-page.mobile-library .library{display:block}.builder-page .workspace-toolbar{padding:0 12px;gap:12px}.workspace-toolbar>div{gap:12px}#flow-count{display:none}.builder-page .workspace-toolbar button{font-size:10px}.builder-page .canvas-help{padding:8px 12px;font-size:9px}.builder-page .inspector,.builder-page .estimate{width:min(340px,100%)}.builder-page[data-mode=simple] .builder-shell{display:block;overflow-y:auto}.builder-page[data-mode=simple] .simple-view{padding:28px 18px}.builder-page[data-mode=simple] .estimate{position:static;max-height:none;padding:28px 23px;width:100%;border-left:0;border-top:1px solid #dfd5eb}.simple-intro h2{font-size:32px}.simple-intro p{font-size:12px}.selected-heading{display:block}.selected-heading>span{display:block;margin-top:8px}.simple-route{display:grid;grid-template-columns:1fr;margin:20px 0;gap:6px}.simple-route>b{transform:rotate(90deg);text-align:center}.simple-route>span{justify-content:center}.simple-filter{display:block}.simple-filter input{max-width:none;margin-top:10px}.simple-custom{display:block}.simple-custom button{padding:15px 0 0}.builder-page #empty-canvas{font-size:15px;text-align:left;max-width:280px;left:30px}.builder-page #empty-canvas span{font-size:11px}.builder-page .estimate-price>span:first-child{width:100%}}

.simple-selected-actions .mobile-quote{display:none}@media(max-width:650px){.simple-selected-actions .mobile-quote{display:block;width:100%;padding:13px;background:var(--purple);color:white;border-radius:6px;text-align:center}}
@media(max-width:650px){.simple-custom>span{display:block}}