:root{--ink:#202722;--muted:#667169;--paper:#f8faf7;--line:#dce3dc;--accent:#2b6549;--soft:#e7efe5;font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e3a43e;outline-offset:4px}button,.button{border:1px solid var(--line);padding:12px 18px;border-radius:8px;background:white;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover:not(:disabled),.button:hover{border-color:var(--accent)}.primary{background:var(--accent);color:white;border-color:var(--accent)}.ghost{background:transparent}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.brand{font-size:24px;letter-spacing:-1px;font-weight:700;display:flex;align-items:center;gap:10px}.brandmark{width:28px;height:28px;background:var(--accent);border-radius:7px;display:inline-grid;place-items:center;color:white;font-size:18px;letter-spacing:0}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}nav{display:flex;gap:26px;align-items:center;font-size:14px}.wrap{max-width:1220px;padding:0 36px;margin:auto}.badge{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:5px;font-size:11px;letter-spacing:.02em}.sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:34px 0 18px}.sectionhead h2{font-size:22px;margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chips button{padding:9px 15px;font-size:13px;border-radius:30px;background:transparent}.chips button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.search{width:100%;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:white;outline:none}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;min-height:230px;transition:transform .16s,border-color .16s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card h3{font-size:19px;margin:19px 0 9px}.card p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 18px}.card .cardfoot{margin-top:auto;display:flex;width:100%;justify-content:space-between;align-items:center}.card .open{border:0;padding:5px 0;color:var(--accent);background:none;font-size:14px}.toolmark{font-size:14px;font-weight:700;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--soft);color:var(--accent)}.notice{font-size:12px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line);line-height:1.6}.footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;margin-top:40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.empty{padding:35px;border:1px dashed var(--line);grid-column:1/-1}.modal{border:0;border-radius:18px;padding:0;width:min(660px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 25px 100px #0003;color:var(--ink);background:var(--paper)}.modal::backdrop{background:#17221e88;backdrop-filter:blur(3px)}.modal-inner{padding:30px}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:22px 0 10px;font-size:28px}.modal p{line-height:1.75}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.fact{padding:15px;background:var(--soft);border-radius:8px;font-size:13px;line-height:1.65}.fact strong{display:block;margin-bottom:5px}.upload{border:1px dashed var(--accent);padding:24px;border-radius:10px;background:white;margin:18px 0}.upload label{font-weight:600;display:block;margin-bottom:12px}.upload input{max-width:100%;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.status{min-height:26px;color:var(--accent);font-size:13px;line-height:1.6;margin-top:14px}.steps{line-height:1.9;font-size:14px;padding-left:22px}.billing{padding:22px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.8}.hero-a{padding:66px 0 37px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.hero-a h1{font-size:52px;letter-spacing:-2px;line-height:1.22;margin:18px 0}.hero-a p{line-height:1.8;max-width:450px}.hero-note{background:#e7eee4;padding:30px;border-radius:16px;position:relative;overflow:hidden;min-height:230px}.hero-note .big{font-size:76px;font-weight:300;line-height:1;letter-spacing:-6px}.hero-note h3{font-size:18px;margin:22px 0 8px}.hero-note p{font-size:13px;margin:0}.hero-note:after{content:'合';position:absolute;font-size:190px;font-weight:800;right:-15px;top:-8px;color:#d7e2d4;line-height:1;z-index:0}.hero-note>*{position:relative;z-index:1}.directory{display:grid;grid-template-columns:160px 1fr;gap:36px}.category-nav{padding-top:15px}.category-nav button{display:block;border:0;background:transparent;width:100%;text-align:left;font-size:14px;margin-bottom:7px;padding:12px}.category-nav button.active{background:var(--soft);color:var(--accent)}.category-nav .eyebrow{margin-bottom:20px}.directory .cards{grid-template-columns:repeat(2,1fr)}.b{--paper:#f5f0e8;--ink:#352c25;--muted:#786c61;--accent:#a2482c;--soft:#eee2d5;--line:#ded4c8}.b .wrap{max-width:1320px}.b .top{border:0}.b main{display:grid;grid-template-columns:320px 1fr;gap:60px;padding-top:32px}.b .intro{border-right:1px solid var(--line);padding-right:35px}.b h1{font-size:45px;line-height:1.25;letter-spacing:-2px;margin:15px 0 20px}.b .intro p{line-height:1.85;font-size:14px}.journey{list-style:none;padding:0;margin:42px 0}.journey li{display:flex;gap:13px;margin:24px 0;font-size:14px;align-items:center;color:var(--muted)}.journey span{display:grid;place-items:center;border:1px solid var(--line);height:30px;width:30px;border-radius:50%;font-size:12px}.journey .active{color:var(--accent)}.journey .active span{background:var(--accent);color:white}.b .question{font-size:29px;margin:10px 0 8px;letter-spacing:-1px}.intent-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.intent{padding:25px;text-align:left;display:block;min-height:157px;border-radius:3px;background:#fffaf3}.intent b{display:block;font-size:19px;margin-bottom:12px}.intent span{font-size:13px;color:var(--muted);line-height:1.7;display:block}.intent i{display:block;font-style:normal;color:var(--accent);margin-bottom:14px;font-size:13px}.b .cards{grid-template-columns:1fr 1fr}.b .card{border-radius:3px;background:#fffaf3}.b .search{background:transparent;border-radius:3px;padding:13px 16px}.back{margin:0 0 20px;padding:5px 0;background:none;border:0}.c{--paper:#f2f4f7;--ink:#202b3c;--muted:#6c7789;--accent:#365a95;--soft:#e7ecf5;--line:#dce1e9}.c .shell{display:grid;grid-template-columns:220px 1fr;min-height:100dvh}.sidebar{background:#202c3d;color:#c2ccdc;padding:30px 22px;display:flex;flex-direction:column;gap:26px}.sidebar .brand{color:white}.sidebar .brandmark{background:#e1b876;color:#202c3d}.sidebar nav{display:flex;flex-direction:column;align-items:stretch;gap:7px}.sidebar nav a{padding:12px;border-radius:7px}.sidebar nav a.active{background:#354258;color:white}.sidebar small{margin-top:auto;line-height:1.8;color:#9caac0}.c .workspace{padding:0 34px;max-width:1400px;width:100%;margin:auto}.c .top{padding:23px 0}.c h1{font-size:29px;letter-spacing:-1px;margin:0}.c .workgrid{display:grid;grid-template-columns:1fr 280px;gap:24px;margin-top:28px}.workpanel{background:white;border:1px solid var(--line);border-radius:12px;padding:27px}.workpanel h2{font-size:20px;margin:0 0 8px}.c .dropbox{border:1px dashed #aab8cb;border-radius:9px;padding:30px;text-align:center;background:#f9fafc;margin:22px 0}.c .dropbox h3{font-size:17px;margin:13px 0 8px}.c .dropbox p{font-size:13px;color:var(--muted);line-height:1.7}.c select{width:100%;border:1px solid var(--line);border-radius:6px;padding:12px;background:white;margin:9px 0 16px}.c .cards{grid-template-columns:repeat(3,1fr);gap:12px}.c .card{padding:20px;min-height:205px}.c .card h3{font-size:16px}.c .card p{font-size:12px}.timeline{border-left:1px solid var(--line);padding-left:20px;margin:25px 0 0 7px}.timeline div{position:relative;padding-bottom:24px;font-size:13px}.timeline div:before{content:'';position:absolute;left:-25px;top:5px;background:var(--line);width:9px;height:9px;border-radius:50%}.timeline strong{display:block;margin-bottom:7px}.timeline p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}.c .search{padding:11px 16px;width:240px;font-size:13px}.c .library .search{width:100%;margin-bottom:15px}.mobile-only{display:none}@media(max-width:950px){.c .workgrid{grid-template-columns:1fr}.c .cards{grid-template-columns:1fr 1fr}.c .shell{grid-template-columns:180px 1fr}.b main{grid-template-columns:240px 1fr;gap:30px}.hero-a{gap:30px}.wrap{padding:0 24px}}@media(max-width:680px){.wrap{padding:0 20px}.top{gap:14px;padding:20px 0;flex-wrap:wrap}nav{gap:16px;font-size:12px}.brand{font-size:21px}.hero-a{padding:38px 0 24px;display:block}.hero-a h1{font-size:38px}.hero-note{display:none}.directory{display:block}.category-nav{display:flex;overflow:auto;gap:7px;margin-bottom:17px}.category-nav .eyebrow{display:none}.category-nav button{white-space:nowrap;width:auto;margin:0}.directory .cards,.cards,.b .cards{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}.b main{display:block;padding-top:10px}.b .intro{border:0;padding:0}.b h1{font-size:34px;margin:14px 0}.journey{display:flex;gap:14px;margin:18px 0 28px}.journey li{font-size:12px;gap:6px;margin:0}.journey span{width:24px;height:24px}.b .intro p{display:none}.b .question{font-size:25px}.intent-list{gap:10px}.intent{padding:19px 16px;min-height:150px}.intent b{font-size:17px}.c .shell{display:block}.sidebar{padding:17px 20px;gap:15px}.sidebar nav{flex-direction:row;font-size:12px}.sidebar nav a{padding:8px 10px}.sidebar small{display:none}.c .workspace{padding:0 20px}.c .top .search{width:100%}.c .cards{grid-template-columns:1fr}.c h1{font-size:25px}.workpanel{padding:21px}.modal-inner{padding:22px}.facts{grid-template-columns:1fr}.notice{font-size:11px}.sectionhead{align-items:flex-start}.sectionhead h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* A 方案本地实现：保留目录视觉，补齐可访问性和实际处理状态。 */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-80px;padding:12px;background:white;z-index:10}.skip-link:focus{top:12px}.price-line{margin-bottom:12px}.state{margin-bottom:15px;background:var(--soft)}.status{overflow-wrap:anywhere}.modal{overscroll-behavior:contain}.upload input{width:100%;min-height:40px}.search:focus-visible{outline:3px solid #e3a43e}.cardfoot{gap:12px}.billing{margin-top:30px}.steps{line-height:1.9}nav button{font-size:inherit}#directory{scroll-margin-top:20px}@media(max-width:680px){nav{gap:8px;flex-wrap:wrap}nav button{padding:9px}.sectionhead{flex-wrap:wrap;gap:8px}.category-nav button{flex-shrink:0}.modal{max-height:92dvh}.actions>*{flex-grow:1}.hero-a h1{letter-spacing:-1px}}
.coordinates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.coordinates label{font-size:12px}.coordinates input{padding:10px;width:100%;border:1px solid var(--line);border-radius:5px}#selection-canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair;border:1px solid var(--line)}#preview-media img,#preview-media video{display:block;width:100%;max-height:60vh;object-fit:contain;background:#e7e9e7}#result-preview{margin-top:24px}.store-link{font-size:14px;color:var(--accent);padding:8px 0 16px;text-decoration:underline;text-underline-offset:3px}.upload select{margin-bottom:14px}#mark-opacity{max-width:180px}@media(max-width:420px){.coordinates{grid-template-columns:repeat(2,1fr)}}

/* Ochre and rice paper: A-only visual override. */
.a{
  /* 底与面 */
  --paper:#f5efe4;      /* 页面底色：米色纸 */
  --surface:#fdf9f1;    /* 卡片、输入框、弹窗面 */
  --rail:#efe7da;       /* 分类栏 hover */
  /* 文字 */
  --ink:#2b2320;        /* 正文、标题 */
  --muted:#7a6d63;      /* 次要文字 */
  --placeholder:#a8998c;/* 输入框占位 */
  /* 线 */
  --line:#e0d5c5;       /* 主分割线、卡片边框 */
  --hair:#ebe3d6;       /* 卡片内细分割线 */
  /* 强调：赭红 */
  --accent:#b8542e;     /* 链接、主按钮、字标底、上传虚线 */
  --accent-deep:#8f3f20;/* 主按钮 hover、软底上的字 */
  --accent-soft:#f3e2d6;/* 工具字标底、激活分类底、试用版小标 */
  /* 语义色（与强调色分开，不要混用） */
  --ready:#4f9a6a;      /* 「本机服务已就绪」圆点 */
  --neutral-dot:#a8998c;/* 「商店页面已核验」圆点 */
  --unverified:#9a7a4a; /* 「扩展费用待核验」文字 */
  /* 字体 */
  --font-sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --font-serif:'Noto Serif SC','Songti SC','SimSun',serif;
  font-family:var(--font-sans);color:var(--ink);background:var(--paper);
  font-synthesis:none;-webkit-font-smoothing:antialiased;
}
.a *{box-sizing:border-box}
.a{margin:0}
.a button,.a input,.a select{font:inherit}
.a a{color:var(--accent);text-decoration:none}
.a a:hover{color:var(--accent-deep)}
.a button{cursor:pointer}
.a button:disabled{cursor:not-allowed;opacity:.55}
.a :is(button,a,input,select,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.a .serif,.a h1,.a h2,.a .modal h2,.a .boundary-head .serif{font-family:var(--font-serif);font-weight:700}
.a .wrap{max-width:1200px;padding:0 24px;margin:auto}
.a .top{display:flex;align-items:center;justify-content:space-between;height:84px;border-bottom:1px solid var(--line)}
.a .brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;letter-spacing:-.5px;color:var(--ink)}
.a .brandmark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:var(--surface);display:grid;place-items:center;font-size:19px;font-family:var(--font-serif);font-weight:700}
.a .brand .small{font-size:14px;font-weight:400;color:var(--muted)}
.a nav{display:flex;align-items:center;gap:32px;font-size:14px;color:var(--muted)}
.a nav a,.a nav button.ghost{border:0;padding:0;background:none;color:var(--muted)}
.a nav a:hover,.a nav button.ghost:hover{color:var(--ink)}
.a nav a[href="#directory"]{color:var(--ink);font-weight:500}
.a .health-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;color:var(--ink)}
.a .health-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--ready)}
.a .health-pill.is-down .dot{background:var(--neutral-dot)}
.a .notice{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--hair);font-size:13px;color:var(--muted);line-height:1.6}
.a .notice .tag{padding:2px 8px;border-radius:4px;background:var(--accent-soft);color:var(--accent-deep);font-size:12px;font-weight:500;white-space:nowrap}
.a .hero-a{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;padding:88px 0 64px;align-items:end}
.a .hero-a>div{grid-column:span 7;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.a .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--accent)}
.a .hero-a h1{margin:0;font-size:76px;line-height:1.12;letter-spacing:-1.5px;color:var(--ink)}
.a .hero-a p{margin:0;font-size:18px;line-height:1.8;color:var(--muted);max-width:520px}
.a .hero-actions{display:flex;gap:12px;align-items:center;margin-top:8px}
.a .button,.a button.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px}
.a .primary,.a .button.primary{background:var(--accent);border-color:var(--accent);color:var(--surface);font-weight:500}
.a .primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}
.a .button:not(.primary):hover{border-color:var(--accent)}
.a .boundary{grid-column:span 5;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 28px 8px}
.a .boundary-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--ink);font-size:18px}
.a .boundary-tag{font-size:12px;letter-spacing:.12em;color:var(--muted)}
.a .boundary dl{margin:0}
.a .boundary dl>div{display:grid;grid-template-columns:96px 1fr;gap:12px 16px;padding:18px 0;border-bottom:1px solid var(--hair)}
.a .boundary dl>div:last-child{border-bottom:0}
.a .boundary dt{font-size:13px;color:var(--muted);padding-top:2px}
.a .boundary dd{margin:0;font-size:15px;line-height:1.6}
.a .search-box{display:flex;align-items:center;gap:14px;height:64px;padding:0 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:40px;color:var(--muted)}
.a .search-box:focus-within{outline:3px solid var(--accent);outline-offset:3px}
.a .search-box input{flex:1;border:0;background:none;outline:0;font-size:16px;color:var(--ink);min-width:0}
.a .search-box input::placeholder{color:var(--placeholder)}
.a .search-box kbd{font:inherit;font-size:12px;color:var(--muted);padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}
.a .directory{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;padding-bottom:72px}
.a .category-nav{display:flex;flex-direction:column;gap:6px;padding-top:8px}
.a .category-nav .eyebrow{color:var(--muted);letter-spacing:.16em;margin-bottom:14px}
.a .category-nav button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;padding:12px 14px;border-radius:10px;font-size:14px;color:var(--ink);text-align:left}
.a .category-nav button:hover{background:var(--rail)}
.a .category-nav button.active{background:var(--accent-soft);color:var(--accent-deep);font-weight:500}
.a .category-nav .count{font-size:12px;color:var(--muted)}
.a .category-nav button.active .count{color:inherit;opacity:.7}
.a .sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 24px}
.a .sectionhead h2{margin:0;font-size:32px;letter-spacing:-.5px}
.a .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.a .card{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .16s,transform .16s}
.a .card:hover{border-color:var(--accent);transform:translateY(-2px)}
.a .card-top{display:flex;align-items:center;justify-content:space-between}
.a .toolmark{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent-deep);display:grid;place-items:center;font-size:14px;font-weight:600}
.a .toolmark.cjk{font-family:var(--font-serif);font-size:18px;font-weight:700}
.a .chip{font-size:12px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap}
.a .card h3{margin:4px 0 0;font-size:21px;font-weight:600;letter-spacing:-.3px}
.a .card p{margin:0;font-size:15px;line-height:1.75;color:var(--muted)}
.a .spec{display:grid;grid-template-columns:48px 1fr;gap:8px 12px;padding-top:14px;border-top:1px solid var(--hair);font-size:13px;line-height:1.6;margin:0}
.a .spec dt{color:var(--muted)}
.a .spec dd{margin:0;display:flex;align-items:center;gap:8px}
.a .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.a .dot-ready{background:var(--ready)}
.a .dot-neutral{background:var(--neutral-dot)}
.a .unverified{color:var(--unverified)}
.a .card-action{display:inline-flex;align-items:center;gap:8px;margin-top:4px;border:0;padding:0;background:none;font-size:14px;font-weight:500;color:var(--accent)}
.a .card-action:hover{color:var(--accent-deep)}
.a .empty{padding:35px;border:1px dashed var(--line);border-radius:16px;grid-column:1/-1;color:var(--muted)}
.a .billing{padding:48px 0 56px;border-top:1px solid var(--ink);display:flex;flex-direction:column;gap:32px;font-size:15px;color:var(--ink);line-height:1.7}
.a .billing-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px}
.a .billing-head h2{margin:0;font-size:30px;letter-spacing:-.5px}
.a .billing-head span{font-size:13px;color:var(--muted)}
.a .facts-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.a .facts-row div{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.a .facts-row b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.a .footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 40px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.a .footer button.ghost{border:0;padding:0;background:none;display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:500}
.a .modal{border:0;border-radius:20px;padding:0;width:min(720px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 30px 90px rgba(0,0,0,.35);color:var(--ink);background:var(--paper);overscroll-behavior:contain}
.a .modal::backdrop{background:rgba(58,53,47,.72);backdrop-filter:blur(3px)}
.a .modal-top{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--hair);background:var(--surface)}
.a .modal-top .badge{border:0;padding:0;font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--muted)}
.a .modal-close{position:fixed;top:24px;right:24px;z-index:2;width:48px;height:48px;min-height:48px;padding:0;border:1px solid rgba(253,249,241,.28);border-radius:50%;background:rgba(253,249,241,.56);color:rgba(43,35,32,.68);display:grid;place-items:center;backdrop-filter:blur(8px);box-shadow:0 8px 28px rgba(0,0,0,.16);transition:background-color .16s,color .16s,transform .16s}
.a .modal-close:hover{background:rgba(253,249,241,.86);color:var(--ink);transform:scale(1.04)}
.a .modal-close svg{width:24px;height:24px}
.a .modal-inner{padding:32px;display:flex;flex-direction:column;gap:28px}
.a .modal h2{margin:0;font-size:34px;line-height:1.2;letter-spacing:-.5px}
.a .modal p{margin:0;font-size:16px;line-height:1.8}
.a .facts{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.a .fact{padding:16px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--hair);font-size:14px;line-height:1.65}
.a .fact strong{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.12em;font-weight:600;color:var(--muted)}
.a .fact.wide{grid-column:span 2}
.a .modal h3{margin:0;font-size:18px;font-family:var(--font-serif);font-weight:700}
.a .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.7;counter-reset:step}
.a .steps li{display:flex;gap:14px;align-items:flex-start;counter-increment:step}
.a .steps li::before{content:counter(step);width:26px;height:26px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0;margin-top:1px}
.a .upload{display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--line);margin:0}
.a .upload label{font-weight:600;font-size:14px;display:block;margin-bottom:10px}
.a .voice-text-block{margin-bottom:24px}
.a .dropzone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;border:1px dashed var(--accent);border-radius:12px;background:var(--paper);text-align:center;color:var(--accent)}
.a .dropzone strong{font-size:15px;font-weight:500;color:var(--ink)}
.a .dropzone .small{font-size:13px;color:var(--muted);line-height:1.6}
.a .upload input[type=text],.a .upload input[type=number],.a .upload select{width:100%;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.a .actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:6px}
.a .status{display:flex;align-items:center;gap:8px;min-height:26px;font-size:13px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
.a .status::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--line);flex-shrink:0}
.a .status.busy::before{background:var(--accent)}
.a .status.done::before{background:var(--ready)}
.a .status.error::before{background:var(--accent-deep)}
@media(max-width:950px){.a .hero-a{gap:24px}
.a .directory{grid-template-columns:160px 1fr;gap:32px}
.a .facts-row{grid-template-columns:1fr 1fr}
.a .wrap{padding:0 20px}
}
@media(max-width:680px){.a .top{height:64px}
.a nav a,.a nav button.ghost{display:none}
.a .health-pill{padding:6px 10px;font-size:12px}
.a .notice{font-size:12px}
.a .hero-a{display:flex;flex-direction:column;padding:40px 0 28px;gap:18px}
.a .hero-a h1{font-size:44px;line-height:1.18;letter-spacing:-1px}
.a .hero-a p{font-size:15px}
.a .hero-actions{width:100%}
.a .hero-actions .primary{width:100%}
.a .hero-actions .button:not(.primary){display:none}
.a .boundary{padding:18px 20px 4px;width:100%}
.a .boundary-head{font-size:16px;padding-bottom:12px}
.a .boundary dl>div{display:flex;flex-direction:column;gap:4px;padding:14px 0}
.a .boundary dt{font-size:12px}
.a .boundary dd{font-size:14px}
.a .search-box{height:52px;padding:0 16px;margin-bottom:16px}
.a .search-box kbd{display:none}
.a .directory{display:block}
.a .category-nav{flex-direction:row;gap:8px;overflow-x:auto;padding:0 0 20px;scrollbar-width:none}
.a .category-nav::-webkit-scrollbar{display:none}
.a .category-nav .eyebrow{display:none}
.a .category-nav button{width:auto;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);white-space:nowrap;flex-shrink:0;gap:6px}
.a .category-nav button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.a .category-nav button.active .count{color:inherit}
.a .sectionhead h2{font-size:24px}
.a .cards{grid-template-columns:1fr;gap:14px}
.a .card{padding:20px;border-radius:14px;gap:12px}
.a .toolmark{width:40px;height:40px}
.a .card h3{font-size:18px}
.a .card p{font-size:14px}
.a .spec{display:flex;flex-direction:column;gap:6px;font-size:12px;padding-top:12px}
.a .spec dt{display:none}
.a .card-action{min-height:44px}
.a .billing{padding:28px 0;gap:18px}
.a .billing-head{flex-direction:column;gap:6px}
.a .billing-head h2{font-size:22px}
.a .facts-row{grid-template-columns:1fr 1fr;gap:16px}
.a .facts-row b{font-size:11px}
.a .facts-row div{font-size:13px}
.a .footer{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 0 40px;font-size:12px}
.a .modal-inner{padding:22px;gap:22px}
.a .modal-close{top:10px;right:10px;width:44px;height:44px;min-height:44px}
.a .modal h2{font-size:28px}
.a .facts{grid-template-columns:1fr}
.a .fact.wide{grid-column:auto}

}
@media(prefers-reduced-motion:reduce){.a *{transition:none!important;transform:none!important;scroll-behavior:auto!important}
}


/* Strict copy/logic preservation: retain existing content and native controls. */
.a :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.a button.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}
.a{--soft:var(--accent-soft)}
.a .top{padding:0;gap:24px;flex-wrap:nowrap}
.a button,.a .button{min-height:48px}
.a .top button{min-height:44px}
.a .modal-top button{min-height:36px}
.a .hero-a>div{min-width:0}
.a .boundary .big{font-size:48px;line-height:1;margin:0 0 18px;color:var(--accent-deep)}
.a .boundary-head{margin:0;line-height:1.5}
.a .boundary-copy p{font-size:15px;line-height:1.6;padding:18px 0;margin:0;border-bottom:1px solid var(--hair)}
.a .boundary-copy p:last-child{border:0}
.a .search-box>.search{height:100%;width:100%;padding:0;border-radius:0}
.a .search-box>svg{flex-shrink:0}
.a .category-nav button{margin:0;gap:8px}
.a .category-nav .eyebrow{letter-spacing:0}
.a .card{position:relative;align-items:stretch;min-height:0}
.a .card-top{min-height:44px}
.a .card .chip{position:absolute;right:28px;top:28px;letter-spacing:0}
.a .card .spec{display:flex;flex-direction:column;gap:8px}
.a .spec .price-line{margin:0;color:var(--ink);font-size:13px}
.a .spec .price-line.unverified{color:var(--unverified)}
.a .spec .state{order:-1;display:flex;gap:8px;align-items:center;margin:0;padding:0;border:0;background:none;font-size:13px;letter-spacing:0}
.a .card .cardfoot{margin-top:auto}
.a .card .open,.a .card .store-link{padding:0;min-height:44px;text-decoration:none;margin:0;justify-content:flex-start}
.a .card .card-action{padding:0 16px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:var(--surface);justify-content:center;box-shadow:0 5px 14px rgba(184,84,46,.16);transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}
.a .card .card-action:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--surface);box-shadow:0 7px 18px rgba(143,63,32,.22);transform:translateY(-1px)}
.a .card .card-action svg{width:16px;height:16px}
.a .footer{margin-top:0}
.a .billing{margin-top:0}
.a .facts-row div{display:block}
.a .modal-inner{gap:24px}
.a .modal-top{margin:-32px -32px 4px}
.a .modal-top .badge,.a .fact strong{letter-spacing:0}
.a .modal h2{flex-shrink:0}
.a .modal .small{font-size:13px;line-height:1.6}
.a .upload{display:block}
.a .upload input{font-size:14px}
.a #media-file{padding:32px 20px;border:1px dashed var(--accent);border-radius:12px;background:var(--paper);min-height:100px}
.a #media-file::file-selector-button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);margin-right:12px;cursor:pointer}
.a .upload #upload-help{margin:16px 0 24px}
.a .upload label{margin:14px 0 10px}
.a .upload label:first-child{margin-top:0}
.a .upload input:not([type=file]),.a .upload select{height:48px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.a .upload textarea{width:100%;min-height:92px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);resize:vertical}
.a .tier-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:18px 0 22px}
.a .tier-picker legend{grid-column:1/-1;font-weight:600;font-size:14px;margin-bottom:10px}
.a .tier-picker label{display:block;margin:0!important;cursor:pointer}
.a .tier-picker input{position:absolute;opacity:0;pointer-events:none}
.a .tier-picker span{display:flex;min-height:88px;flex-direction:column;gap:7px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.a .tier-picker small{font-size:12px;line-height:1.55;color:var(--muted)}
.a .tier-picker input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.a .tier-picker input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}
.a .tier-picker input:disabled+span{opacity:.45;cursor:not-allowed}
.a .rights-check{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;line-height:1.6}
.a .rights-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--accent)}
.a #preview-media audio{width:100%;margin-top:8px}
.a .upload .small{margin:10px 0}
.a .actions{margin-top:18px}
.a #preview-media img,.a #preview-media video{background:var(--rail)}
.a .status{color:var(--muted)}
.a .status:empty::before{display:none}
.a .search:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.a .search-box .search:focus-visible{outline:0}
.a .skip-link{background:var(--surface)}
@media(max-width:950px){.a .top nav{gap:16px}.a .hero-a h1{font-size:60px}}
@media(max-width:680px){
 .a .top{gap:12px}.a .brand{font-size:22px}.a .brand .small{font-size:14px}
 .a .top nav{flex-wrap:nowrap;gap:0}.a .health-pill{white-space:nowrap}
 .a .hero-a h1{font-size:44px}.a .hero-a>div{width:100%}
 .a .boundary .big{font-size:32px;margin-bottom:12px}.a .boundary-copy p{font-size:14px;padding:14px 0}
 .a .directory .cards{grid-template-columns:minmax(0,1fr)}
 .a .category-nav button{min-height:44px;height:44px}
 .a .card .chip{right:20px;top:20px}.a .card .spec{font-size:12px}
 .a .spec .state,.a .spec .price-line{font-size:12px}
 .a .sectionhead{gap:8px;flex-wrap:wrap}.a .sectionhead h2{font-size:24px}
 .a .modal-top{margin:-22px -22px 0;padding:16px 22px}
 .a .modal-top button{min-height:44px;height:44px}
 .a .upload{padding:18px}.a #media-file{padding:20px 12px}
 .a .tier-picker{grid-template-columns:1fr}
 .a .modal{max-height:92dvh}.a .modal-inner{display:block}.a .modal-inner>*+*{margin-top:22px}
 .a .modal .facts{grid-template-columns:minmax(0,1fr)}
}