/* advanced.css */
.advanced-panel{margin-top:18px;border:1px solid var(--line);border-radius:15px;background:#fafaff;overflow:hidden}.advanced-panel summary{cursor:pointer;padding:13px 15px;font-weight:800;color:var(--brand2);background:#f3f1ff}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px}.advanced-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750}.advanced-grid input,.advanced-grid select,.recipe-row input,.recipe-row select{width:100%;min-width:0;padding:9px 10px;border:1px solid #d9dde6;border-radius:9px;background:#fff;color:var(--text)}.advanced-grid input[type="range"]{padding:0}.advanced-grid input[type="color"]{height:40px;padding:4px}.advanced-grid .checkline{flex-direction:row;align-items:center;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}.advanced-grid .checkline input{width:auto}.advanced-grid .span-2{grid-column:1/-1}.advanced-hint{margin:0;color:var(--muted);font-size:11px;font-weight:500}.recipe-panel{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.recipe-panel h3{margin:0 0 10px;font-size:14px}.recipe-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) auto auto auto;gap:8px;align-items:center}.compare-table-note{font-size:12px;color:var(--muted);margin-top:12px}.comparison-hero .hero p{max-width:820px}.comparison-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef8f2;color:var(--ok);font-size:12px;font-weight:800}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comparison-card{padding:22px}.comparison-card h2{margin:0 0 8px}.comparison-card ul{padding-left:20px;color:var(--muted)}.comparison-table td:first-child{font-weight:750}.truth-note{padding:14px 16px;border-left:4px solid var(--brand);background:#f3f1ff;border-radius:10px;color:var(--muted)}@media(max-width:850px){.recipe-row{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1fr}}@media(max-width:520px){.advanced-grid,.recipe-row{grid-template-columns:1fr}.advanced-grid .span-2{grid-column:auto}}

/* design-v2.css */
:root{
  --k-space-1:4px;--k-space-2:8px;--k-space-3:12px;--k-space-4:16px;--k-space-5:20px;--k-space-6:24px;--k-space-8:32px;
  --k-radius-sm:10px;--k-radius-md:14px;--k-radius-lg:20px;
  --k-focus:0 0 0 3px rgba(91,80,230,.22);
  --k-soft:#f7f7fc;--k-soft-brand:#f2f0ff;--k-border:#dfe2eb;
}
[hidden]{display:none!important}
html{overflow-x:clip}
body{min-width:320px}
.wrap{width:min(1240px,calc(100% - 32px))}
.card,.settings,.app-shell>*{min-width:0}
.app-shell{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:start;gap:24px}
.settings{container-type:inline-size;overflow:clip;padding:24px}
.settings>h2{font-size:22px;letter-spacing:-.02em}
.settings .grid{gap:16px}
.field,.advanced-grid label,.advanced-group label{min-width:0}
.field input,.field select,.advanced-grid input,.advanced-grid select,.recipe-row input,.recipe-row select{
  min-width:0;width:100%;min-height:44px;border:1px solid #cfd4df;border-radius:12px;background:#fff;color:var(--text);transition:border-color .16s,box-shadow .16s,background .16s
}
button,.btn,input,select{touch-action:manipulation}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.15}
.btn:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--k-focus);border-color:var(--brand)}
.btn.danger,#deleteRecipeBtn{background:#fff4f3;color:var(--danger);border:1px solid #efc4c0}

/* Progressive disclosure lowers cognitive load while preserving advanced capability. */
.advanced-panel{margin-top:20px;border:1px solid #dcd8fa;border-radius:18px;background:linear-gradient(180deg,#faf9ff,#f7f7fc);overflow:hidden}
.advanced-panel>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:14px 16px;cursor:pointer;color:var(--brand2);font-weight:800}
.advanced-panel>summary::-webkit-details-marker{display:none}
.advanced-panel>summary::before{content:'✦';width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#e9e6ff;color:var(--brand)}
.advanced-panel>summary::after{content:'⌄';font-size:20px;transition:transform .18s}
.advanced-panel[open]>summary::after{transform:rotate(180deg)}
.advanced-summary-copy{display:flex;flex-direction:column;min-width:0}
.advanced-summary-copy small{font-size:12px;line-height:1.35;color:var(--muted);font-weight:600;margin-top:2px}
.advanced-panel[open]>summary{border-bottom:1px solid #e3e0f7;background:rgba(255,255,255,.55)}
.advanced-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px!important;margin:0!important}
.advanced-group{min-width:0;border:1px solid var(--k-border);border-radius:15px;background:rgba(255,255,255,.86);padding:16px}
.advanced-group-header{margin-bottom:13px}
.advanced-group-header h3{font-size:15px;line-height:1.3;margin:0;color:var(--text)}
.advanced-group-header p{font-size:12px;line-height:1.45;margin:4px 0 0;color:var(--muted)}
.advanced-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.advanced-fields>label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:750}
.advanced-fields .span-2,.advanced-fields .advanced-hint{grid-column:1/-1}
.advanced-fields .checkline{min-height:44px;display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d9dde6;border-radius:12px;background:#fff}
.advanced-fields .checkline input{width:18px;height:18px;min-height:0;flex:0 0 auto}
.advanced-fields input[type=range]{min-height:28px;padding:0;border:0;background:transparent}
.advanced-fields input[type=color]{padding:5px;cursor:pointer}
.advanced-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.watermark-group.is-inactive .watermark-dependent{display:none!important}

/* Six-column grid lets three actions share one row without ever overflowing. */
.recipe-panel{margin-top:16px;border:1px solid var(--k-border);border-radius:16px;background:#fff;padding:16px;min-width:0}
.recipe-panel h3{font-size:16px;margin:0}
.recipe-helper{margin:4px 0 13px;color:var(--muted);font-size:12px;line-height:1.45}
.recipe-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch;min-width:0}
.recipe-row>*{min-width:0;max-width:100%;margin:0!important}
#recipeName{grid-column:span 3}
#recipeSelect{grid-column:span 3;text-overflow:ellipsis}
#saveRecipeBtn,#loadRecipeBtn,#deleteRecipeBtn{grid-column:span 2;padding-inline:10px;white-space:normal}

.settings-actions{position:sticky;bottom:0;z-index:5;margin:20px -24px -24px!important;padding:14px 24px 18px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -12px 28px rgba(24,28,45,.06)}
.settings-actions #processBtn{min-width:150px}

/* Clear hierarchy and readable density. */
.dropzone{min-height:330px}
.drop-inner{max-width:520px}
.hint,.advanced-hint,.recipe-helper{max-width:68ch}
.checkbox{border:1px solid #e5e6ee}
.notice:empty{min-height:0;margin-top:0}

@container (max-width:460px){
  .advanced-fields{grid-template-columns:1fr}
  .advanced-fields .span-2,.advanced-fields .advanced-hint{grid-column:auto}
  .recipe-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  #recipeName,#recipeSelect{grid-column:1/-1}
  #saveRecipeBtn,#loadRecipeBtn{grid-column:span 1}
  #deleteRecipeBtn{grid-column:1/-1}
}
@media(max-width:980px){
  .app-shell{grid-template-columns:1fr}
  .settings{container-type:inline-size}
  .dropzone{min-height:270px}
}
@media(max-width:620px){
  .wrap{width:min(100% - 20px,1240px)}
  .settings{padding:18px}
  .settings-actions{margin:18px -18px -18px!important;padding:12px 18px 16px}
  .settings-actions .btn{flex:1 1 130px}
  .advanced-panel>summary{padding:12px 13px}
  .advanced-grid,.advanced-group{padding:13px!important}
  .recipe-panel{padding:13px}
  .recipe-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  #recipeName,#recipeSelect{grid-column:1/-1}
  #saveRecipeBtn,#loadRecipeBtn{grid-column:span 1}
  #deleteRecipeBtn{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* productivity-v4.css */
.quick-preset-field{margin:0;padding:14px;border:1px solid #dedbf7;border-radius:14px;background:#f8f7ff}.quick-preset-field select{font-weight:750}.settings-quick-start{display:grid;gap:12px;margin-top:14px}.setting-summary{padding:13px 14px;border:1px solid #e2e4ec;border-radius:14px;background:#fff}.setting-summary>strong{display:block;margin-bottom:9px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.045em}.setting-summary-chips{display:flex;flex-wrap:wrap;gap:7px}.setting-summary-chips span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#f2f1fb;color:var(--brand2);font-size:12px;font-weight:750}.settings-disclosure{margin-top:12px;border:1px solid #dfe2eb;border-radius:16px;background:#fff;overflow:hidden}.settings-disclosure>summary,.home-more>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:13px 15px;cursor:pointer}.settings-disclosure>summary::-webkit-details-marker,.home-more>summary::-webkit-details-marker{display:none}.settings-disclosure>summary::after,.home-more>summary::after{content:'⌄';font-size:19px;color:var(--muted);transition:transform .18s}.settings-disclosure[open]>summary::after,.home-more[open]>summary::after{transform:rotate(180deg)}.settings-disclosure[open]>summary,.home-more[open]>summary{border-bottom:1px solid #e5e7ee;background:#fafaff}.disclosure-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eeecff;color:var(--brand);font-weight:850}.disclosure-copy{display:flex;flex-direction:column;min-width:0}.disclosure-copy strong{font-size:14px;line-height:1.3;color:var(--text)}.disclosure-copy small{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.35}.output-panel-body{padding:15px}.output-panel-body .grid{margin:0!important}.output-panel-body .quick-preset-field{display:none}.metadata-auto-field{position:relative;padding:12px 13px!important;background:#f7fbf8!important;border-color:#dce9df!important}.metadata-auto-field input{width:18px!important;height:18px!important;min-height:0!important}.metadata-auto-field::after{content:'✓';position:absolute;right:13px;top:13px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e4f4e8;color:#23743b;font-weight:900}.advanced-panel.settings-disclosure{margin-top:12px;background:#fff;border-color:#dfe2eb}.advanced-panel.settings-disclosure>summary{color:var(--text)}.advanced-panel.settings-disclosure>summary::before{content:'✦';width:31px;height:31px;border-radius:10px;background:#eeecff}.recipe-disclosure-body{padding:15px}.recipe-disclosure-body>.recipe-helper{margin-top:0}.recipe-disclosure-body>.recipe-row{margin-top:12px!important}.recipe-disclosure-body>h3{display:none}.drop-inner>.btn{margin:4px}.folder-button{box-shadow:none!important}.rename-preview{margin-top:10px;padding:11px 12px;border:1px solid #e1e4ec;border-radius:11px;background:#fafbfe}.rename-preview strong{display:block;margin-bottom:7px;font-size:12px}.rename-preview-list{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:11px}.rename-preview-list code{display:inline-block;max-width:100%;padding:4px 7px;border-radius:7px;background:#f0effa;color:var(--brand2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-head{flex-wrap:wrap}.section-head #downloadManifestBtn{margin-left:auto}.home-shortcuts{margin-top:28px;margin-bottom:28px}.home-shortcuts-head h2{margin:0 0 14px;font-size:26px}.home-shortcuts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-shortcuts-grid a{min-width:0;padding:16px;border:1px solid #dfe2eb;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 30px rgba(25,28,45,.045);transition:transform .16s,border-color .16s,box-shadow .16s}.home-shortcuts-grid a:hover,.home-shortcuts-grid a:focus-visible{transform:translateY(-2px);border-color:#c9c5f8;box-shadow:0 16px 34px rgba(25,28,45,.075)}.home-shortcuts-grid strong{display:block;margin-bottom:6px;font-size:15px}.home-shortcuts-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.45}.home-more{margin-top:30px;margin-bottom:34px;padding:0;border:1px solid #dfe2eb;border-radius:18px;background:#fff;overflow:hidden}.home-more-body{padding:18px}.home-more-body>.content.wrap,.home-more-body>section.content.wrap{width:100%;margin:0;padding:0}.home-more-body>*+*{margin-top:18px!important}.home-more-body [data-product-advantage="true"],.home-more-body [data-free-premium="true"],.home-more-body [data-lab-hub-link="true"],.home-more-body [data-guide-hub="true"]{box-shadow:none}.footer-workflows{width:min(1120px,calc(100% - 32px));margin:0 auto 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.footer-workflows>strong{display:block;margin-bottom:10px;color:var(--text);font-size:13px}.footer-workflows>div{display:flex;flex-wrap:wrap;gap:8px 16px}.footer-workflows a{color:var(--muted);font-size:13px;text-decoration:none}.footer-workflows a:hover,.footer-workflows a:focus-visible{color:var(--brand2);text-decoration:underline;text-underline-offset:3px}@media(max-width:980px){.home-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.section-head #downloadManifestBtn{margin-left:0;width:100%}.drop-inner>.btn{width:100%;margin:4px 0}.settings-quick-start{margin-top:10px}.setting-summary-chips span{font-size:11px}.settings-disclosure>summary,.home-more>summary{padding:12px}.output-panel-body,.recipe-disclosure-body,.home-more-body{padding:12px}.home-shortcuts{margin-top:20px}.home-shortcuts-head h2{font-size:22px}.home-shortcuts-grid{grid-template-columns:1fr}.footer-workflows{width:min(100% - 20px,1120px)}.footer-workflows>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}}@media(max-width:420px){.footer-workflows>div{grid-template-columns:1fr}}