:root{--navy:#0c2546;--navy2:#173c67;--orange:#f3742b;--ink:#17253b;--muted:#718096;--bg:#f3f6fa;--line:#dce4ee;--card:#fff;--green:#157455;--red:#b93842}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.builder-app{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr)}.builder-sidebar{height:100vh;padding:24px 18px 18px;position:sticky;top:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2343,#0e2e55 70%,#112640);color:#fff;box-shadow:8px 0 30px rgba(11,34,65,.12);z-index:20}.product-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.product-brand>strong{font-size:23px;letter-spacing:-.05em}.product-brand>strong span{color:#ff8b48}.product-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.08);position:relative}.product-mark b{font-size:20px}.product-mark i{position:absolute;width:8px;height:8px;right:5px;bottom:5px;border-radius:50%;background:var(--orange)}.test-badge{margin:22px 0 15px;padding:11px 12px;display:flex;gap:9px;align-items:center;border:1px solid rgba(92,226,173,.2);border-radius:12px;background:rgba(37,185,127,.08)}.test-badge>span{width:8px;height:8px;border-radius:50%;background:#4ddeaa;box-shadow:0 0 0 5px rgba(77,222,170,.1)}.test-badge div{display:grid}.test-badge b{font-size:13px}.test-badge small{color:#a9bdd4;font-size:11px}.side-steps{display:grid;gap:4px;overflow:auto}.side-steps button{width:100%;padding:9px 8px;display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;align-items:center;text-align:left;border:0;border-radius:10px;background:transparent;color:#c2d0df}.side-steps button:hover,.side-steps button.active{background:rgba(255,255,255,.1);color:#fff}.side-steps button>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:10px;font-weight:800}.side-steps button.active>span{border-color:#ff9a62;background:var(--orange)}.side-steps strong{display:grid;font-size:12px}.side-steps small{margin-top:1px;color:#829bb5;font-size:10px;font-weight:500}.side-help{margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05)}.side-help b{font-size:12px}.side-help p{margin:4px 0 0;color:#9fb2c8;font-size:10px;line-height:1.45}.logout-link{margin-top:10px;color:#aabed3;text-decoration:none;font-size:12px}.builder-main{min-width:0;padding:30px 34px 65px}.builder-head{max-width:1180px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.builder-head h1{margin:3px 0 1px;font-size:27px;letter-spacing:-.035em}.builder-head p{margin:0;color:var(--muted)}.kicker{color:var(--orange);font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn,.mini-btn,.close-btn{border:0;border-radius:10px;font-weight:750}.btn{min-height:40px;padding:9px 14px}.btn.primary{color:#fff;background:linear-gradient(135deg,#15385f,#0c2546);box-shadow:0 8px 20px rgba(12,37,70,.16)}.btn.secondary{color:#42546d;background:#fff;border:1px solid var(--line)}.btn:hover,.mini-btn:hover{transform:translateY(-1px)}.import-card,.quote-workspace,.empty-workspace{max-width:1180px;margin:0 auto}.import-card{border:1px solid #d8e1ed;border-radius:18px;background:#fff;box-shadow:0 12px 38px rgba(31,53,83,.07);overflow:hidden}.import-title{padding:22px 24px;display:flex;gap:14px;align-items:center;border-bottom:1px solid #e4eaf2;background:linear-gradient(100deg,#fff,#f8fbff)}.import-title h2{margin:0;font-size:20px}.import-title p{max-width:870px;margin:4px 0 0;color:var(--muted);font-size:13px}.ai-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#ff843e,#ed6012);font-size:24px;box-shadow:0 12px 25px rgba(239,103,28,.2);position:relative}.ai-icon i{position:absolute;inset:-5px;border:1px solid rgba(243,116,43,.2);border-radius:19px}.paste-card{padding:21px 24px 24px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-title h3{margin:0;font-size:15px}.card-title span{color:#8a95a5;font-size:11px}.paste-card>textarea{min-height:245px;margin-top:10px;resize:vertical}.import-actions{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px;margin-top:14px}.dropzone{min-height:155px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #bfcddd;border-radius:14px;background:#f9fbfd;color:#53647b;text-align:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:#ef8549;background:#fff9f5}.dropzone input{display:none}.upload-icon{font-size:30px;color:var(--orange);line-height:1}.dropzone strong{margin-top:4px;font-size:13px}.dropzone em{font-size:12px;color:#7f8b9c;font-style:normal}.dropzone small{margin-top:7px;color:#98a2b0}.analyze-stack{display:grid;gap:9px;align-content:start}.agent-select-label{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fafcfe}.agent-select-label select{margin-top:6px}.analyze-btn,.clear-btn{min-height:48px;border-radius:11px;font-weight:800}.analyze-btn{border:0;color:#fff;background:linear-gradient(135deg,#f47d36,#e95e12);box-shadow:0 10px 22px rgba(233,94,18,.2)}.analyze-btn span{margin-right:7px}.clear-btn{border:1px solid var(--line);background:#fff;color:#5b6a7f}.privacy-note{margin-top:13px;color:#6f7e91;font-size:11px}.attachment-list{display:grid;gap:7px;margin-top:12px}.file-row{padding:9px 11px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dde5ef;border-radius:10px;background:#fbfcfe}.file-row>span{height:30px;display:grid;place-items:center;border-radius:8px;background:#fff0e7;color:#dd641d;font-size:10px;font-weight:850}.file-row div{display:grid;min-width:0}.file-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.file-row small{color:#8994a5}.file-row button{border:0;background:transparent;color:#a34a50;font-size:20px}.analysis-status{margin-top:13px;padding:11px 12px;border-radius:10px;background:#edf8f3;color:#176647;font-weight:650}.analysis-status.error{border:1px solid #efc0c4;background:#fff5f5;color:#a62f38}.analysis-loader{padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;border-top:1px solid var(--line);background:rgba(247,250,253,.96)}.analysis-loader b{margin-top:17px;font-size:18px}.analysis-loader p{margin:4px 0;color:var(--muted)}.analysis-loader small{color:#98a1ae}.loader-orbit{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#fff0e7;color:var(--orange);font-size:23px;position:relative}.loader-orbit:before{content:"";position:absolute;inset:-7px;border:3px solid #ffe0cf;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-workspace{min-height:330px;margin-top:18px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #cdd8e6;border-radius:17px;background:rgba(255,255,255,.52)}.empty-workspace>span{font-size:40px;color:#9eacbd}.empty-workspace h2{margin:12px 0 3px}.empty-workspace p{margin:0;color:var(--muted)}.quote-workspace{margin-top:18px}.run-summary{margin-bottom:12px;padding:11px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #cfe7dc;border-radius:12px;background:#f2fbf7;color:#285f4c}.run-summary b{color:#154936}.run-summary span{padding:4px 7px;border-radius:7px;background:#fff;font-size:11px}.builder-section{margin-bottom:13px;padding:21px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(33,54,83,.045);scroll-margin-top:18px}.section-head{margin-bottom:17px;display:flex;align-items:center;gap:11px}.section-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf0f7;color:#224668;font-size:11px;font-weight:850}.section-head>div{display:grid}.section-head h2{margin:0;font-size:17px}.section-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.section-head .mini-btn{margin-left:auto}.field-grid{display:grid;gap:11px}.field-grid.four{grid-template-columns:repeat(4,1fr)}.field-grid.two{grid-template-columns:1fr 1fr}.wide-2{grid-column:span 2}.builder-section label,.agent-edit label{display:grid;gap:6px;color:#59687d;font-size:12px;font-weight:700}.builder-section input,.builder-section textarea,.builder-section select,.paste-card textarea,.agent-edit input,.agent-edit select{width:100%;padding:10px 11px;border:1px solid #d5dfeb;border-radius:10px;background:#fff;color:#1c2b41;outline:none}.builder-section input:focus,.builder-section textarea:focus,.paste-card textarea:focus,.agent-edit input:focus,.agent-edit select:focus{border-color:#ee925b;box-shadow:0 0 0 3px rgba(243,116,43,.09)}.builder-section textarea{min-height:105px;resize:vertical}.builder-section .large-text{min-height:180px}.subblock{margin-top:16px;padding-top:15px;border-top:1px solid #e9eef4}.subblock-title{display:flex;align-items:center;justify-content:space-between}.subblock-title h3{margin:0;font-size:13px}.mini-btn{padding:7px 10px;border:1px solid #cdd9e7;background:#f7f9fc;color:#315371;font-size:11px}.repeat-list{display:grid;gap:9px;margin-top:10px}.repeat-row{padding:12px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:9px;align-items:end;border:1px solid #e0e7f0;border-radius:12px;background:#fbfcfe}.repeat-card{padding:14px;border:1px solid #dfe6ef;border-radius:13px;background:#fbfcfe}.repeat-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.repeat-card-head b{font-size:13px}.remove-btn{border:0;background:#fff0f1;color:#b43a43;border-radius:8px;padding:6px 9px;font-size:11px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.card-grid .full{grid-column:1/-1}.bottom-actions{padding:14px 16px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border:1px solid #d8e1ec;border-radius:14px;background:#fff;position:sticky;bottom:10px;box-shadow:0 14px 35px rgba(22,43,72,.13);z-index:10}.bottom-actions>span{margin-right:auto;color:#748196;font-size:11px}.modal{padding:0;border:0;border-radius:17px;box-shadow:0 30px 90px rgba(9,26,48,.3)}.modal::backdrop{background:rgba(8,24,45,.62);backdrop-filter:blur(3px)}.agents-modal{width:min(1000px,calc(100vw - 30px))}.modal-shell>header,.modal-shell>footer,.preview-shell>header,.preview-shell>footer{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:#fff}.modal-shell>header h2{margin:0}.modal-shell>header p{margin:2px 0 0;color:var(--muted);font-size:12px}.modal-shell>footer,.preview-shell>footer{border-top:1px solid var(--line);border-bottom:0}.close-btn{width:35px;height:35px;background:#eef2f7;color:#52637a;font-size:20px}.agent-editor{max-height:68vh;padding:15px;overflow:auto;background:#f5f8fb}.agent-edit{margin-bottom:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}.agent-edit>header{margin-bottom:11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center}.agent-edit>header i{width:9px;height:34px;border-radius:7px}.agent-edit>header input{font-weight:750}.preview-modal{width:min(1000px,calc(100vw - 24px));max-height:92vh}.preview-shell{max-height:92vh;display:flex;flex-direction:column;background:#f1f4f8}.preview-shell>header div{display:grid}.preview-shell>header span{font-size:11px;color:var(--orange);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.preview-shell>header b{font-size:16px}.public-preview{padding:22px;overflow:auto}.preview-document{max-width:820px;margin:auto;background:#fff;box-shadow:0 18px 55px rgba(28,48,76,.14)}.preview-cover{min-height:240px;padding:38px;color:#fff;background:linear-gradient(125deg,#0b2443,#1c4a73 70%,#ef782f 150%);position:relative;overflow:hidden}.preview-cover:after{content:"";position:absolute;width:340px;height:340px;border:55px solid rgba(255,255,255,.05);border-radius:50%;right:-120px;top:-170px}.preview-cover small{color:#ffbc95;font-weight:850;letter-spacing:.12em}.preview-cover h1{max-width:650px;margin:12px 0 6px;font:700 37px/1.12 Georgia,serif}.preview-cover p{margin:0;color:#d8e4ef}.preview-meta{display:flex;gap:8px;margin-top:24px}.preview-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);font-size:11px;font-weight:750}.preview-section{padding:25px 30px;border-top:1px solid #e5ebf2}.preview-section h2{margin:0 0 13px;color:#193754;font:700 18px Georgia,serif}.preview-section p{margin:0;color:#56677d;white-space:pre-wrap}.preview-timeline{display:grid;gap:15px}.preview-day{display:grid;grid-template-columns:33px 1fr;gap:12px}.preview-day>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#fff0e7;color:#db641d;font-weight:850}.preview-day h3{margin:0 0 4px;font-size:14px}.preview-day p{font-size:12px}.preview-day small{display:inline-block;margin-top:5px;color:var(--green);font-weight:750}.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-card{padding:12px;border:1px solid #e0e7ef;border-radius:10px;background:#fbfcfe}.preview-card b,.preview-card span,.preview-card small{display:block}.preview-card span,.preview-card small{color:#758397;font-size:11px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;padding:12px 15px;border-radius:11px;background:#0c2546;color:#fff;box-shadow:0 14px 40px rgba(10,25,48,.25)}.toast.bad{background:#a9303a}.auth-page{min-height:100vh;padding:30px;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#fff0e7 0,transparent 32%),linear-gradient(145deg,#eef3f9,#f9fbfd)}.auth-card{width:min(440px,100%);padding:28px;border:1px solid #dbe3ee;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 25px 70px rgba(24,45,75,.14)}.setup-card{width:min(660px,100%)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup>div{display:grid}.brand-lockup strong{font-size:17px}.brand-lockup small{color:var(--muted)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--navy);color:#fff;font-weight:850}.auth-card h1{margin:26px 0 5px;font-size:27px}.auth-copy{margin:0 0 18px;color:var(--muted)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-weight:700;color:#536177}.auth-form input{width:100%;padding:10px;border:1px solid #d4deea;border-radius:10px}.form-grid{display:grid;gap:11px}.form-grid.two{grid-template-columns:1fr 1fr}.notice{padding:13px;border-radius:11px}.notice.error{border:1px solid #f1bdc1;background:#fff5f5;color:#a62d37}.wide{width:100%}.security-note{text-align:center;color:#8290a3;font-size:11px}
@media(max-width:1050px){.builder-app{grid-template-columns:220px minmax(0,1fr)}.builder-main{padding:24px 22px 55px}.import-actions{grid-template-columns:1fr 230px}.field-grid.four,.card-grid{grid-template-columns:1fr 1fr}.repeat-row{grid-template-columns:1fr 1fr auto}}
@media(max-width:780px){.builder-app{display:block}.builder-sidebar{height:auto;padding:12px 14px;position:sticky;display:grid;grid-template-columns:1fr auto;align-items:center}.test-badge,.side-help,.logout-link{display:none}.side-steps{grid-column:1/-1;margin-top:10px;display:flex;overflow:auto}.side-steps button{min-width:120px;grid-template-columns:26px 1fr}.side-steps button>span{width:25px;height:25px}.side-steps small{display:none}.builder-main{padding:20px 14px 45px}.builder-head{align-items:flex-start}.builder-head p{display:none}.head-actions{max-width:300px}.import-actions,.field-grid.two{grid-template-columns:1fr}.wide-2{grid-column:auto}.bottom-actions>span{display:none}.preview-cards{grid-template-columns:1fr}}
@media(max-width:540px){.builder-head{display:grid}.head-actions{justify-content:flex-start}.head-actions .btn{padding:8px 10px;font-size:11px}.import-title{align-items:flex-start;padding:18px}.paste-card{padding:16px}.field-grid.four,.card-grid,.repeat-row,.form-grid.two{grid-template-columns:1fr}.repeat-row{padding-right:12px}.bottom-actions{position:static;flex-wrap:wrap}.bottom-actions .btn{flex:1}.preview-cover{padding:28px 22px;min-height:220px}.preview-cover h1{font-size:29px}.preview-section{padding:21px}.auth-page{padding:14px}.auth-card{padding:22px}}
