@import url('/assets/css/main.css');body.app-page{background:#f4f7f3}.app-header{height:76px;border-bottom:1px solid #dce5df;background:#fff}.app-header .shell{height:100%;display:flex;justify-content:space-between;align-items:center}.app-header .app-head-actions{display:flex;gap:10px;align-items:center}.app-small-link{font-size:12px;font-weight:700;color:#466d56}.app-top{padding-top:40px;padding-bottom:32px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.app-top h1{font-size:clamp(37px,4vw,57px);letter-spacing:-.055em;font-weight:690;margin:13px 0 12px}.app-top p{color:#718079;line-height:1.7;font-size:13px;max-width:640px;margin:0}.preview-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #c3dfc5;background:#e8f5db;padding:8px 11px;border-radius:30px;color:#4b8060;letter-spacing:.1em;font-weight:800;font-size:10px;white-space:nowrap}.preview-pill:before{content:"";height:6px;width:6px;background:#67aa68;border-radius:50%}.tool-nav{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dde7df;padding-bottom:18px;margin-bottom:24px;flex-wrap:wrap}.tool-nav a{font-size:12px;color:#758780;font-weight:700;padding:12px 15px;border-radius:7px}.tool-nav a.active{color:#224d38;background:#e2efd9}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(285px,.82fr);gap:20px;padding-bottom:75px}.tool-panel{background:#fff;border-radius:12px;border:1px solid #dfe7df;box-shadow:0 10px 30px #102d2010;min-width:0}.panel-head{padding:24px 26px;border-bottom:1px solid #e9efea;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:16px;letter-spacing:-.02em;margin:0}.panel-head>span{font-size:10px;letter-spacing:.1em;color:#91a29a}.panel-body{padding:27px}.input-label{font-size:11px;letter-spacing:.02em;color:#566d60;font-weight:800;display:block;margin-bottom:10px}.field{width:100%;border:1px solid #dce7dd;background:#fbfcfa;border-radius:7px;padding:13px 14px;color:#1c342d;outline:none;font-size:13px;min-height:44px;transition:border-color .2s,box-shadow .2s}.field:focus{border-color:#72a77f;box-shadow:0 0 0 3px #a2cfaa33}.field::placeholder{color:#a7b5ac}.form-group{margin-bottom:22px}.form-help{font-size:11px;color:#8b9b90;margin-top:7px;line-height:1.6}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.control-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;border:1px solid #d9e4da;background:#fff;padding:11px 14px;font-size:12px;color:#3b5b48;font-weight:740;transition:background .2s}.tool-btn:hover{background:#eff6e8}.tool-btn.primary{background:#1e4436;color:#fff;border-color:#1e4436}.tool-btn.primary:hover{background:#315f48}.tool-btn.lime{background:#d7f773;border-color:#d7f773;color:#1a3b2d}.tool-btn.danger{color:#ab615d}.tool-btn:disabled{cursor:not-allowed;opacity:.45}.workflow-list{display:flex;flex-direction:column;gap:9px}.step-item{border:1px solid #e0e8df;background:#fff;border-radius:8px;display:grid;grid-template-columns:39px 1fr auto;gap:13px;align-items:center;padding:13px;cursor:pointer;transition:border-color .2s}.step-item:hover,.step-item.selected{border-color:#85b092;background:#f8fcf5}.step-item.selected{box-shadow:0 0 0 2px #a5cca62b}.step-type-icon{height:38px;width:38px;border-radius:8px;background:#e9f2df;color:#537b56;display:grid;place-items:center;font-weight:800}.step-type-icon.condition{background:#ebeafa;color:#7772a7}.step-type-icon.action{background:#f7eed8;color:#ae8a4f}.step-type-icon.output{background:#e4eff1;color:#517f86}.step-item .step-name{font-size:13px;font-weight:800;display:block;overflow-wrap:anywhere}.step-item .step-summary{font-size:10px;color:#84978b;margin-top:5px;display:block}.step-item .step-num{font-size:11px;color:#8ea396;white-space:nowrap}.step-arrow{text-align:center;color:#92b4a0;height:13px;font-size:16px;line-height:10px}.step-editor{display:none}.step-editor.open{display:block}.empty-hint{padding:32px;text-align:center;color:#8d9e93;font-size:12px;border:1px dashed #d7e3d9;border-radius:8px}.edit-title{font-size:13px;margin:0 0 17px}.panel-note{font-size:11px;color:#74877c;line-height:1.8}.console{background:#142b2b;color:#c4e5cd;border-radius:9px;padding:19px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.9;min-height:150px;max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.console .ok{color:#cce881}.status-message{font-size:12px;color:#356a46;background:#eaf4e4;border-radius:6px;padding:12px 15px;margin-top:14px;display:none}.status-message.show{display:block}.status-message.error{background:#fff0e9;color:#ad5944}.workspace .panel-body .control-row+div{margin-top:15px}.utility-info{background:#e9f0e9;border:1px solid #d6e4d7;padding:15px;border-radius:8px;font-size:11px;color:#5e796a;line-height:1.8}.tool-foot{font-size:11px;color:#87978d;text-align:center;padding-bottom:40px;line-height:1.8}.tool-foot a{text-decoration:underline}.campaign-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.86fr)}.result-box{border:1px solid #cadfcf;background:#f5faed;padding:17px;border-radius:9px;word-break:break-all;font:12px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#295c45;min-height:82px}.result-box.is-invalid{border-color:#e5a9a2;background:#fff4f0;color:#a64f40}.result-head{font-size:11px;color:#6b826f;font-weight:750;margin:0 0 13px}.campaign-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;table-layout:fixed}.campaign-table th{color:#8a9e91;text-transform:uppercase;letter-spacing:.09em;font-size:9px;border-bottom:1px solid #e3ece6;padding:12px 7px}.campaign-table td{padding:13px 7px;border-bottom:1px solid #eef2ed;word-break:break-word;vertical-align:top}.campaign-table .remove-record{background:none;border:0;color:#a3564e;text-decoration:underline;font-size:11px}.record-wrap{overflow:auto}.tool-ribbon{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tool-ribbon span{font-size:10px;background:#edf3eb;border-radius:50px;padding:7px 10px;color:#6f8774}.small-stat{font-size:11px;color:#83958b}.app-footer{border-top:1px solid #e1e9e0;padding:25px 0;font-size:11px;color:#8ca092}.app-footer .shell{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:950px){.workspace,.campaign-layout{grid-template-columns:1fr}.app-top{display:block}.app-top .preview-pill{margin-top:20px}}@media(max-width:570px){.app-header .logo-type{font-size:9px}.app-header .app-head-actions .app-small-link:last-child{display:none}.app-top{padding-top:25px}.app-top h1{font-size:37px}.panel-head{padding:18px}.panel-body{padding:18px}.field-grid{grid-template-columns:1fr;gap:0}.step-item{grid-template-columns:34px 1fr 26px}.tool-btn{font-size:11px;padding:10px 11px}}
/* HDGroup v2: sunflower cinematic workbench restyle; original working app logic retained */
body.app-page{background:#090e12;color:var(--ink)}.app-header{background:#10171a;border-color:var(--line);height:85px}.app-header .brand{display:flex;align-items:center;gap:13px}.app-header .brand:before{content:'';height:51px;width:60px;background:var(--cream) url('/assets/img/hdgroup-logo-cropped.png') center/contain no-repeat;border-radius:12px}.app-header .logo-type{font-size:14px;color:var(--ink)}.app-header .logo-sub{font:9px var(--mono);color:var(--sun);letter-spacing:.1em;margin-top:5px}.app-small-link{color:#d8d9ba;font-weight:600}.app-small-link:hover{color:var(--sun)}.app-top{padding-top:45px}.app-top h1{font:400 clamp(51px,6vw,78px)/1 var(--serif);letter-spacing:-.035em;color:var(--ink)}.app-top h1 span{color:var(--sun)!important}.app-top p{color:#a6b5ac;font-size:14px}.section-eyebrow{font:10px var(--mono);letter-spacing:.12em;color:var(--sun)}.preview-pill{border-color:#45614a;background:#163128;color:#a8d8ad}.preview-pill:before{background:var(--leaf)}.tool-nav{border-color:var(--line)}.tool-nav a{color:#a1b1a9;border-radius:13px}.tool-nav a.active{background:#273125;color:var(--sun)}.tool-panel{background:linear-gradient(140deg,#151e20,#0f171a);border:1px solid #2d3938;border-radius:19px;box-shadow:none}.panel-head{border-color:#2d3938}.panel-head h2{color:#ecf2e8}.panel-head>span{color:#a1afa2}.input-label{color:#c6d0bc}.field{border-color:#34413f;background:#0a1214;color:#f0f5e8;border-radius:11px}.field::placeholder{color:#71857d}.field:focus{border-color:var(--sun);box-shadow:0 0 0 2px #eec35722}.form-help{color:#83998b}.tool-btn{border-color:#425049;background:#182322;color:#e2ecdf;border-radius:11px;font-weight:600}.tool-btn:hover{background:#28352d}.tool-btn.primary{background:var(--sun);color:#182018;border-color:var(--sun)}.tool-btn.primary:hover{background:#ffe179}.tool-btn.lime{background:#dae282;color:#202215}.tool-btn.danger{color:#eeaaa2}.step-item{background:#10191b;border-color:#33423c;border-radius:12px;color:#ecf2e8}.step-item:hover,.step-item.selected{background:#1a2825;border-color:#a58640}.step-type-icon,.step-type-icon.action{background:#413823;color:var(--sun)}.step-type-icon.condition{background:#253636;color:#8ac3d0}.step-type-icon.output{background:#264232;color:#9ecfa5}.step-item .step-summary,.step-item .step-num{color:#869e90}.step-arrow{color:#b3a46d}.empty-hint{color:#92a397;border-color:#394942}.form-help,.panel-note{color:#90a498}.console{background:#090f13;color:#bad4bf;border:1px solid #2b3c36}.status-message{background:#1d3b2b;color:#b5dfb7}.status-message.error{background:#3c231f;color:#f0afa5}.utility-info{background:#171f1a;border-color:#42503a;color:#b3c2a6;border-radius:13px}.result-box{background:#111c18;color:#aee0bd;border-color:#334f3b}.result-box.is-invalid{background:#321b1a;border-color:#78453c;color:#eeaaa2}.result-head{color:#a9bba9}.campaign-table th{color:#a5b8a9;border-color:#34413b}.campaign-table td{border-color:#273831;color:#cddacb}.campaign-table .remove-record{color:#efb4a1}.tool-ribbon span{background:#1c3026;color:#a6ccb3}.small-stat{color:#a2b4a5}.app-footer{border-color:var(--line);color:#a6b6a7}.app-footer a{color:var(--sun)}.app-page .shell{width:min(1192px,calc(100% - 68px))}@media(max-width:760px){.app-page .shell{width:calc(100% - 32px)}.app-header .logo-type{font-size:11px}.app-header .brand:before{width:46px;height:44px}.panel-body{padding:19px}}
/* Accessibility and header alignment */
.app-page .skip-link{position:absolute;left:-9999px;top:12px;z-index:100;background:var(--cream);color:#142016;padding:12px 15px;border-radius:10px}.app-page .skip-link:focus{left:12px}.app-header .logo-sub{display:block}.app-header .logo-type{line-height:1.2}