:root{--text:#4f463d;--text-h:#15110d;--bg:#fff;--border:#e5e1da;--accent:#d46b20;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input,textarea{font:inherit}button{touch-action:manipulation}h1,h2,h3,p{margin:0}.page-shell{box-sizing:border-box;min-height:100svh;padding:16px 12px 24px}.page-title{margin-bottom:12px}.page-title h1{color:var(--text-h);font-size:22px}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 12px;display:grid}.tab{border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.tab.is-active{border-color:var(--accent)}.tab-short{letter-spacing:.08em;font-size:12px;font-weight:700}.tab-label{font-size:14px;font-weight:600}.workspace{gap:12px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:16px}.panel-form,.panel-output{padding:14px}.form-stack{gap:12px;display:grid}.section-title h2{color:var(--text-h);margin:0;font-size:18px}.field{gap:8px;display:grid}.field>span{color:var(--text-h);font-size:14px;font-weight:600}.field-label-inline{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field-label-inline small{color:var(--text);white-space:nowrap;font-size:12px;font-weight:500}.field-inline{align-items:center;gap:8px;display:flex}.field-inline input{flex:auto}.field-suffix{color:var(--text-h);flex:none;font-weight:600}.field input,.field textarea,.output-box{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text-h);font:inherit;background:#fff;border-radius:12px;outline:none;padding:12px}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field textarea:focus,.output-box:focus{border-color:var(--accent)}.check-row{color:var(--text-h);align-items:flex-start;gap:10px;line-height:1.6;display:flex}.check-row input{accent-color:#de7a27;flex:none;width:18px;height:18px;margin-top:2px}.grid-3{gap:10px;display:grid}.accordion{border:1px solid var(--border);background:#faf8f4;border-radius:14px;overflow:hidden}.accordion-summary{cursor:pointer;color:var(--text-h);-webkit-user-select:none;user-select:none;background:0 0;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;list-style:none;display:flex}.accordion-summary:after{content:"";opacity:.7;border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .15s;transform:rotate(45deg)}.accordion-summary::-webkit-details-marker{display:none}.accordion[open] .accordion-summary:after{transform:rotate(225deg)}.accordion-body{border-top:1px solid var(--border);background:#ffffffb8;padding:14px 16px 16px}.order-card{gap:12px;margin-top:2px;display:grid}.order-card .grid-3{margin-top:2px}.output-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.output-head h2{margin:0;font-size:16px}.copy-button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:10px 14px;font-weight:600}.output-box{resize:vertical;min-height:320px;line-height:1.7;font-family:var(--mono);white-space:pre-wrap}@media (width>=900px){.page-shell{max-width:960px;margin:0 auto;padding:20px}.panel-form{padding:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.output-box{min-height:280px}}