:root{--bg:#f4f0e8;--bg-soft:#fbf8f1;--panel:rgba(255,252,246,.88);--panel-solid:#fffaf2;--border:rgba(28,45,57,.13);--text:#14212a;--muted:#60707a;--brand:#d95f2b;--brand-deep:#953918;--accent:#167c80;--accent-ink:#0f5558;--success-bg:rgba(22,124,128,.11);--danger:#b43e2d;--danger-bg:rgba(180,62,45,.1);--code-bg:#172229;--shadow:0 22px 60px rgba(48,38,25,.12)}*,:after,:before{box-sizing:border-box}html{background:linear-gradient(145deg,rgba(217,95,43,.14),transparent 34%),linear-gradient(215deg,rgba(22,124,128,.16),transparent 38%),linear-gradient(180deg,#fbf6ed,#ece3d6);color:var(--text);font-family:Avenir Next,Helvetica Neue,PingFang SC,Hiragino Sans GB,sans-serif}body{margin:0;min-height:100vh}a,button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,124,128,.28);outline-offset:3px}.page-shell{min-height:100vh;padding:28px 20px 44px}.layout{display:grid;gap:18px;margin:0 auto;width:min(1260px,100%)}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--border);position:relative}.hero-section,.panel{border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.hero-section{align-items:center;background:linear-gradient(100deg,#fffcf5f0,#fff9efbd 52%,#167c8026),url(https://images.unsplash.com/photo-1557683316-973673baf926?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-size:cover;display:grid;gap:32px;grid-template-columns:minmax(0,1fr) minmax(320px,.74fr);min-height:360px;padding:34px}.hero-copy{max-width:720px}.eyebrow,.section-kicker{color:var(--accent-ink);font-size:.76rem;font-weight:700;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}h1,h2,h3{line-height:1.08;margin:0}h1{font-size:clamp(2.6rem,4.8vw,4.9rem);letter-spacing:0;max-width:12ch}h2{font-size:1.42rem}h3{font-size:1.05rem}.lede{color:#40515d;font-size:1.02rem;line-height:1.75;margin:18px 0 0;max-width:62ch}.action-row,.hero-badges,.meta-list,.toggle-row{display:flex;flex-wrap:wrap;gap:10px}.hero-badges{margin-top:22px}.endpoint-chip,.hero-badges span,.meta-list span{align-items:center;background:#ffffffad;border:1px solid rgba(22,124,128,.18);border-radius:999px;color:var(--text);display:inline-flex;gap:8px;min-height:36px;padding:0 13px}.hero-visual{min-height:260px;position:relative}.visual-frame{background:linear-gradient(140deg,#ffffffd1,#ffffff42),linear-gradient(135deg,#d95f2b66,#167c806b);border:1px solid rgba(20,33,42,.18);border-radius:8px;box-shadow:0 18px 42px #14212a29;position:absolute}.visual-frame-one{inset:12px 60px 72px 0}.visual-frame-two{background:linear-gradient(140deg,#ffffffb3,#ffffff3d),linear-gradient(135deg,#2a638b75,#e5b55e70);inset:82px 16px 18px 92px}.visual-frame-three{background:linear-gradient(140deg,#ffffffc2,#fff3),linear-gradient(135deg,#a03f3775,#167c8066);inset:38px 180px 130px 64px}.form-panel,.presets-panel,.result-panel,.task-panel{padding:22px}.inline-panel-head,.item-card-head,.section-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panel-title-line{align-items:flex-start;display:flex;gap:10px}.preset-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.preset-button{background:#ffffff94;border:1px solid rgba(22,124,128,.14);border-radius:8px;color:var(--text);display:grid;gap:8px;grid-template-rows:auto auto 1fr;min-height:154px;padding:16px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.preset-button svg{color:var(--brand)}.preset-button strong{font-size:1rem}.preset-button span{color:var(--muted);line-height:1.58}.preset-button:hover{border-color:#d95f2b61;box-shadow:0 14px 30px #9539181f;transform:translateY(-2px)}.workspace-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.05fr) minmax(370px,.82fr)}.field-grid,.side-stack,.stack-list{display:grid;gap:14px}.form-section,.inline-panel{background:#ffffff75;border:1px solid rgba(28,45,57,.11);border-radius:8px;margin-bottom:18px;padding:18px}.compact-head{margin-bottom:14px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field span{font-size:.9rem;font-weight:700}.field input,.field select,.field textarea,.task-query input{background:#ffffffc2;border:1px solid rgba(28,45,57,.16);border-radius:8px;color:var(--text);outline:none;padding:13px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.task-query input:focus{border-color:#167c808a;box-shadow:0 0 0 4px #167c801a}.empty-state,.field-note,.helper-text{color:var(--muted);line-height:1.65;margin:0}.field-note{font-size:.84rem}.warning-note{color:var(--danger)}.check{align-items:center;background:#ffffff8f;border:1px solid rgba(28,45,57,.12);border-radius:999px;display:inline-flex;gap:9px;min-height:42px;padding:0 13px}.callout{border:1px solid rgba(22,124,128,.16);border-radius:8px;margin-bottom:18px;padding:15px 16px}.callout.success{background:var(--success-bg)}.callout.danger{background:var(--danger-bg);border-color:#b43e2d33}.callout p{color:var(--muted);line-height:1.65;margin:8px 0 0}.error-text{color:var(--danger)!important}.ghost-button,.icon-button,.primary-button{align-items:center;border-radius:999px;display:inline-flex;gap:8px;justify-content:center;min-height:46px;padding:0 17px;transition:opacity .2s ease,box-shadow .2s ease,transform .2s ease}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border:1px solid transparent;box-shadow:0 14px 28px #95391833;color:#fff9f2}.ghost-button,.icon-button{background:#ffffff9e;border:1px solid rgba(28,45,57,.14);color:var(--text)}.icon-button{min-height:42px;padding:0;width:42px}.ghost-button:hover,.icon-button:hover,.primary-button:hover{transform:translateY(-1px)}.ghost-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.task-query{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.meta-list{margin-bottom:14px}.image-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}.image-tile{background:#ffffffa3;border:1px solid rgba(28,45,57,.12);border-radius:8px;margin:0;overflow:hidden}.image-tile img{aspect-ratio:1/1;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.image-tile figcaption{font-size:.9rem;padding:10px 12px}.image-tile a{color:var(--accent-ink);font-weight:700;text-decoration:none}.details-block{background:#ffffff7a;border:1px solid rgba(28,45,57,.12);border-radius:8px;margin-top:14px;overflow:hidden}.details-block summary{align-items:center;cursor:pointer;display:flex;font-weight:700;gap:8px;list-style:none;padding:14px 16px}.details-block summary::-webkit-details-marker{display:none}.details-block[open] summary{border-bottom:1px solid rgba(28,45,57,.1)}.code-box{background:var(--code-bg);color:#dce9e7;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.86rem;line-height:1.7;margin:0;max-height:520px;overflow:auto;padding:16px}@media(max-width:1120px){.hero-section,.workspace-grid{grid-template-columns:1fr}.hero-visual{min-height:180px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.page-shell{padding:16px 12px 32px}.form-panel,.hero-section,.presets-panel,.result-panel,.task-panel{padding:18px}.hero-section{min-height:0}.hero-visual{display:none}h1{font-size:2.35rem;max-width:none}.preset-grid,.task-query,.two-columns{grid-template-columns:1fr}.action-row,.inline-panel-head,.section-head{flex-direction:column}.ghost-button,.primary-button{width:100%}}