:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#20231f;background:#f4f0e7;line-height:1.5}*{box-sizing:border-box}body{margin:0}.hero{max-width:1200px;margin:0 auto;padding:44px 24px 24px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.eyebrow,.step{font-size:12px;letter-spacing:.14em;font-weight:800;color:#6e675c}.hero h1{font-size:clamp(32px,5vw,56px);margin:6px 0}.hero p{max-width:760px}.privacy-badge,.pill{border:1px solid #aaa292;border-radius:999px;padding:8px 12px;font-size:13px;background:#fffaf0;white-space:nowrap}.status-stack{display:flex;gap:8px;flex-wrap:wrap}main{max-width:1200px;margin:0 auto;padding:0 24px 64px;min-width:0}.panel{background:#fffdf8;border:1px solid #d8d0c2;border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 8px 24px rgba(44,40,32,.05);min-width:0}.primary-panel{border-width:2px}.data-panel{border:2px solid #5e6a54;background:#fbfff7}.danger-zone{border-color:#e5cbc6}.onboarding-panel,.demo-panel{border:2px solid #292d27}.tutorial-steps{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.tutorial-steps li{border:1px solid #d8d0c2;border-radius:12px;padding:12px;background:#fff;min-width:0}.tutorial-steps strong{display:block;margin-bottom:3px}.tutorial-steps span{font-size:13px;color:#706b63}.button-link{border:1px solid #292d27;background:#292d27;color:#fff;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:normal;text-align:center}.demo-panel{background:#f4f0e7}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap;min-width:0}.section-head>div{min-width:0}.section-head h2{margin:0;overflow-wrap:anywhere}.step{margin:0 0 3px}.muted{color:#706b63}.grid-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;min-width:0}.grid-form.five{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-form.four{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;min-width:0}input,select,button{font:inherit;min-width:0}input,select{width:100%;border:1px solid #bbb2a3;background:#fff;border-radius:10px;padding:11px;color:#20231f}button,.file-button{border:1px solid #292d27;background:#292d27;color:#fff;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:normal}.secondary{background:#fff;color:#292d27}.danger{background:#fff;color:#8c3329;border-color:#8c3329}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;min-width:0}.actions.compact{margin:10px 0}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.table-wrap{overflow:auto;margin-top:14px;max-width:100%;min-width:0}table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}th,td{text-align:left;border-bottom:1px solid #e5ded2;padding:10px 8px;vertical-align:top}th{font-size:12px;color:#676157;white-space:nowrap}.summary-card{border-left:4px solid #292d27;background:#f4f0e7;padding:14px 16px;margin:14px 0;border-radius:8px;min-width:0;overflow-wrap:anywhere}.summary-card h3{margin:0 0 8px}.summary-card ul{margin:0;padding-left:20px}.decision-detail+.decision-detail{border-top:1px solid #d8d0c2;margin-top:12px;padding-top:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.two-col .panel{margin:0}.message{position:sticky;bottom:12px;margin-left:auto;max-width:620px;background:#222;color:#fff;border-radius:10px;padding:0 14px;overflow:hidden;max-height:0;transition:.2s;overflow-wrap:anywhere;z-index:5}.message.show{padding:12px 14px;max-height:180px}.status-ok{font-weight:800}.status-bad{font-weight:800;color:#9b2d22}details{margin-top:10px}summary{cursor:pointer;font-weight:800}footer{max-width:1200px;margin:0 auto;padding:0 24px 40px;color:#716b61;font-size:12px;min-width:0}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.hero{display:block}.hero-badges{justify-content:flex-start}.privacy-badge{display:inline-block;margin-top:12px}.grid-form,.grid-form.five,.grid-form.four{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}

body.mobile-mode{background:#f1eee7}body.mobile-mode .hero{padding:22px 14px 8px;display:block}body.mobile-mode .hero h1{font-size:31px}body.mobile-mode .hero-badges{justify-content:flex-start}body.mobile-mode main,body.mobile-mode footer{padding-left:10px;padding-right:10px}body.mobile-mode .panel{margin:12px 0;padding:15px;border-radius:16px;box-shadow:none}body.mobile-mode .grid-form,body.mobile-mode .grid-form.five,body.mobile-mode .grid-form.four,body.mobile-mode .compact-grid,body.mobile-mode .tutorial-steps{grid-template-columns:1fr}body.mobile-mode .span-2{grid-column:auto}body.mobile-mode input,body.mobile-mode select{min-height:48px;font-size:16px}body.mobile-mode button,body.mobile-mode .file-button,body.mobile-mode .button-link{min-height:48px;width:100%;font-size:15px}body.mobile-mode .actions{display:grid;grid-template-columns:1fr;gap:8px}body.mobile-mode .secondary-tools{margin-top:20px}body.mobile-mode .section-head{align-items:flex-start}body.mobile-mode .status-stack{width:100%}body.mobile-mode .status-stack .pill{flex:1;white-space:normal}body.mobile-mode .two-col{display:block}body.mobile-mode .two-col .panel+ .panel{margin-top:12px}body.mobile-mode .table-wrap{overflow:visible}body.mobile-mode table{min-width:0;display:block}body.mobile-mode thead{display:none}body.mobile-mode tbody{display:block}body.mobile-mode tr{display:block;background:#fff;border:1px solid #d8d0c2;border-radius:13px;padding:8px 11px;margin:10px 0}body.mobile-mode td{display:grid;grid-template-columns:minmax(92px,38%) 1fr;gap:10px;border:0;border-bottom:1px solid #eee8de;padding:9px 2px;align-items:start;overflow-wrap:anywhere}body.mobile-mode td:last-child{border-bottom:0}body.mobile-mode td::before{content:attr(data-label);font-size:12px;color:#716b61;font-weight:800}body.mobile-mode td[data-label="操作"]{display:block}body.mobile-mode td[data-label="操作"]::before{display:none}body.mobile-mode td input[type="checkbox"]{width:26px;height:26px;min-height:0}body.mobile-mode .summary-card{border-left:0;border:2px solid #292d27;border-radius:13px;padding:13px}body.mobile-mode .decision-detail{background:#fff;border-radius:10px;padding:10px}body.mobile-mode .decision-detail+.decision-detail{border-top:0;margin-top:8px}body.mobile-mode .data-panel{order:-10}body.mobile-mode .message{left:10px;right:10px;max-width:none;margin:0}body.mobile-mode .danger-zone{margin-top:28px}

@media(max-width:600px){.grid-form,.grid-form.five,.grid-form.four,.compact-grid,.tutorial-steps{grid-template-columns:1fr}.span-2{grid-column:auto}.panel{padding:16px}.hero,main,footer{padding-left:14px;padding-right:14px}.privacy-badge,.pill{white-space:normal}.actions>*{max-width:100%}}

.simple-hero{align-items:flex-start}.simple-hero h1{font-size:clamp(30px,7vw,52px)}code{overflow-wrap:anywhere}.onboarding-panel a,.demo-panel a{text-decoration:none}