:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#392b22;background:#f9f7f6;font-synthesis:none;--navy:#342014;--blue:#b8774d;--muted:#92867f;--line:#efecea;--green:#15956d;--radius:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e3c7b5;outline-offset:2px}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--navy);color:#c6b9b0;display:flex;flex-direction:column;padding:32px 18px 20px;z-index:30}.logo{display:flex;align-items:center;gap:10px;padding:0 15px;color:white}.brand-word{font-size:35px;font-weight:900;letter-spacing:-2.6px;line-height:1}.brand-dot{color:#dfb092}.logo .product{border-left:1px solid #715f53;padding-left:12px;font-size:20px;font-weight:500;letter-spacing:-.5px}.tagline{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;color:#a39288;padding:13px 17px 29px}.nav-label{font-size:10px;font-weight:650;letter-spacing:1.4px;margin:18px 17px 10px;color:#9d8b7f}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#cabeb6;font-size:13px;font-weight:500;border-radius:10px;margin:3px 0;transition:.15s}.nav-link:hover{background:#473022;color:#fff}.nav-link.active{color:white;background:#6b4b36;box-shadow:inset 3px 0 #e2b89d}.nav-link svg{width:19px;height:19px}.nav-link .small-count{margin-left:auto;background:#ba8d70;color:#fff;font-size:10px;padding:2px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.workspace-hint{border:1px solid #523f33;border-radius:12px;padding:15px;margin:0 5px 17px;font-size:11px;color:#cabeb6;line-height:1.6}.workspace-hint strong{color:#f8f2ef;display:block;margin-bottom:3px;font-size:12px}.user-card{display:flex;align-items:center;gap:10px;padding:10px}.avatar{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:12px;background:#f9f3ef;color:#936b51;font-size:12px;font-weight:750;flex-shrink:0}.avatar.navy{background:#614737;color:white}.user-card strong{color:white;font-size:12px;display:block}.user-card small{font-size:10px;display:block;margin-top:4px}.main{margin-left:238px;flex:1;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.breadcrumb{font-size:12px;color:#a09690;display:flex;gap:10px;align-items:center}.breadcrumb strong{color:#51443c;font-weight:550}.topbar-right{display:flex;align-items:center;gap:15px}.studio-switch{border:1px solid var(--line);border-radius:9px;padding:10px 32px 10px 12px;color:#503e32;background:#fff;font-size:12px;max-width:250px}.mode-badge{display:inline-flex;align-items:center;gap:6px;color:#8a7060;background:#f8f4f1;border:1px solid #efe7e2;padding:7px 10px;border-radius:20px;font-size:10px;font-weight:650}.dot{height:6px;width:6px;border-radius:50%;display:inline-block;background:currentColor}.preview-strip{background:#f9f3ef;border-bottom:1px solid #f1e8e2;padding:9px 36px;color:#7e6656;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:12px}.preview-strip strong{font-weight:650;color:#674733}.preview-strip button{border:0;background:none;color:#926d55;font-size:10px;padding:3px}.content{padding:33px 36px 38px;max-width:1680px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#9f8777;font-weight:700;margin-bottom:8px}.page-title h1{font-size:27px;letter-spacing:-.9px;font-weight:650;margin:0 0 8px;color:#402e22}.page-title p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.btn{border:1px solid #e9e4e1;background:white;color:#605148;padding:10px 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;white-space:nowrap;min-height:38px}.btn:hover{border-color:#d2bfb3;background:#fdfbf9}.btn svg{width:16px;height:16px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 10px #b8774d1c}.btn.primary:hover{background:#a76840}.btn.navy{background:var(--navy);color:white;border-color:var(--navy)}.btn.danger{color:#c35455;background:#fff7f7;border-color:#f4dadd}.btn.small{min-height:29px;padding:6px 10px;font-size:10px}.btn.ghost{border:0;background:transparent}.button-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 8px #392b2202}.card-pad{padding:23px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.card h2,.card h3{font-size:14px;font-weight:650;letter-spacing:-.2px;margin:0}.card-sub{color:var(--muted);font-size:11px;line-height:1.7;margin-top:6px}.welcome{background:linear-gradient(110deg,#392417,#573a27);color:white;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;border-radius:17px;position:relative;overflow:hidden;margin-bottom:23px}.welcome:after{content:"";position:absolute;border:1px solid #84634e;width:290px;height:290px;border-radius:50%;right:-95px;top:-120px;pointer-events:none}.welcome h2{font-size:24px;line-height:1.3;font-weight:570;letter-spacing:-.65px;margin:0 0 10px}.welcome p{font-size:12px;color:#d0c1b7;max-width:540px;line-height:1.8;margin:0}.welcome .eyebrow{color:#ddb8a0}.welcome .btn{background:#fff;border-color:#fff;color:#4b3426;position:relative;z-index:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{padding:21px 22px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#988c84;font-size:11px;margin-bottom:12px}.stat-icon{height:31px;width:31px;border-radius:9px;background:#f9f5f2;display:flex;align-items:center;justify-content:center;color:#a68774}.stat-icon svg{height:16px;width:16px}.stat-number{font-size:28px;font-weight:650;letter-spacing:-1px;color:#45352b}.stat-bottom{color:#a59b95;font-size:10px;margin-top:8px}.grid-two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}.grid-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.check-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f5f3f2}.check-row:last-child{border:0}.check-number{width:27px;height:27px;border:1px solid #ebe5e1;color:#a19085;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.check-number.done{border-color:#cdeade;background:#edf9f4;color:var(--green)}.check-number svg{height:13px;width:13px}.check-text{flex:1}.check-text strong{font-size:11px;font-weight:550;display:block}.check-text small{color:#a19790;font-size:10px;display:block;margin-top:5px}.status{padding:5px 8px;display:inline-flex;align-items:center;gap:5px;background:#f7f4f2;color:#947d6e;font-size:9px;font-weight:600;border-radius:5px;white-space:nowrap}.status.green{background:#eaf8f0;color:#278e68}.status.amber{background:#fff5e4;color:#b18334}.status.red{background:#fff0f0;color:#c46a68}.status.gray{background:#f5f3f2;color:#9a918c}.activity{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f6f4f2}.activity:last-child{border:0}.activity-mark{width:29px;height:29px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#a48774;background:#f9f5f3}.activity-mark svg{width:14px;height:14px}.activity strong{font-size:11px;display:block;font-weight:500}.activity small{font-size:10px;color:#aca5a0;display:block;margin-top:5px}.quiet-box{padding:28px 20px;text-align:center;color:#a59a93;font-size:12px;line-height:1.9}.quiet-box svg{width:29px;height:29px;margin-bottom:10px;color:#cabbb1}.quiet-box strong{display:block;color:#75655b;font-weight:550;font-size:13px}.quiet-box p{margin:7px 0 16px}.hint{font-size:11px;line-height:1.8;padding:13px 16px;border-radius:9px;color:#958175;background:#f9f7f5;border:1px solid #f3eeea;margin-bottom:20px}.hint.amber{background:#fffaf0;border-color:#f7e7c9;color:#987840}.hint.green{background:#edf9f3;border-color:#d2ecdf;color:#3d8763}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.search{position:relative;min-width:200px}.search svg{position:absolute;left:12px;top:11px;width:15px;height:15px;color:#aea29a}.search input{padding-left:36px!important}.field{margin-bottom:17px}.field label{font-size:11px;display:block;font-weight:550;color:#71645b;margin-bottom:7px}.field input,.field select,.field textarea,.search input,.standalone-input{width:100%;border:1px solid #eae6e3;background:#fff;border-radius:8px;color:#56473e;padding:11px 12px;font-size:12px;line-height:1.5}.field textarea{resize:vertical;min-height:100px}.field small{display:block;font-size:10px;color:#a39891;line-height:1.6;margin-top:6px}.field .check-label{display:flex;align-items:center;gap:9px;font-weight:450;line-height:1.6}.field input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-divider{height:1px;background:var(--line);margin:22px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-size:9px;font-weight:600;color:#a39891;text-transform:uppercase;letter-spacing:.7px;padding:13px 18px;background:#fcfbfa;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 18px;border-bottom:1px solid #f4f1ef;color:#74655c}tr:last-child td{border:0}td strong{color:#58483d;font-weight:550}td .secondary{font-size:10px;color:#aca29b;display:block;margin-top:5px}.name-cell{display:flex;align-items:center;gap:11px}.tag{background:#f6f3f2;color:#9a8a80;border-radius:4px;font-size:9px;padding:4px 6px;display:inline-block;margin:2px}.inbox{display:grid;grid-template-columns:285px minmax(0,1fr) 222px;min-height:610px;height:calc(100vh - 247px);max-height:840px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.list-top{padding:18px 16px 10px}.list-top .search{min-width:0}.filter-tabs{display:flex;gap:4px;padding:0 16px 12px}.filter-tab{font-size:10px;border:0;background:transparent;color:#a79b94;padding:7px 9px;border-radius:5px}.filter-tab.active{background:#faf5f1;color:#987660}.conversation-scroll{overflow:auto;flex:1}.conv-item{padding:17px 16px;border:0;background:white;border-top:1px solid #f5f3f2;width:100%;text-align:left;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.conv-item.active{background:#faf6f4;box-shadow:inset 3px 0 #c5916f}.conv-item:hover{background:#fbf9f8}.conv-item .avatar{width:34px;height:34px;font-size:10px}.conv-info{min-width:0;flex:1}.conv-info .conv-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.conv-name strong{font-size:11px;font-weight:600;color:#67574c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-name time{font-size:8px;color:#b0a69f;white-space:nowrap}.conv-preview{font-size:10px;color:#ada39d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:6px;margin-bottom:8px}.chat-pane{display:flex;flex-direction:column;min-width:0;background:#fdfcfc}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 20px;background:#fff;border-bottom:1px solid var(--line)}.chat-header strong{font-size:12px;display:block}.chat-header small{font-size:9px;color:#a99c94;display:block;margin-top:5px}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;padding:24px 22px;gap:14px}.chat-day{font-size:8px;color:#b6ada7;text-align:center;align-self:center;padding:5px 10px;background:#f5f3f2;border-radius:5px;margin-bottom:3px}.message{max-width:87%;font-size:11px;line-height:1.8;white-space:pre-wrap;word-break:break-word;align-self:flex-start;border:1px solid #f1edea;border-radius:0 11px 11px 11px;padding:12px 14px;background:#fff;color:#75665d;box-shadow:0 2px 3px #392a2102}.message.out{background:#f9f3ef;border-color:#f3ece7;align-self:flex-end;border-radius:11px 0 11px 11px;color:#785b49}.message.system{align-self:center;text-align:center;background:transparent;border:0;box-shadow:none;padding:3px 8px;color:#b3a8a1;font-size:9px;max-width:95%}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:8px;color:#b3a298;margin-top:7px;white-space:normal}.composer{padding:15px 18px;background:white;border-top:1px solid var(--line)}.composer-note{font-size:9px;color:#ada098;display:flex;align-items:center;gap:6px;margin-bottom:10px}.composer-form{display:flex;gap:8px;align-items:flex-end}.composer textarea{min-height:42px;height:44px;max-height:100px;resize:vertical;border:1px solid #ece7e4;border-radius:8px;background:#fdfcfc;padding:12px;flex:1;font-size:11px;line-height:1.6}.composer .btn{height:44px;padding:10px 12px}.contact-panel{border-left:1px solid var(--line);padding:24px 18px;background:#fff;overflow:auto}.contact-profile{text-align:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.contact-profile .avatar{width:53px;height:53px;font-size:17px;border-radius:17px;margin-bottom:12px}.contact-profile strong{display:block;font-size:12px;line-height:1.5}.contact-profile small{font-size:10px;color:#b1a69f;display:block;margin-top:5px}.detail-label{font-size:9px;color:#b0a6a0;margin-top:18px;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:10px;color:#827167;margin-top:6px;line-height:1.7;overflow-wrap:anywhere}.contact-panel .btn{width:100%;margin-top:10px}.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rule-card{padding:22px;display:flex;flex-direction:column;min-height:245px}.rule-card h3{font-size:13px;line-height:1.6;margin:13px 0 6px}.rule-card .flow-summary{font-size:10px;color:#ada199;line-height:1.8;margin:14px 0 20px;flex:1}.rule-card .card-head{margin:0}.rule-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;align-items:center}.switch{border:0;width:31px;height:18px;border-radius:20px;background:#e9e4e0;padding:3px;display:flex;align-items:center}.switch:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 1px 3px #0001;transition:.2s}.switch.on{background:#bd7f57}.switch.on:before{transform:translateX(13px)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.integration-card{padding:24px}.integration-title{display:flex;align-items:center;gap:13px;margin-bottom:15px}.provider-icon{width:43px;height:43px;border-radius:12px;background:#f8f4f2;color:#866956;display:flex;justify-content:center;align-items:center;font-size:17px;font-weight:700}.provider-icon.whatsapp{background:#e9f8ef;color:#2b9862}.provider-icon.openai{background:#f3f2f1;color:#53463e}.provider-icon.make{background:#faf6f3;color:#b08d76}.integration-title h3{margin-bottom:6px;font-size:13px}.integration-title .status{margin-left:auto}.integration-card p{font-size:11px;color:#a69a93;line-height:1.8;min-height:40px}.integration-card .button-group{margin-top:17px}.bot-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.test-chat{display:flex;flex-direction:column;min-height:410px;background:#fdfbf9;border-radius:10px;border:1px solid #f2edea;overflow:hidden}.test-chat .chat-messages{min-height:280px;max-height:420px}.test-chat .composer{padding:12px}.quick-prompts{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.quick-prompts button{background:#fff;border:1px solid #ede6e2;border-radius:15px;font-size:9px;color:#958276;padding:6px 10px}.version-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.source-card{padding:20px;display:flex;gap:15px;align-items:flex-start}.source-icon{background:#f8f5f3;color:#b0998a;border-radius:10px;padding:11px;display:flex}.source-card .source-info{min-width:0;flex:1}.source-card strong{display:block;font-size:12px;margin:3px 0 7px}.source-card p{font-size:10px;color:#ada29b;line-height:1.7;margin:0 0 10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sources-list{display:grid;gap:12px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:22px;flex-wrap:wrap}.tabs button{border:0;background:none;color:#a49a93;font-size:11px;padding:9px 14px;border-radius:7px}.tabs button.active{background:#f9f3ef;color:#916e57}.code{background:#faf8f6;border:1px solid #eee9e6;border-radius:9px;padding:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#8f7c70}.code.secret{background:#fff8eb;color:#82642d;border-color:#f2dfba}.modal-backdrop{position:fixed;inset:0;background:#2d1d12a6;backdrop-filter:blur(4px);z-index:80;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:white;border-radius:18px;box-shadow:0 30px 100px #21120950;width:min(620px,100%);max-height:90vh;display:flex;flex-direction:column}.modal.wide{width:min(850px,100%)}.modal-header{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:16px;margin:0;font-weight:600}.icon-button{border:0;background:transparent;color:#a6988f;display:flex;padding:5px}.modal-body{padding:23px 26px;overflow:auto}.modal-footer{padding:17px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.rule-step{border:1px solid #efeae6;border-radius:10px;padding:15px;margin-bottom:10px;background:#fdfcfc}.step-header{display:flex;align-items:center;gap:9px;margin-bottom:11px}.step-number{color:#a28878;background:#f7f1ed;border-radius:5px;padding:4px 7px;font-size:10px}.step-header select{border:0;background:none;font-size:11px;color:#776153;flex:1}.step-fields .field{margin-bottom:8px}.condition-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:6px;align-items:center;margin-bottom:8px}.condition-row input,.condition-row select{width:100%;font-size:10px;padding:8px;border:1px solid #ece7e4;border-radius:6px;background:white;color:#847164}#toasts{position:fixed;right:24px;bottom:22px;z-index:120;display:flex;flex-direction:column;gap:8px;max-width:420px}.toast{background:#4c3323;color:white;border-radius:10px;padding:14px 19px;font-size:12px;line-height:1.6;box-shadow:0 10px 30px #22130a25;animation:slidein .2s ease}.toast.error{background:#974e53}.loading{padding:90px 20px;text-align:center;color:#afa299;font-size:12px}.initial-loader{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#684b39}.initial-loader p{font-size:12px;color:#af9f95;margin-top:25px}.spinner{width:18px;height:18px;border:2px solid #eee7e3;border-top-color:#a97a5c;border-radius:50%;display:inline-block;animation:spin .7s linear infinite;margin-bottom:12px}.login-screen{min-height:100vh;background:radial-gradient(ellipse at 10% 0,#694a36,#342014 70%);display:flex;align-items:center;justify-content:center;padding:30px}.login-card{background:white;border-radius:20px;width:410px;max-width:100%;padding:35px}.login-card .logo{color:#462f20;padding:0}.login-card .logo .product{border-color:#e1dad6}.login-card h1{font-size:20px;color:#584234;letter-spacing:-.5px;margin:30px 0 9px}.login-card p{font-size:11px;color:#ac9d94;line-height:1.8;margin-bottom:26px}.login-card .btn{width:100%;margin-top:4px}.mobile-menu{display:none}.mobile-close{display:none}.helper-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:#ada29b;font-size:10px;line-height:1.8}.spacer{height:20px}.inline-icon{display:inline-flex;gap:6px;align-items:center}.inline-icon svg{width:13px;height:13px}.footer-note{font-size:9px;color:#b4aba5;margin:24px 0 0;display:flex;justify-content:space-between}.hidden{display:none!important}.calendar-row{display:flex;gap:17px;align-items:center;padding:17px 20px;border-bottom:1px solid #f5f3f2}.date-tile{width:43px;background:#f9f5f2;border-radius:9px;text-align:center;padding:7px;color:#9a8171;font-size:9px;flex-shrink:0}.date-tile strong{display:block;font-size:18px;font-weight:600;color:#805f4a;margin-bottom:2px}.calendar-info{flex:1}.calendar-info strong{font-size:11px;display:block;font-weight:600}.calendar-info small{color:#afa299;font-size:10px;display:block;margin-top:6px}.system-top{display:flex;gap:20px;flex-wrap:wrap}.system-metric{flex:1;min-width:170px}.key-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:12px;border-bottom:1px solid var(--line)}.key-row strong{font-size:11px;display:block}.key-row small{font-size:9px;color:#aca098}.badge-outline{font-size:9px;color:#a89081;border:1px solid #ede6e2;padding:4px 7px;border-radius:5px}.full-width{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slidein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.inbox{grid-template-columns:320px minmax(0,1fr) 245px}.content{padding-top:40px}.chat-messages{padding:30px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.main{margin-left:210px}.content{padding:27px 24px}.topbar{padding:0 24px}.preview-strip{padding-left:24px;padding-right:24px}.inbox{grid-template-columns:255px minmax(0,1fr)}.contact-panel{display:none}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{padding:25px}.welcome h2{font-size:22px}}
@media(max-width:900px){.sidebar{width:185px;padding:28px 10px 15px}.main{margin-left:185px}.logo{padding:0 10px;gap:8px}.brand-word{font-size:31px}.logo .product{font-size:17px;padding-left:9px}.tagline{font-size:8px;padding:12px 11px 23px}.nav-link{font-size:11px;padding:11px 12px;gap:9px}.nav-link svg{width:17px;height:17px}.workspace-hint{display:none}.content{padding:25px 19px}.topbar{padding:0 19px}.preview-strip{padding:9px 19px}.stats{grid-template-columns:repeat(2,1fr)}.grid-two,.grid-even,.bot-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.topbar-right{gap:7px}.studio-switch{max-width:200px;font-size:10px}.breadcrumb{font-size:10px;gap:6px}.welcome .btn{display:none}.inbox{grid-template-columns:220px minmax(0,1fr)}.page-title h1{font-size:24px}.card-pad{padding:20px}.btn{font-size:10px;padding:9px 11px}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);width:238px;transition:.2s;padding:30px 18px}.sidebar.mobile-open{transform:translateX(0);box-shadow:50vw 0 0 50vw #21120966}.mobile-close{display:flex;position:absolute;right:12px;top:10px}.mobile-menu{display:flex;border:0;background:transparent;color:#7d6658;padding:5px}.main{margin-left:0}.topbar{height:65px;padding:0 16px;gap:6px}.breadcrumb{display:none}.topbar-right{margin-left:auto}.studio-switch{max-width:200px}.mode-badge{font-size:8px;padding:5px 7px}.preview-strip{font-size:9px;padding:8px 16px;line-height:1.6}.preview-strip button{font-size:9px}.content{padding:24px 16px}.page-title{gap:10px;align-items:flex-start;margin-bottom:20px}.page-title h1{font-size:24px;letter-spacing:-.7px}.page-title p{font-size:10px}.page-title .button-group{gap:4px;justify-content:flex-end}.page-title>.button-group .btn{padding:8px 9px;font-size:9px}.welcome{padding:23px}.welcome h2{font-size:21px}.welcome p{font-size:11px}.stats{gap:11px;margin-bottom:18px}.stat{padding:16px}.stat-top{font-size:10px}.stat-number{font-size:25px}.stat-bottom{font-size:8px}.stat-icon{width:26px;height:26px}.grid-two,.grid-even{gap:16px}.rule-grid,.integration-grid{grid-template-columns:1fr}.inbox{height:calc(100vh - 239px);min-height:530px;grid-template-columns:1fr}.inbox .chat-pane{display:none}.inbox.show-chat .conversation-list{display:none}.inbox.show-chat .chat-pane{display:flex}.inbox .conversation-list{border:0}.chat-header{padding:15px}.chat-header .btn{font-size:8px;padding:7px}.chat-header .chat-back{display:inline-flex!important}.chat-messages{padding:18px 15px}.message{font-size:11px;max-width:90%}.composer{padding:12px}.composer textarea{font-size:11px}.toolbar{flex-wrap:wrap}.toolbar .search{flex:1}.form-row{grid-template-columns:1fr;gap:0}.modal-backdrop{padding:12px}.modal{max-height:94vh;border-radius:14px}.modal-header{padding:19px 20px}.modal-body{padding:19px 20px}.modal-footer{padding:15px 20px}.source-card{padding:16px;gap:10px}.source-icon{padding:9px}.condition-row{grid-template-columns:1fr 1fr}.condition-row .icon-button{justify-self:end}.footer-note{font-size:8px}.login-card{padding:28px}.btn.small{font-size:9px}td,th{padding-left:13px;padding-right:13px}#toasts{right:14px;left:14px;max-width:none;bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* NEO orange product identity */
:root{--navy:#211e1c;--blue:#dc570e;--muted:#88827c;--line:#eae5df;color:#302c29;background:#f8f7f4;--radius:14px}body{background:#f8f7f4}.sidebar{color:#b6b0aa;padding-top:21px;overflow-y:auto}.logo{padding:0 12px;gap:12px;min-height:56px}.neo-original{display:block;width:112px;height:56px;object-fit:contain}.logo .product{font-size:21px;color:#ff813a;border-color:#6b4530;font-weight:650}.tagline{font-size:9px;letter-spacing:1.15px;color:#a69d94;padding:10px 14px 12px}.nav-label{color:#8f847b}.nav-link{color:#bcb4ac;padding:10px 13px;font-size:12px;margin:2px 0}.nav-link:hover{background:#332a24}.nav-link.active{background:#57301c;box-shadow:inset 3px 0 #fb7b2e;color:#ffb47f}.nav-link.active svg{color:#ff994c}.sidebar .avatar.navy{background:#493327}.workspace-hint{border-color:#493b30;color:#aa9e93;font-size:10px;padding:12px}.workspace-hint strong{color:#e8d5c5;font-size:11px}.sidebar-bottom{padding-top:16px}.sidebar-bottom .user-card small{color:#a99d93}.topbar{height:72px}.preview-strip{background:#fff1e4;border-color:#f2ddc7;color:#91623c}.preview-strip strong,.preview-strip button{color:#9f4d19}.preview-role{margin-left:auto;font-weight:650}.mode-badge{background:#fff5e9;color:#a9692e;border-color:#f0dfc8}.eyebrow{color:#b46830}.page-title h1{color:#2f2924;letter-spacing:-1px;font-size:29px}.page-title p{font-size:12px}.btn.primary{background:#dd5b12;border-color:#dd5b12;box-shadow:0 3px 8px #dd5b1214}.btn.primary:hover{background:#c44b07;border-color:#c44b07}.btn{color:#685b4f;border-color:#e4dbd1}.btn:hover{background:#fcf6ef;border-color:#cfbca8}.stat-icon,.source-icon{color:#cc5b16;background:#fff1e6}.avatar{background:#fff0e4;color:#a95920}.status{background:#fff0e2;color:#af5a20}.tag{background:#f5eee5;color:#896b50}.welcome{background:#f2e6d7;color:#65442c}.welcome h2{color:#634125}.conv-item.active{background:#fff3e7}.conv-item:hover{background:#fcf7f1}.message.out{background:#fff0e0;color:#55402f;border-color:#f5e2cc}.message{line-height:1.65}.composer textarea:focus,textarea:focus,input:focus,select:focus{border-color:#e99152}.readonly-note{display:flex;gap:9px;align-items:center;padding:20px;background:#fcf7f1;font-size:11px;color:#907253}.readonly-note svg{width:16px}.login-screen{background:#211e1c}.login-card>.logo{background:#211e1c;border-radius:10px;padding:8px 15px}.login-card .product{color:#ff813a}.tab.active,.tabs button.active{color:var(--blue);border-color:var(--blue)}.switch.on{background:#df691f}.hint{background:#faf4ec;border-color:#f0e3d4;color:#8c6d51}.hint.green{background:#eaf7ef;border-color:#cae8d7;color:#40795c}.hint.amber{background:#fff5df;border-color:#ead5a9}.portfolio-summary{display:flex;align-items:center;gap:48px;background:#f0e9df;border:1px solid #e7dccf;padding:22px 28px;border-radius:14px;margin-bottom:26px}.portfolio-summary>div{display:flex;flex-direction:column;gap:6px}.summary-number{font-size:30px;font-weight:650;color:#5b3d28;letter-spacing:-1px}.portfolio-summary>div>span:last-child{font-size:11px;color:#8d7966}.summary-brand{font-size:12px;max-width:160px;line-height:1.7;color:#aa8564;margin-left:auto}.segmented{display:flex;gap:4px;padding:4px;border:1px solid #e8e0d6;border-radius:10px;background:#f1ede6}.segmented button{border:0;background:none;padding:8px 13px;border-radius:7px;font-size:11px;color:#97816a}.segmented button.active{background:white;color:#9f511c;box-shadow:0 2px 4px #704c1710}.agent-search{max-width:270px;background:white;border-radius:8px;border:1px solid #e6ded4;padding:9px 12px}.agent-search input{border:0;outline:none;font-size:11px;background:none;width:200px}.agent-search svg{width:16px;color:#9c8d7e}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.agent-card{padding:23px 23px 0;transition:.15s}.agent-card:hover{border-color:#dfb995;box-shadow:0 5px 20px #6b45100b}.agent-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.agent-avatar{display:inline-flex;width:47px;height:47px;border-radius:14px;align-items:center;justify-content:center;background:#ffead9;color:#d05c18;border:1px solid #f5d5ba}.agent-avatar svg{width:26px;height:26px}.agent-avatar.own{background:#f4e7d3;color:#a47a3b;border-color:#e8d8bc}.agent-company{font-size:10px;color:#a08d7b;letter-spacing:.3px;margin-bottom:8px}.agent-card h2{font-size:22px;color:#413123;margin:0 0 8px;letter-spacing:-.7px}.agent-card p{font-size:11px;color:#a38e79;margin:0;min-height:20px}.agent-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #f0e8df;border-bottom:1px solid #f0e8df;margin:22px 0 13px;padding:17px 0}.agent-metrics>div{display:flex;flex-direction:column;gap:6px}.agent-metrics>div+div{border-left:1px solid #eee5d9;padding-left:22px}.agent-metrics strong{font-size:21px;font-weight:650;color:#6b4a31}.agent-metrics span{font-size:10px;color:#a18e7a}.agent-credit-line{min-height:34px}.tag.internal{background:#f3ecde;color:#977748;font-size:9px}.agent-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee6db;padding:14px 0;margin-top:5px}.agent-create-card{min-height:280px;border:1px dashed #d9c6af;border-radius:14px;background:#f5f0e8;color:#ba9773;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:30px}.agent-create-card svg{background:#eaddca;border-radius:50%;padding:10px;width:45px;height:45px;stroke-width:1.3}.agent-create-card strong{font-size:13px;color:#a47a53}.agent-create-card span{font-size:11px;max-width:170px;line-height:1.7}.settings-details{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.settings-details summary{font-size:12px;color:#9c7756;cursor:pointer}.settings-details[open] summary{margin-bottom:18px}.agent-workspace{display:grid;grid-template-columns:160px minmax(300px,1fr) 310px;gap:18px;align-items:start}.agent-subnav{display:flex;flex-direction:column;gap:5px;padding-top:8px}.agent-subnav button,.agent-subnav a{display:flex;align-items:center;gap:9px;border:0;text-align:left;color:#93816d;background:none;border-radius:8px;font-size:11px;padding:12px 10px}.agent-subnav button.active{background:#f1e4d3;color:#a0531d}.agent-subnav svg{width:16px;height:16px}.agent-subnav a{border-top:1px solid var(--line);border-radius:0;margin-top:15px;padding-top:20px}.agent-config{padding:25px;min-height:580px}.agent-config h2{font-size:19px;margin-top:0;color:#5e4029}.agent-config h3{font-size:12px;color:#836447}.agent-test{padding:20px;position:sticky;top:20px}.agent-test h2{display:flex;gap:8px;align-items:center;font-size:13px}.agent-test h2 svg{width:17px}.agent-test .card-sub{font-size:10px;line-height:1.75}.agent-test .test-chat{height:370px;min-height:0}.agent-test .composer{padding:10px}.agent-test .composer textarea{min-height:58px;font-size:11px}.agent-test .message{font-size:11px;padding:12px}.agent-test .chat-messages{padding:10px;gap:12px}.agent-test .muted{font-size:9px}.cockpit-welcome{text-align:center;padding:27px 12px 30px}.cockpit-welcome .agent-avatar{width:56px;height:56px;margin-bottom:24px}.cockpit-welcome h2{font-size:22px;letter-spacing:-.5px}.cockpit-welcome p{font-size:12px;line-height:1.8;color:#9a846e;max-width:350px;margin:auto}.audit-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audit-card{background:#fffaf4;border:1px solid #ecdfce;border-radius:10px;padding:17px;text-align:left;display:flex;flex-direction:column;gap:12px;color:#b57034}.audit-card strong{font-size:11px;color:#8c592e}.audit-card span{font-size:10px;line-height:1.7;color:#a48c73}.audit-card>svg:last-child{width:16px;align-self:flex-end}.audit-result{margin:25px 0}.audit-text{font-size:12px;line-height:1.8;color:#80644b;white-space:pre-wrap;padding:12px 0}.cockpit-links{display:flex;flex-wrap:wrap;gap:8px}.cockpit-links .btn{font-size:10px}.tool-permission{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:15px;margin:11px 0;color:#b27943}.tool-permission div{flex:1}.tool-permission strong{font-size:11px;color:#705238;display:block}.tool-permission small{font-size:10px;line-height:1.6;color:#a38e79;display:block;margin-top:5px}.tool-permission input{accent-color:#d46014;width:16px;height:16px}.knowledge-group{margin-bottom:25px}.knowledge-group h3{display:flex;align-items:center;gap:8px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.knowledge-group svg{width:16px}.knowledge-group .tag{margin-left:auto}.knowledge-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #f1eae2}.knowledge-row>div:first-child{flex:1;min-width:0}.knowledge-row strong{font-size:11px;color:#805e3f;display:block}.knowledge-row small{display:block;margin-top:6px;font-size:9px;color:#af977e;overflow-wrap:anywhere}.knowledge-choices{display:flex;flex-direction:column;gap:15px}.live-step{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.live-step>div{flex:1}.live-step h3{margin:0 0 6px}.live-step p{font-size:10px;line-height:1.7;color:#a38b71;margin:0}.metric-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:11px;color:#9b8166}.metric-row strong{color:#725133}.usage-chart{min-height:220px;display:flex;align-items:flex-end;gap:15px;overflow-x:auto;padding:20px 0 10px}.chart-column{flex:1;min-width:22px;max-width:70px;display:flex;flex-direction:column;align-items:center;gap:12px;height:190px;justify-content:flex-end}.chart-stack{width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:4px 4px 0 0;background:#edbd8b}.inbound-bar{background:#de691e}.outbound-bar{background:#edbd8b}.chart-column small{font-size:9px;color:#a08466}.chart-legend{display:flex;gap:25px;color:#a08466;font-size:10px}.chart-legend span{display:flex;gap:7px;align-items:center}.chart-legend i{display:block;width:8px;height:8px;background:#de691e;border-radius:2px}.chart-legend span+span i{background:#edbd8b}.credit-hero{background:#f2e6d5;border:1px solid #ead5bc;border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.credit-hero h2{font-size:45px;margin:12px 0;letter-spacing:-1.8px;font-weight:650;color:#895529}.credit-hero h2 span{font-size:18px;letter-spacing:0;font-weight:400;color:#b98e63}.credit-hero p{font-size:11px;color:#b38e67;margin-bottom:0}.unlimited-seal{padding:14px 20px;display:flex;align-items:center;gap:10px;border:1px solid #d9b78e;border-radius:10px;font-size:12px;color:#a77c4b}.stat-number.compact{font-size:24px}.positive{color:#3c996c}.campaign-card{margin-bottom:18px}.campaign-summary{display:flex;gap:40px;margin:22px 0}.campaign-summary>div{display:flex;flex-direction:column;gap:8px}.campaign-summary strong{font-size:23px;color:#98643a}.campaign-summary span{font-size:10px;color:#b19476}.flow-starters{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.flow-starters>button{border:1px solid #e6d9c7;border-radius:12px;background:#f4ecdf;padding:20px;display:grid;grid-template-columns:45px 1fr 25px;column-gap:15px;text-align:left;align-items:center;color:#b18250}.flow-starters .stat-icon{grid-row:span 2;margin:0}.flow-starters strong{font-size:13px;color:#906234}.flow-starters>button>span:last-of-type{font-size:10px;color:#ad8a63;line-height:1.7}.flow-starters>button>svg{grid-column:3;grid-row:1 / 3;width:18px}.flow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:12px 12px 0 0;padding:14px 18px;flex-wrap:wrap}.flow-canvas{height:calc(100vh - 305px);min-height:520px;overflow:auto;border:1px solid var(--line);border-top:0;background-color:#f0ece6;background-image:radial-gradient(#d1bfa8 1px,transparent 1px);background-size:18px 18px;border-radius:0 0 12px 12px}.flow-surface{position:relative;min-width:100%;min-height:100%}.flow-edges{position:absolute;inset:0;stroke:#b8a58e;stroke-width:2;overflow:visible;pointer-events:none;width:auto;height:auto}.flow-edges path{fill:none}.flow-edges text{stroke:none;fill:#a28463;font-size:10px}.flow-node{position:absolute;width:300px;height:114px;border:1px solid #decdb8;border-radius:11px;background:white;box-shadow:0 4px 9px #5d3b1510;z-index:2}.flow-node.selected{outline:2px solid #e58b45;outline-offset:3px}.node-drag{height:48px;border-bottom:1px solid #f0e5d9;display:flex;align-items:center;gap:10px;padding:0 12px;cursor:grab;touch-action:none}.node-drag strong{font-size:11px;color:#8c623f;flex:1}.node-drag .icon-button{width:26px;height:26px;color:#be9e7f}.node-drag .icon-button svg{width:13px}.node-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#fff0df;color:#c97a34}.node-icon svg{width:16px;height:16px}.node-content{font-size:10px;color:#ae9277;background:none;border:0;width:100%;text-align:left;padding:12px 14px;line-height:1.6;max-height:61px;overflow:hidden}.node-trigger{border-color:#d4bb9d}.node-trigger .node-icon{background:#eae0d1;color:#a38359}.node-agent{border-color:#e4a874}.node-agent .node-icon{background:#ffdfbd;color:#ca641a}.node-port{position:absolute;bottom:-5px;left:calc(50% - 5px);width:10px;height:10px;border:2px solid #cbae8b;border-radius:50%;background:#fff}.canvas-note{position:absolute;bottom:22px;left:22px;color:#b79f85;font-size:10px;line-height:1.8}.agent-config form .field small{font-size:10px}.agent-config .field textarea{font-size:12px;line-height:1.8}.agent-config .card-head{flex-wrap:wrap}.rule-card .flow-summary{line-height:1.9;font-size:10px;color:#a18262}.footer-note{color:#a69585}.sidebar .nav-label:nth-child(1){margin-top:10px}
@media(min-width:1600px){.agent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-workspace{grid-template-columns:175px minmax(350px,1fr) 350px}}@media(max-width:1250px){.agent-workspace{grid-template-columns:145px minmax(260px,1fr)}.agent-test{grid-column:2;position:static}.agent-test .test-chat{height:330px}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-summary{gap:25px}.summary-brand{display:none}.flow-toolbar .btn{font-size:10px;padding:6px 8px}}@media(max-width:900px){.agent-subnav{flex-direction:row;overflow:auto;grid-column:1 / -1}.agent-subnav button{white-space:nowrap}.agent-subnav a{display:none}.agent-workspace{display:block}.agent-config{margin:15px 0}.agent-grid{gap:14px}.flow-starters{grid-template-columns:1fr}.campaign-summary{gap:20px;flex-wrap:wrap}.summary-number{font-size:24px}.portfolio-summary>div>span:last-child{font-size:9px}}@media(max-width:680px){.agent-grid{grid-template-columns:1fr}.portfolio-summary{padding:18px;gap:20px}.toolbar{flex-wrap:wrap}.agent-search{max-width:none;width:100%}.agent-search input{width:100%}.segmented{width:100%}.segmented button{flex:1;padding:8px}.agent-config{padding:20px}.agent-test{padding:18px}.audit-actions{grid-template-columns:1fr}.credit-hero{padding:23px;align-items:flex-start;flex-direction:column}.credit-hero h2{font-size:35px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-number.compact{font-size:19px}.flow-starters>button{padding:16px}.flow-toolbar{padding:10px}.flow-toolbar .button-group{gap:5px}.page-title h1{font-size:24px}.knowledge-row{flex-wrap:wrap}.knowledge-row .button-group{margin-left:auto}.preview-strip{flex-wrap:wrap}.preview-role{margin-left:0}.flow-canvas{min-height:450px}.stat-top{font-size:10px}.neo-original{width:103px}.sidebar{padding-bottom:12px}.agent-card-top{margin-bottom:18px}}
.voice-message{min-width:240px;max-width:85%}.voice-heading{display:flex;align-items:center;gap:9px;color:#a25d29;margin-bottom:10px}.voice-heading svg{width:17px;height:17px}.voice-heading strong{font-size:11px}.voice-heading span{margin-left:auto;font-size:10px;color:#a68a71}.voice-message audio{display:block;max-width:100%;width:290px;height:38px;margin:12px 0}.voice-placeholder{font-size:10px;color:#aa947d;border:1px dashed #dbcab6;border-radius:7px;padding:10px;margin-bottom:12px}.voice-transcript-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#b17949}.voice-transcript{font-size:12px;line-height:1.8;margin:8px 0;white-space:pre-wrap}.voice-message>small{font-size:9px;line-height:1.6;color:#ad967e;display:block}.voice-message .btn{display:flex;margin-top:8px;padding-left:0}.voice-message .message-meta{margin-top:12px}@media(max-width:680px){.voice-message{max-width:95%;min-width:0}.voice-message audio{width:100%}}

/* Customer website widget settings */
.widget-assignment{display:flex;align-items:center;gap:15px;margin:0 0 24px;padding:18px 22px;border:1px solid var(--line,#e8ded3);border-radius:12px;background:white}.widget-assignment small{display:block;font-size:9px;letter-spacing:1px;color:#9a8775}.widget-assignment strong{display:block;margin-top:5px}.widget-assignment .status{margin-left:auto}.widget-assignment .avatar svg{width:20px;height:20px}.widget-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:22px;align-items:start}.widget-side{display:grid;gap:22px;min-width:0}.widget-side h2{font-size:16px}.widget-preview{min-height:290px;background:linear-gradient(135deg,#f4f2ee,#ece9e3);border:1px dashed #ddd1c5;border-radius:12px;position:relative;overflow:hidden;margin:18px 0}.widget-preview:before{content:'DEINE KUNDENWEBSITE';position:absolute;top:24px;left:22px;font-size:9px;letter-spacing:1.5px;color:#b0a08d}.widget-divider{border:0;border-top:1px solid #e9e0d5;margin:28px 0}.widget-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f1ec;font:11px/1.8 ui-monospace,monospace;padding:15px;border-radius:8px}.widget-steps{padding-left:20px;font-size:12px;line-height:1.8;color:#8e7967}.widget-steps li{margin:10px 0}#website-widget-form textarea{min-height:85px}.widget-side .muted{font-size:11px;line-height:1.8}@media(max-width:1050px){.widget-layout{grid-template-columns:1fr}.widget-side{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-side section:last-child{grid-column:1/-1}}@media(max-width:650px){.widget-side{grid-template-columns:1fr}.widget-assignment{flex-wrap:wrap}.widget-assignment>.muted{width:100%}.widget-assignment .status{margin-left:0}.widget-layout{gap:16px}}

.widget-image-controls{display:grid;gap:10px;margin:20px 0}.widget-image-controls input{display:block;margin:12px 0}.widget-image-controls small{display:block;font-size:11px;color:#8a7e72}.widget-preview{background:linear-gradient(145deg,#e5e1d7,#8d897c)!important;min-height:350px!important}.widget-layout .card h2{font-size:18px}.widget-code{white-space:pre-wrap;overflow-wrap:anywhere}

.template-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 24px}.template-metrics .muted{font-size:12px}.rule-footer .button-group{flex-wrap:wrap;justify-content:flex-end}