.demo-editor{margin:0;background:#f3f5f8;color:#20344d;font-family:system-ui,sans-serif;font-size:15px;line-height:1.7}.demo-editor *{box-sizing:border-box}.demo-editor a{color:#254e82}.de-header{background:white;padding:18px max(20px,4vw);display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2ea}.de-header a{font-weight:750;text-decoration:none}.de-header span{font-size:12px}.de-intro{padding:30px max(20px,4vw) 20px}.de-intro h1{font-size:clamp(24px,3vw,36px);margin:8px 0}.de-intro p{margin:4px 0;color:#56657a}.de-selector{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.de-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(330px,1fr);gap:24px;padding:0 4vw 50px;align-items:start}.de-panel{min-width:0;background:white;border:1px solid #dbe0e9;border-radius:16px;padding:24px}.de-preview{position:sticky;top:20px}.de-preview iframe{display:block;width:100%;height:740px;border:1px solid #d6dce6;border-radius:12px;background:white;margin-top:12px}.de-tabs{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;margin-bottom:24px;border-bottom:1px solid #dee4ec;padding-bottom:10px}.de-tabs button{border:0;background:#f0f3f7;border-radius:8px;padding:12px 14px;min-height:44px;font-weight:650;color:#344e6c}.de-tabs button[aria-pressed=true]{background:#1d426e;color:white}.de-form{display:grid;gap:17px}.de-form label{display:grid;gap:7px;font-weight:600;font-size:13px}.de-form input,.de-form select,.de-form textarea,.de-selector select,.de-picker{width:100%;font:400 16px/1.5 system-ui;padding:12px;border:1px solid #bdc8d8;border-radius:8px;background:white;color:#253b54;min-width:0}.de-selector select{width:auto}.de-form textarea{min-height:110px;resize:vertical}.de-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.de-checks{display:flex;gap:8px;flex-wrap:wrap}.de-checks label{display:flex;align-items:center;border:1px solid #d8e0eb;border-radius:8px;padding:10px;font-weight:400}.de-checks input{width:auto;accent-color:#254e82}.de-help{font-size:13px;color:#6a7688;font-weight:400}.de-notice{padding:12px 16px;background:#eaf1fa;border-radius:10px;font-size:13px;color:#274f7e;margin-bottom:18px}.de-list{display:grid;gap:10px;margin:18px 0}.de-list button{display:flex;text-align:left;justify-content:space-between;gap:10px;background:#f7f9fc;color:#253b54;border:1px solid #d6deeb;padding:12px;border-radius:9px;font-size:14px}.de-list button.active{border:2px solid #254e82}.de-list small{display:block;color:#6d788a}.de-status{font-size:14px;color:#155941;min-height:24px;margin:16px 0}.de-day-select{display:flex;overflow:auto;gap:8px;margin:14px 0;padding-bottom:6px}.de-day-select button{min-width:75px;border:1px solid #cdd8e5;background:white;padding:10px;border-radius:9px;color:#294868}.de-day-select button.active{background:#1d426e;color:white}.de-roster-row{display:grid;grid-template-columns:1fr 90px 90px 100px;gap:8px;align-items:center;border-bottom:1px solid #e2e7ef;padding:13px 0}.de-roster-row input,.de-roster-row select{font-size:14px;padding:8px;width:100%;min-width:0}.de-roster-row label{display:flex;align-items:center;gap:8px}.de-roster-row input[type=checkbox]{width:18px;height:18px}.de-mobile-tabs{display:none}.de-preview-top{display:flex;justify-content:space-between;gap:15px;font-size:13px}.de-preview-top strong{font-size:15px}.de-prompt{width:100%;min-height:350px;background:#f4f7fb;border:1px solid #cad5e4;border-radius:10px;padding:16px;font:14px/1.8 system-ui;color:#273c55}.de-section-title{font-size:20px;margin:22px 0 10px}.de-feature-hint{display:block;margin:5px 0 16px;color:#765928;font-size:13px}.de-image-preview{width:130px;height:150px;object-fit:cover;border-radius:10px}.de-danger{color:#a12d4b;background:white;border:1px solid #e2b7c4;border-radius:8px;padding:10px}.de-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.de-editor-head h2{font-size:19px;margin:0}
@media(max-width:800px){.de-layout{grid-template-columns:1fr;padding:0 16px 40px;gap:16px}.de-intro{padding:24px 18px 18px}.de-panel{padding:18px}.de-mobile-tabs{display:flex;gap:8px;padding:0 18px 18px}.de-mobile-tabs button{flex:1}.de-layout[data-view=edit] .de-preview{display:none}.de-layout[data-view=preview] .de-controls{display:none}.de-preview{position:static}.de-preview iframe{height:75svh}.de-header{padding:15px 18px;font-size:14px}.de-header span{display:none}.de-tabs{margin-bottom:18px}.de-tabs button{font-size:13px;padding:10px}.de-roster-row{grid-template-columns:1fr 1fr;gap:8px}.de-roster-row label{grid-column:1/-1}.de-roster-row select{grid-column:1/-1}.de-row{gap:10px}.de-selector{align-items:stretch}.de-selector select{max-width:100%}.de-preview-top{flex-wrap:wrap}}

.de-ai-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:18px;background:#e9f1fc;border:1px solid #bbcfe9;border-radius:8px}.de-ai-toggle input{width:22px!important;height:22px;margin:0;accent-color:#245bab}.de-ai-toggle span{font-weight:700;font-size:14px}