:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#19211d;background:#e9eee8;font-synthesis:none;--red:#b14935;--muted:#6f7870;--line:#d6ded5;--ink:#19211d;--paper:#fbfcf8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 15%,#fff8 0 1px,transparent 1px) 0 0/18px 18px,#e9eee8}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d37a61;outline-offset:4px}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343e36;background:#19211d;color:#edf2ec}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:18px;letter-spacing:1px}.brand-mark{font:33px Georgia,serif;background:#edf2ec;color:#19211d;width:40px;height:43px;display:grid;place-items:center}.brand-sub{font-size:13px;font-weight:400;color:#aeb9ae;margin-left:18px;padding-left:18px;border-left:1px solid #657065;letter-spacing:1px}.edition{font:12px ui-monospace,monospace;letter-spacing:2px;color:#bac7bb}.edition span{color:#78877a;margin-left:16px}.site-header .text-button{color:#c4cec4}.text-button{border:0;background:none;color:#74766e;padding:6px 0;font-size:13px}.text-button:hover{color:var(--red)}main{max-width:1360px;margin:auto;padding:48px 48px 0}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:2.2px;color:var(--red)}h1{font-size:39px;font-weight:680;letter-spacing:-.8px;margin:12px 0 10px;line-height:1.25}h1 span{font-family:inherit;font-weight:650;font-style:italic;color:var(--red);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.intro p{color:var(--muted);font-size:14px;margin:0}.collection{display:flex;gap:30px}.collection strong{display:flex;align-items:baseline;gap:9px;font:32px Georgia,serif;color:var(--ink)}.collection strong span{font:12px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(390px, .94fr) minmax(420px,1.06fr);align-items:start;border:1px solid #cfd8cf;border-radius:14px;overflow:hidden;background:var(--paper);box-shadow:0 18px 45px #23312515}.editor{padding:0 31px}.form-section{padding:27px 0 25px;border-bottom:1px solid var(--line)}.form-section:last-child{border:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}h2{font-size:16px;font-weight:650;margin:0}.section-title h2>span{font:12px ui-monospace,monospace;color:#919f93;margin-right:10px}.small{font-size:12px;color:#7c877d}.city-list{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:20px}.city-button{padding:10px 0;font-size:14px;background:transparent;border:1px solid var(--line);border-radius:8px;color:#586359;transition:background .2s,border-color .2s,transform .2s}.city-button:hover{border-color:#83978a;transform:translateY(-1px)}.city-button[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink);box-shadow:0 4px 12px #19211d26}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:17px}label{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#566259;min-width:0}input,select,.field-value{width:100%;height:43px;border:1px solid #d3dbd2;border-radius:8px;background:#fff;color:#252d27;padding:0 12px;font-size:14px;min-width:0}input::placeholder{color:#9da69c}input:focus,select:focus{outline:0;border-color:#718d78;box-shadow:0 0 0 3px #718d7820}.field-value{background:#f1f5ef;border-color:#e3eae1;display:flex;align-items:center;font-size:13px;color:#69766b}.source-note{font-size:12px;color:#7a867b;margin:0;line-height:1.6}.seat-fields{grid-template-columns:1.5fr 1fr 1fr}details{margin-top:20px}summary{font-size:13px;color:#435247;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}summary:before{content:'+';font-size:18px;color:#6c7b6d;margin-right:3px}details[open] summary:before{content:'−'}summary span{font-size:12px;color:#8a978b;margin-left:auto}.detail-fields{padding-top:20px;display:grid;gap:17px}.detail-fields .field-grid{margin:0}.privacy-note{color:#778379;font-size:12px;line-height:1.7;margin:0}.export-row{display:flex;align-items:center;gap:22px;margin-bottom:20px}.export-row label{width:155px}.paper-note{font-size:12px;color:#879288;line-height:1.9}.actions{display:flex;gap:10px}.primary-button,.secondary-button{height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;padding:0 18px;white-space:nowrap;transition:transform .2s,background .2s}.primary-button{background:var(--red);color:#fff;border:1px solid var(--red);flex:1;box-shadow:0 5px 14px #b1493530}.primary-button:hover{background:#923724;transform:translateY(-1px)}.secondary-button{border:1px solid #cfd8cf;background:#fff;color:#405046}.secondary-button:hover{background:#edf3eb;transform:translateY(-1px)}.actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}#status{font-size:12px;line-height:1.6;color:#778379;min-height:19px;margin:13px 0 0}.preview-panel{align-self:stretch;min-width:0;position:relative;background:#19211d;color:#c1cbc2;border-left:1px solid #2a352d;display:flex;flex-direction:column;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:24px 24px}.preview-toolbar{display:flex;justify-content:space-between;padding:23px 27px;font-size:12px;border-bottom:1px solid #ffffff12;gap:8px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#b9d2a3;vertical-align:middle;margin-right:7px}.receipt-stage{display:flex;justify-content:center;padding:30px 24px 40px;position:relative;flex:1;align-items:center}.paper-wrap{width:340px;max-width:100%;box-shadow:0 18px 35px #0008;position:relative;background:#fff}.paper-wrap:after{content:'';position:absolute;left:0;right:0;height:7px;bottom:-6px;background:linear-gradient(135deg,#fff 25%,transparent 25%) -6px 0,linear-gradient(225deg,#fff 25%,transparent 25%) -6px 0;background-size:12px 12px;background-repeat:repeat-x}canvas{display:block;width:100%;height:auto;background:#fff}.preview-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding:21px 27px;color:#a1b0a2;font-size:11px;gap:14px}#previewDate{font-family:ui-monospace,monospace;letter-spacing:1px}.preview-error{position:absolute;inset:20px;background:#19211d;display:grid;place-content:center;text-align:center;gap:12px}.preview-error[hidden]{display:none}.preview-error button{padding:12px;background:white;border:0;border-radius:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#718074;line-height:1.7;padding:25px 0 26px}.site-footer p{margin:0}.site-footer>span:last-child{font:10px ui-monospace,monospace;letter-spacing:.8px}dialog{border:0;border-radius:12px;padding:38px;max-width:460px;width:calc(100% - 32px);box-shadow:0 20px 90px #0005;color:#333b30}dialog::backdrop{background:#151914a8;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin:14px 0 20px}dialog ol{padding-left:22px;font-size:14px;line-height:1.9}dialog li{margin-bottom:9px}dialog p{font-size:13px;line-height:1.9;color:#858a7b}dialog .primary-button{width:100%;margin-top:22px}.close-button{position:absolute;right:15px;top:12px;border:0;background:none;font-size:27px;color:#818778}#printArea{display:none}[hidden]{display:none!important}
@media(min-width:1400px){main{padding-top:45px}.receipt-stage{padding-top:38px;padding-bottom:45px}.paper-wrap{width:365px}}
@media(max-width:1000px){main{padding:30px 24px 0}.workspace{grid-template-columns:minmax(330px,1fr) minmax(330px,1fr)}.editor{padding:0 22px}.brand-sub{display:none}.edition{font-size:11px}.site-footer>span:last-child{display:none}.collection{gap:17px}.collection strong{font-size:26px}.preview-toolbar{padding:23px 19px}.preview-footer{padding:20px}.city-list{gap:4px}.city-button{font-size:13px}.actions{flex-wrap:wrap}.actions button{flex:1}}
@media(max-width:760px){.site-header{height:68px;padding:0 20px}.edition{display:none}.brand{font-size:16px}.brand-mark{width:32px;height:36px;font-size:27px}main{padding:25px 16px 0}.intro{margin-bottom:24px}.eyebrow{font-size:10px}h1{font-size:25px;letter-spacing:.5px}.intro p{font-size:12px}.collection{display:none}.workspace{display:flex;flex-direction:column}.editor,.preview-panel{width:100%}.editor{padding:0 22px}.preview-panel{border-left:0}.form-section{padding:24px 0}.preview-panel{order:2}.receipt-stage{padding:30px}.paper-wrap{width:360px}.preview-footer{font-size:11px}.site-footer{align-items:flex-start;flex-direction:column;gap:5px;padding:20px 4px}.site-footer p{font-size:11px}.field-grid{gap:10px}input,select{font-size:16px}.small{font-size:11px}.primary-button,.secondary-button{font-size:14px;padding:0 12px}.source-note{font-size:11px}}
@media print{body>*{display:none!important}body>#printArea{display:block!important;margin:0;padding:0;background:white}#printArea img{display:block;width:100%;height:auto;break-inside:avoid}html,body{margin:0!important;padding:0!important;background:#fff!important}#printStyle{display:none!important}}

/* ChatGPT-like workspace: quiet surfaces, compact controls, one clear action. */
:root{--red:#171717;--muted:#6b6b6b;--line:#e5e5e5;--ink:#202123;--paper:#fff}
body{background:#f7f7f8;color:var(--ink)}
.site-header{height:64px;padding:0 28px;background:#fff;color:#202123;border-bottom:1px solid #e6e6e6}
.brand{font-size:15px;letter-spacing:0;font-weight:600;gap:10px}.brand-mark{width:31px;height:31px;font-size:24px;background:#202123;color:#fff}.brand-sub{font-size:12px;color:#8a8a8a;border-left-color:#dedede;margin-left:12px;padding-left:12px;letter-spacing:0}.edition{display:none}.site-header .text-button{color:#6b6b6b}
main{max-width:1180px;padding:32px 28px 0}.intro{align-items:flex-start;margin-bottom:24px}.eyebrow{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px;color:#8b8b8b}.intro h1{font-size:28px;letter-spacing:-.4px;margin:9px 0 7px;font-weight:600}.intro h1 span{color:#202123;text-decoration:none;font-style:normal;font-weight:600}.intro p{font-size:13px;color:#6f6f6f}.collection{gap:22px;margin-top:7px}.collection strong{font:23px Georgia,serif;color:#202123}.collection strong span{font-size:11px;color:#8c8c8c}
.workspace{grid-template-columns:420px minmax(480px,1fr);border:1px solid #dedede;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000a;overflow:hidden}.editor{padding:0 24px}.form-section{padding:22px 0;border-bottom:1px solid #ededed}.section-title{margin-bottom:16px}h2{font-size:14px;font-weight:600}.section-title h2>span{color:#9a9a9a}.small{font-size:11px;color:#8b8b8b}.city-list{gap:5px;margin-bottom:17px}.city-button{padding:8px 0;font-size:13px;border-color:#e2e2e2;border-radius:7px;color:#5f5f5f;background:#fff}.city-button:hover{border-color:#b4b4b4;background:#fafafa;transform:none}.city-button[aria-pressed=true]{background:#202123;border-color:#202123;box-shadow:none}
label{font-size:13px;color:#5f5f5f;gap:7px}input,select,.field-value{height:40px;border-color:#dedede;border-radius:7px;font-size:13px;background:#fff;color:#242424}.field-value{background:#f7f7f7;border-color:#ededed;color:#777}input::placeholder{color:#a3a3a3}input:focus,select:focus{border-color:#8b8b8b;box-shadow:0 0 0 3px #0000000b}.source-note,.privacy-note,.paper-note,#status{font-size:11px;color:#888}.source-note{margin-top:1px}.detail-fields{padding-top:16px;gap:14px}.export-row{gap:16px;margin-bottom:16px}.export-row label{width:145px}.primary-button,.secondary-button{height:42px;border-radius:7px;font-size:13px;box-shadow:none}.primary-button{background:#202123;border-color:#202123}.primary-button:hover{background:#000;transform:none}.secondary-button{color:#444;border-color:#dedede}.secondary-button:hover{background:#f7f7f7;transform:none}.actions{gap:8px}
.preview-panel{background:#f7f7f8;border-left:1px solid #e5e5e5;color:#6d6d6d;background-image:none}.preview-toolbar{padding:18px 22px;border-bottom:1px solid #e6e6e6;font-size:11px}.live-dot{background:#777}.receipt-stage{padding:34px 24px 42px}.paper-wrap{width:330px;box-shadow:0 12px 30px #00000012}.preview-footer{padding:16px 22px;color:#8a8a8a;border-top-color:#e6e6e6;font-size:10px}.site-footer{padding:20px 0 22px;color:#8a8a8a}.site-footer>span:last-child{font-size:9px}
dialog{border-radius:10px;box-shadow:0 18px 60px #0003}.preview-error{background:#f7f7f8}.preview-error button{border:1px solid #dedede;border-radius:7px;color:#333}
.live-dot{background:#10a37f;box-shadow:0 0 0 3px #10a37f1c}
.brand-logo{display:block;width:58px;height:46px;object-fit:contain}.brand>.brand-sub{margin-left:2px}@media(max-width:760px){.brand-logo{width:52px;height:42px}}
.city-list{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}
.footer-center{display:grid;gap:5px;text-align:center}.footer-center p{margin:0}.template-credits{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;color:#7b877e}.template-credits a{text-decoration:underline;text-decoration-color:#aeb7af;text-underline-offset:3px}.template-credits a:hover{color:var(--red);text-decoration-color:currentColor}@media(max-width:760px){.site-footer{align-items:flex-start;flex-direction:column}.footer-center{text-align:left}.template-credits{justify-content:flex-start;flex-direction:column;gap:3px}}
@media(max-width:1000px){main{padding:28px 20px 0}.workspace{grid-template-columns:minmax(330px,1fr) minmax(330px,1fr)}.collection{gap:14px}.collection strong{font-size:20px}}
@media(max-width:760px){.site-header{height:60px;padding:0 16px}main{padding:24px 12px 0}.intro h1{font-size:24px}.workspace{border-radius:10px}.editor{padding:0 18px}.form-section{padding:20px 0}.preview-panel{border-left:0}.paper-wrap{width:330px}.collection{display:none}.site-footer{padding-left:4px;padding-right:4px}}
@media print{body>*{display:none!important}body>#printArea{display:block!important;background:#fff!important}html,body{background:#fff!important}}
