:root{--bg:#f5f5f0;--white:#fff;--ink:#273b30;--muted:#7a827a;--green:#315e46;--pale:#eef3ed;--border:#e3e6df;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9fbc9e;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #adc5ad;outline-offset:1px}[hidden]{display:none!important}svg{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.topbar{height:80px;border-bottom:1px solid var(--border);padding:0 max(32px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;background:#fafaf6}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:22px;letter-spacing:-.9px;font-weight:650}.brand-light{font-weight:400}.brand-icon{width:37px;height:37px;border-radius:10px;background:var(--green);color:white;display:grid;place-items:center}.brand-icon svg{width:29px;height:29px}.header-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:#6d9470;border-radius:50%}main{max-width:1260px;margin:0 auto;padding:42px 32px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#778974}h1{font-family:Georgia,"Times New Roman",serif;font-size:43px;font-weight:400;letter-spacing:-1.4px;line-height:1.2;margin:12px 0 10px}.intro p{margin:0;color:var(--muted);font-size:14px}.intro-badge{display:flex;align-items:center;gap:13px;margin:19px 0 0;color:#769174}.intro-badge svg{width:28px;height:28px}.intro-badge strong{display:block;font-size:12px;font-weight:500;color:#50624f}.intro-badge span{display:block;font-size:11px;margin-top:5px;color:var(--muted)}
.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:25px;align-items:start}.controls{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.step-section{padding:25px}.step-section+.step-section{border-top:1px solid var(--border)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}h2{font-size:14px;font-weight:600;letter-spacing:-.15px;margin:0}.step-number{font-size:10px;font-weight:600;background:var(--pale);color:#658363;width:25px;height:25px;display:grid;place-items:center;border-radius:7px}.count-badge{margin-left:auto;background:#f4f5f1;color:#818a7c;border-radius:5px;font-size:10px;padding:5px 7px;white-space:nowrap}.tabs{display:flex;padding:4px;background:#f4f5f1;border-radius:7px;margin-bottom:15px}.tab{border:0;background:transparent;flex:1;padding:8px;border-radius:5px;font-size:11px;color:var(--muted)}.tab.active{background:white;box-shadow:0 1px 3px #273b3010;color:var(--ink);font-weight:500}.dropzone{border:1px dashed #c3cec0;border-radius:9px;background:#fafbf8;min-height:136px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;cursor:pointer;position:relative;padding:17px;text-align:center;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.dragover{background:#edf3e9;border-color:#749872}.dropzone:focus-within{outline:2px solid #adc5ad}.dropzone svg{width:25px;height:25px;color:#6f8c6d;margin-bottom:2px}.dropzone strong{font-weight:500;font-size:12px;max-width:100%;overflow-wrap:anywhere}.dropzone span{font-size:10px;color:var(--muted)}.dropzone .text-link{color:var(--green);text-decoration:underline;text-underline-offset:3px}.dropzone input{position:absolute;width:1px;height:1px;opacity:0;bottom:0;left:0}.file-extras{display:flex;justify-content:space-between;align-items:center;margin:11px 0 19px;font-size:9px;color:#969c92}.plain-button{background:transparent;color:#70836a;border:0;font-size:10px;padding:0}.plain-button:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}.names-label{display:flex;align-items:center;gap:8px;margin:15px 0 8px}.names-label label{margin:0}.names-label>span{font-size:9px;color:#91a089;margin-left:auto}.names-label button{margin-left:auto}label,legend{display:block;font-size:11px;font-weight:500;margin:0 0 8px}.optional{font-size:10px;color:#969c94;font-weight:400;margin-left:4px}textarea,input[type=url],select{width:100%;background:white;border:1px solid var(--border);border-radius:7px;color:var(--ink);padding:10px 11px;font-size:11px}textarea{resize:vertical;min-height:96px;max-height:340px;line-height:1.75;background:#fdfdfb}input::placeholder,textarea::placeholder{color:#a0a59c}select{min-height:36px}.field-help{font-size:10px;color:#92998e;line-height:1.6;margin:7px 0 0}.column-picker{padding:0;margin:14px 0 0;border:0}.column-picker legend{margin-bottom:8px}.column-picker>div{display:flex;flex-wrap:wrap;gap:6px}.column-picker label{background:#f4f6f0;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;gap:6px;padding:7px;margin:0;max-width:100%;overflow-wrap:anywhere}.column-picker input{accent-color:var(--green);margin:0}#csv-options{padding:10px 0 0}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:19px}.format-card{background:white;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;flex-direction:column;padding:13px 5px;color:#899283;gap:4px}.format-card svg{height:24px;width:36px;margin-bottom:4px}.format-card strong{font-size:11px;font-weight:500;color:#52604e}.format-card span{font-size:9px;color:#91998c}.format-card.selected{border-color:#8bab83;background:#f4f7f0}.format-card.selected svg,.format-card.selected strong{color:var(--green)}.dimension-heading{display:flex;align-items:center;justify-content:space-between}.dimension-heading>span{font-size:10px;color:#92998e}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sub-label{font-size:10px;color:#92998e;font-weight:400}.unit-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;padding-right:11px;background:#fff;height:37px;min-width:0}.unit-input:focus-within{outline:2px solid #adc5ad;outline-offset:1px}.unit-input input{width:100%;min-width:0;border:0;outline:0;background:none;padding:9px 10px;font-size:12px;color:var(--ink)}.unit-input input:focus{outline:0}.unit-input>span{font-size:10px;color:#92998e}.size-note{display:flex;align-items:center;gap:6px;color:#86957c;font-size:10px;margin:10px 0 20px}.size-note svg{width:13px;height:13px}.font-input{display:flex;border:1px solid var(--border);border-radius:7px}.font-input:focus-within{outline:2px solid #adc5ad;outline-offset:1px}.font-input input{border:0;outline:none!important;min-width:0;font-size:10px}.font-input button{border:0;background:#f4f6f0;color:#71886a;border-radius:5px;margin:4px;min-width:29px;font-size:18px}.font-status{display:flex;align-items:center;gap:6px;padding:9px 0 18px;color:#73876a;font-size:10px}.font-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-input{height:37px;border:1px solid var(--border);border-radius:7px;margin:0;display:flex;align-items:center;gap:7px;padding:5px 8px;font-size:10px;color:#6b7665}.color-input input{border:0;padding:0;background:none;width:22px;height:22px;cursor:pointer}.color-input input::-webkit-color-swatch-wrapper{padding:0}.color-input input::-webkit-color-swatch{border:0;border-radius:4px}.advanced{margin-top:19px;border-top:1px solid var(--border);padding-top:16px}.advanced summary{cursor:pointer;font-size:11px;list-style:none;display:flex;justify-content:space-between;color:#6c7e65}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{font-size:16px;font-weight:400;line-height:12px}.advanced[open] summary span{transform:rotate(45deg)}.advanced-content{margin-top:17px}.advanced-content .two-col{margin:13px 0}.checkbox-label{display:flex;align-items:center;gap:8px;margin-top:16px;color:#6c7e65}.checkbox-label input{accent-color:var(--green)}
.preview-panel{border:1px solid var(--border);border-radius:var(--radius);background:#ebede6;overflow:hidden;position:sticky;top:20px}.preview-toolbar{height:66px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde2d8;background:#f0f2eb}.preview-toolbar>div{display:flex;gap:8px;align-items:center}.preview-dot{width:7px;height:7px;border-radius:50%;background:#77966d}.preview-toolbar h2{font-size:12px}.preview-live{font-size:8px;color:#7e9275;background:#e3e9dc;padding:3px 5px;border-radius:3px;letter-spacing:.5px;margin-left:4px}.paper-badge{font-size:10px;font-weight:500;color:#65755e}.paper-badge span{font-weight:400;color:#929b8b;margin-left:7px}.preview-area{min-height:530px;padding:27px 40px 22px;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(#bec6b244 .75px,transparent .75px);background-size:12px 12px;position:relative}.sheet{width:354px;max-width:100%;background:white;box-shadow:0 3px 6px #34452f09,0 12px 25px #34452f13;line-height:0;border-radius:1px;transition:opacity .12s;aspect-ratio:210/297}.sheet.landscape{width:100%;max-width:520px;aspect-ratio:297/210}.sheet svg{width:100%;height:auto;display:block;stroke-linecap:butt;stroke-linejoin:miter}.preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;color:var(--muted);line-height:1.6;padding:30px;text-align:center}.preview-loading{position:absolute;bottom:8px;background:#edf2e8;padding:7px 13px;border-radius:20px;font-size:10px;color:#66835d}.preview-navigation{display:flex;align-items:center;justify-content:space-between;padding:10px 25px 15px;color:#7d8d73;font-size:10px}.preview-navigation>div{display:flex;align-items:center;gap:13px}.page-arrow{border:0;border-radius:5px;width:24px;height:24px;background:transparent;color:#708269;font-size:16px}.page-arrow:not(:disabled):hover{background:#dce4d4}.preview-legend{display:flex;justify-content:center;gap:27px;font-size:9px;color:#8b9682;margin-bottom:24px}.preview-legend span{display:flex;align-items:center;gap:7px}.preview-legend i{display:inline-block;width:17px;border-top:1px solid #8b9682}.preview-legend .dashed-line{border-top-style:dashed}.export-area{background:#fafbf7;border-top:1px solid #dde2d8;padding:21px 25px 19px}.export-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.export-summary strong{font-size:12px;font-weight:500}.export-summary>span{font-size:10px;color:#8b9682}.export-button{background:var(--green);border:1px solid var(--green);border-radius:8px;width:100%;height:45px;color:white;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:500;transition:background .15s}.export-button:hover:not(:disabled){background:#244d38}.export-button svg{width:16px;height:16px}.export-button>span:last-child{margin-left:auto;font-size:16px;font-weight:400}.export-button>svg{margin-left:auto}.print-tip{display:flex;align-items:center;justify-content:center;gap:5px;color:#939c89;font-size:9px;margin:12px 0 0;flex-wrap:wrap}.print-tip strong{font-weight:500;color:#75856c}.print-tip svg{height:12px;width:12px}.error-message{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:10;max-width:min(620px,calc(100vw - 32px));width:max-content;background:#fff3eb;border:1px solid #e2bb9e;color:#83563e;padding:13px 20px;border-radius:10px;font-size:12px;line-height:1.6;box-shadow:0 6px 24px #4f342b15}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);padding:13px 20px;border-radius:10px;background:#315e46;color:#fff;z-index:9;font-size:12px;box-shadow:0 6px 24px #25352d20}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 26px;color:#989e92;font-size:9px}.footer-divider{padding:0 10px;color:#b3b8ac}
@media(min-width:1400px){main{padding-top:48px}.intro{margin-bottom:38px}.workspace{grid-template-columns:380px minmax(0,1fr)}.step-section{padding:26px}.preview-area{min-height:570px}.sheet{width:380px}}
@media(max-width:1000px){main{padding:32px 24px 0}.workspace{grid-template-columns:330px minmax(0,1fr);gap:18px}.step-section{padding:21px}.preview-toolbar{padding:0 18px}.paper-badge span{display:none}.preview-area{padding:24px 22px;min-height:480px}.preview-navigation{padding:10px 16px 15px}.preview-navigation>span:last-child{display:none}.export-area{padding:20px}.export-summary{align-items:flex-start;gap:7px;flex-direction:column}.preview-legend{gap:14px;font-size:8px}}
@media(max-width:760px){.topbar{height:68px;padding:0 22px}.brand{font-size:20px}.header-note{font-size:10px}.header-note .status-dot{display:none}main{padding:30px 20px 0}.intro{margin-bottom:25px}.intro-badge{display:none}h1{font-size:37px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr;gap:20px}.controls{width:100%}.step-section{padding:23px}.preview-panel{position:static}.preview-toolbar{padding:0 22px}.paper-badge span{display:inline}.preview-area{min-height:460px;padding:25px 30px}.sheet{width:340px}.sheet.landscape{width:100%}.export-summary{flex-direction:row;align-items:center}.preview-legend{font-size:9px;gap:25px}.preview-navigation>span:last-child{display:block}footer{flex-direction:column;align-items:center;gap:10px;text-align:center}.names-label>span{font-size:10px}.field-help{font-size:11px}.tabs .tab,button.plain-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.sheet svg{stroke:none}
.guide-group{margin-top:16px;padding-top:1px}.guide-group+.guide-group{border-top:1px solid var(--border);padding-top:4px}.guide-group .checkbox-label{margin:12px 0 9px}.guide-options{border:0;padding:0;margin:0;min-width:0}.guide-options:disabled{opacity:.45}.guide-options .two-col{margin:12px 0}.guide-options select{height:37px;padding:8px}.guide-options>.unit-input{max-width:145px}.preview-legend>span>span{display:inline}
.name-placement{margin-bottom:19px}
.setup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:15px 18px;border:1px solid var(--border);border-radius:10px;background:#fafbf7}.setup-toolbar strong{display:block;font-size:12px;font-weight:500}.setup-toolbar>div>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.setup-actions{display:flex;gap:9px;flex-shrink:0}.setup-actions button{border:1px solid #cdd8c7;background:white;color:var(--green);border-radius:7px;padding:9px 12px;font-size:11px}.setup-actions button:hover:not(:disabled){background:var(--pale)}
@media(max-width:480px){.setup-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.setup-actions{width:100%}.setup-actions button{flex:1}}