:root{--bg-paper: #f7f6f2;--primary-dark: #123524;--accent-clay: #c05621;--surface-white: #ffffff;--text-main: #2d3748;--text-muted: #718096;--border-light: #e2e8f0;--success-green: #2f855a;--danger-red: #c53030;--font-serif: "Georgia", "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sticky-header-offset: 5.8rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background-color:var(--bg-paper);color:var(--text-main);line-height:1.6;overflow-y:scroll;scroll-padding-top:calc(var(--sticky-header-offset) + .75rem)}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--primary-dark);font-weight:600}a{color:var(--primary-dark);text-decoration:none}ul{list-style:none}button,input,select{font:inherit}button{border:none}.container{max-width:1100px;margin:0 auto;padding:0 2rem}header{position:sticky;top:0;z-index:50;padding:1rem 0;border-bottom:1px solid rgba(18,53,36,.1);margin-bottom:2rem;background:#f7f6f2f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 12px #1235240f}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:nowrap}.brand{cursor:pointer;background:transparent;flex:1 1 auto;min-width:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.1rem 0}.brand-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;line-height:1.05;letter-spacing:.08em;background:linear-gradient(135deg,var(--primary-dark) 0%,#355d47 55%,var(--accent-clay) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;white-space:nowrap}.brand-accent{color:var(--accent-clay);-webkit-text-fill-color:currentColor}.brand-subtitle{font-size:.74rem;font-weight:600;line-height:1;letter-spacing:.16em;color:#123524ad;white-space:nowrap}.nav-actions{display:flex;flex:0 0 auto;align-items:center}.header-link,.inline-link{background:transparent;color:var(--primary-dark);cursor:pointer}.header-icon-btn{display:inline-flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border-radius:999px;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.header-icon-btn:hover{background:#1235240f;box-shadow:0 0 0 1px #12352414}.header-icon-btn:focus-visible{outline:none;background:#12352414;box-shadow:0 0 0 2px #1235242e}.header-icon-btn:active{transform:translateY(1px)}.header-icon{width:1.35rem;height:1.35rem}.inline-link{text-decoration:underline}.view{display:none;animation:fadeIn .4s ease;padding-bottom:4rem}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;justify-content:center;align-items:center;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-sans)}.btn-primary{background-color:var(--primary-dark);color:#fff}.btn-primary:hover{background-color:#0c2418;box-shadow:0 4px 12px #12352433}.btn-secondary{background-color:transparent;border:1px solid var(--primary-dark);color:var(--primary-dark)}.btn-secondary:hover{background-color:#1235240d}.btn-accent{background-color:var(--accent-clay);color:#fff}.btn-accent:hover{background-color:#a0471b}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%;margin-top:1rem}.card{background:var(--surface-white);border-radius:8px;padding:2rem;box-shadow:0 2px 10px #00000008;border:1px solid var(--border-light);margin-bottom:1.5rem;scroll-margin-top:calc(var(--sticky-header-offset) + .75rem)}.card-title{font-size:1.1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-light);padding-bottom:.5rem;font-family:var(--font-sans);color:var(--text-main);font-weight:600}.text-sm{font-size:.875rem;color:var(--text-muted)}.text-error{color:var(--danger-red)}.success-text{color:var(--success-green)}.grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.upload-page-grid{align-items:stretch}.upload-page-column{display:flex}.upload-card,.rule-config-card{display:flex;flex:1;flex-direction:column}.upload-page-status-card{margin-top:.5rem}.hero{text-align:center;padding:48px 0 3rem}.eyebrow{font-size:.875rem;color:var(--accent-clay);font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.hero h1{font-size:3rem;margin-bottom:1.5rem;line-height:1.2}.hero p{font-size:1.125rem;color:var(--text-muted);max-width:800px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.feature-card{background:transparent;border-left:3px solid var(--primary-dark);padding-left:1.5rem}.feature-card h3{font-size:1.125rem;margin-bottom:.5rem}.trust-banner{background:#c056210d;border:1px dashed var(--accent-clay);padding:1.5rem;border-radius:8px;text-align:center;color:var(--accent-clay);font-weight:500}.step-indicator{display:flex;margin-bottom:2rem;color:var(--text-muted);font-size:.875rem}.step{margin-right:2rem}.step.active{color:var(--primary-dark);font-weight:700;border-bottom:2px solid var(--primary-dark);padding-bottom:.25rem}.upload-area{width:100%;border:2px dashed var(--border-light);border-radius:8px;padding:4rem 2rem;text-align:center;background:#fafafa;cursor:pointer;transition:all .3s}.upload-card .upload-area{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.upload-area:hover,.upload-area.is-dragover{border-color:var(--primary-dark);background:#12352405}.upload-icon{font-size:1.75rem;margin-bottom:1rem;display:block;color:var(--primary-dark);font-family:var(--font-serif);letter-spacing:2px}.upload-tip{margin-top:.5rem}.hidden-input{display:none}.upload-ready{display:grid;gap:1rem;margin-top:1rem;padding:1.1rem;border:1px solid rgba(18,53,36,.08);border-radius:16px;background:linear-gradient(180deg,#12352408,#c0562108)}.upload-ready__hero h3{margin:.2rem 0 .45rem;font-size:1.3rem}.upload-ready__eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.08em;color:var(--accent-clay)}.upload-ready__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.upload-ready__item{display:grid;gap:.3rem;min-width:0;padding:.9rem .95rem;border:1px solid rgba(18,53,36,.08);border-radius:12px;background:#ffffffe0}.upload-ready__label{font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--text-muted)}.upload-ready__item strong{color:var(--primary-dark);overflow-wrap:anywhere}.upload-ready__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:12px;background:#2f855a1a;border-left:4px solid var(--success-green)}.rule-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;border:1px solid var(--border-light);border-radius:4px;margin-bottom:1rem;cursor:pointer;transition:all .2s;background:var(--surface-white);text-align:left}.rule-option:hover{border-color:var(--primary-dark)}.rule-option.selected{border-color:var(--primary-dark);background:#12352405;box-shadow:0 0 0 1px var(--primary-dark)}.rule-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--text-muted);display:flex;justify-content:center;align-items:center;flex-shrink:0}.rule-option.selected .rule-radio:after{content:"";width:8px;height:8px;background:var(--primary-dark);border-radius:50%}.rule-config-card .btn-block{margin-top:auto}.submit-note,.task-error{text-align:center;margin-top:1rem}.retry-btn{margin-top:1rem}select{padding:.4rem;border:1px solid var(--border-light);border-radius:4px;font-family:var(--font-sans);background:#fff;min-width:120px;outline:none}.preview-card{position:sticky;top:calc(var(--sticky-header-offset) + .75rem);max-height:calc(100vh - var(--sticky-header-offset) - 1rem);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(196,126,80,.9) rgba(255,255,255,.08);background:var(--primary-dark);color:#fff;border:none}.preview-card::-webkit-scrollbar{width:10px}.preview-card::-webkit-scrollbar-track{margin:.75rem 0;border-radius:999px;background:#ffffff14}.preview-card::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(18,53,36,.92);background:linear-gradient(180deg,#d69365f2,#a0471bf2)}.preview-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e1a074fa,#b15325fa)}.preview-card .card-title{border-color:#fff3;color:#fff}.preview-subtitle{color:#ffffffb3}.preview-list{margin-top:1rem}.preview-list li{margin-bottom:.75rem;font-size:.9rem;color:#fffc;display:flex;align-items:flex-start}.preview-list li:before{content:"•";margin-right:.5rem;color:var(--accent-clay)}.preview-file-name{text-decoration:underline}.preview-detail-wrap{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.14)}.preview-detail-hint{color:#ffffff9e}.preview-section+.preview-section{margin-top:1rem}.preview-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.preview-section-title{margin-top:0;font-size:.82rem;font-weight:700;letter-spacing:.08em;color:#ffffffeb}.preview-toggle-btn{flex-shrink:0;padding:.28rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:transparent;color:#ffffffe0;font-size:.78rem;line-height:1.2;cursor:pointer;transition:background .2s ease,border-color .2s ease}.preview-toggle-btn:hover{background:#ffffff14;border-color:#ffffff61}.preview-list--compact{margin-top:.65rem}.preview-list--compact li{margin-bottom:.6rem;font-size:.84rem;color:#ffffffc2}.preview-back-btn{margin-top:1rem;color:#fff;border-color:#ffffff4d}.preview-back-btn:hover{background:#ffffff14}.tune-intro-card{margin-bottom:1rem}.advanced-config-card{padding:1.5rem}.advanced-config-panel{display:grid;gap:1.5rem}.advanced-config-panel__summary{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--border-light);border-radius:8px;background:#fafafa}.advanced-config-panel__eyebrow{font-size:.75rem;color:var(--accent-clay);font-weight:700;letter-spacing:.08em;margin-bottom:.35rem}.advanced-config-panel__summary h3{margin-bottom:.35rem;font-size:1.1rem}.advanced-config-panel__summary p{color:var(--text-muted);font-size:.9rem}.advanced-config-panel__actions{display:grid;gap:.75rem;min-width:220px;max-width:260px;margin-left:auto}.advanced-config-panel__counter{display:inline-flex;align-items:baseline;justify-content:center;gap:.35rem;padding:.8rem 1rem;border:1px solid rgba(18,53,36,.1);border-radius:14px;background:linear-gradient(180deg,#1235240a,#12352405);color:var(--primary-dark)}.advanced-config-panel__counter strong{font-size:1.55rem;line-height:1.05;font-family:var(--font-serif)}.advanced-config-panel__counter span{font-size:.92rem;font-weight:600}.advanced-config-panel__reset-btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:.7rem 1rem;border:1px solid rgba(18,53,36,.14);border-radius:12px;background:#fff;color:var(--primary-dark);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.advanced-config-panel__reset-btn:hover{background:#1235240a;border-color:#12352438}.advanced-config-panel__reset-btn:disabled{opacity:.45;cursor:not-allowed}.button-group{display:flex;flex-wrap:wrap;gap:.75rem}.mini-btn{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:.55rem 1rem;border:1px solid var(--border-light);border-radius:4px;background:#fff;color:var(--primary-dark);cursor:pointer}.mini-btn:disabled{opacity:.5;cursor:not-allowed}.section-card{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--border-light);border-radius:8px;background:#fafafa;scroll-margin-top:calc(var(--sticky-header-offset) + .75rem)}.section-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.section-card__header h3,.nested-config-card__header h4{margin:0;font-size:1rem}.section-card__header p,.nested-config-card__header p{margin-top:.35rem;color:var(--text-muted);font-size:.875rem}.style-switcher,.style-switcher__group{display:grid;gap:.6rem}.style-switcher__group{grid-template-columns:108px minmax(0,1fr);align-items:start;gap:.55rem .9rem;padding:.75rem .85rem;border:1px solid var(--border-light);border-radius:10px;background:#ffffffd1}.style-switcher__group-title{align-self:center;font-size:.72rem;color:var(--accent-clay);font-weight:700;letter-spacing:.08em;line-height:1.45}.style-switcher__options{display:flex;flex-wrap:nowrap;gap:.4rem;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:.2rem;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;cursor:grab}.style-switcher__options::-webkit-scrollbar{display:none}.style-switcher__options.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.style-switcher__option{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;min-height:34px;padding:.36rem .72rem;border:1px solid var(--border-light);border-radius:999px;background:#ffffffeb;color:var(--text-main);cursor:pointer;font-size:.84rem;font-weight:500;line-height:1.25;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.style-switcher__options.is-dragging .style-switcher__option{cursor:grabbing}.style-switcher__option:hover{border-color:#12352438;background:#1235240a}.style-switcher__option.is-active{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark);box-shadow:0 6px 14px #1235241f}.config-grid{display:grid;gap:.9rem}.config-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.nested-config-card{display:grid;gap:1rem;scroll-margin-top:calc(var(--sticky-header-offset) + .75rem)}.nested-config-card--layout{padding-top:.2rem}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.style-grid--footer-page-number{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{display:grid;gap:.45rem}.field-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-dark)}.field-hint{color:var(--text-muted);font-size:.78rem;line-height:1.5}.text-input,.select-input{width:100%;padding:.75rem .9rem;border:1px solid var(--border-light);border-radius:4px;background:#fff;color:var(--text-main)}.text-input:focus,.select-input:focus{outline:2px solid rgba(18,53,36,.18);outline-offset:1px}.input-with-suffix{position:relative}.input-with-suffix .text-input{padding-right:3.4rem}.input-suffix{position:absolute;top:50%;right:.85rem;transform:translateY(-50%);font-size:.78rem;color:var(--text-muted)}.switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.switch-grid--single{grid-template-columns:1fr}.switch-field{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;border:1px solid var(--border-light);border-radius:4px;background:#fff}.switch-control{position:relative;width:52px;height:30px;flex:0 0 auto}.switch-control input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background-color:#d9d9d9;transition:background-color .2s ease}.switch-slider:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 1px 4px #00000024;transition:transform .2s ease}.switch-control input:checked+.switch-slider{background-color:var(--primary-dark)}.switch-control input:checked+.switch-slider:after{transform:translate(22px)}.status-card{padding:.85rem 1rem;border-radius:4px;border:1px solid var(--border-light);background:#fff;line-height:1.7}.status-card strong{display:block;margin-bottom:.25rem;font-size:.78rem;color:var(--primary-dark)}.status-card.compact{padding:.7rem .85rem}.result-card{max-width:800px;margin:0 auto;padding:3rem 4rem}.result-header{text-align:center;padding:2rem 0}.success-icon{width:64px;height:64px;background:var(--success-green);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:32px;margin:0 auto 1.5rem}.success-icon:after{content:"✓"}.result-description{margin-top:.5rem}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.summary-item{padding:1rem;background:#fafafa;border-radius:4px;border:1px solid var(--border-light)}.summary-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.summary-value{font-weight:600;font-family:var(--font-serif);font-size:1.1rem;color:var(--primary-dark);word-break:break-word}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.result-download-btn{padding:1rem 3rem;font-size:1.1rem}#loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#f7f6f2f2;z-index:999;justify-content:center;align-items:center;flex-direction:column}.loading-overlay-visible{display:flex!important}.spinner{width:50px;height:50px;border:3px solid rgba(18,53,36,.1);border-radius:50%;border-top-color:var(--primary-dark);animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{font-family:var(--font-serif);font-size:1.25rem;color:var(--primary-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top,rgba(192,86,33,.12),transparent 36%),#1235243d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-panel{position:relative;width:min(760px,100%);max-height:min(82vh,780px);overflow-y:auto;border-radius:20px;border:1px solid rgba(18,53,36,.12);box-shadow:0 28px 80px #1235242e,0 8px 24px #12352414;padding:1.25rem;background:linear-gradient(180deg,#c0562114,#fff0 180px),linear-gradient(135deg,#fffffffa,#f7f6f2fa);scrollbar-width:thin;scrollbar-color:rgba(192,86,33,.68) rgba(18,53,36,.08)}.modal-panel:before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#c05621f2,#123524a6)}.modal-panel::-webkit-scrollbar{width:10px}.modal-panel::-webkit-scrollbar-track{margin:1rem 0;border-radius:999px;background:#12352414}.modal-panel::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:linear-gradient(180deg,#c05621db,#1235248f) padding-box}.modal-header{display:block;margin-bottom:1.25rem;padding:1rem 1rem 1.1rem;border:1px solid rgba(18,53,36,.08);border-radius:16px;background:#ffffffc7;box-shadow:inset 0 1px #ffffffa6}.modal-header-copy{display:grid;gap:.4rem}.modal-eyebrow{font-size:.75rem;color:var(--accent-clay);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.modal-header h3{font-size:1.5rem;line-height:1.2}.modal-subtitle{font-size:.92rem;color:var(--text-muted);line-height:1.7}.modal-list li{position:relative;padding-left:1.1rem;margin-bottom:0;color:var(--text-main);line-height:1.7}.modal-list li:before{content:"";position:absolute;left:0;top:.75rem;width:6px;height:6px;border-radius:50%;background:var(--accent-clay);box-shadow:0 0 0 4px #c056211f}.modal-sections{display:grid;gap:0;padding:0 .25rem .25rem}.modal-section{position:relative;padding:1.35rem 1rem;background:transparent}.modal-section+.modal-section{border-top:1px solid rgba(18,53,36,.1)}.modal-section h4{margin-bottom:.8rem;font-size:1.05rem;font-family:var(--font-serif);color:var(--primary-dark)}.modal-list{display:grid;gap:.75rem}.modal-status-text{padding:1rem 1.1rem;border-radius:14px;border:1px solid rgba(197,48,48,.14);background:#c530300d}.modal-panel--support{width:min(520px,100%);max-height:min(86vh,720px)}.modal-header--support{margin-bottom:0}.support-modal{display:grid;gap:1rem;padding:1rem .35rem .2rem}.support-modal__intro{padding:1rem 1.1rem;border-radius:16px;border:1px solid rgba(18,53,36,.08);background:#ffffffc7}.support-modal__hint{color:var(--text-main);line-height:1.8}.support-qr-card{display:grid;justify-items:center;gap:.9rem;padding:1.2rem;border-radius:18px;border:1px solid rgba(18,53,36,.1);background:radial-gradient(circle at top,rgba(192,86,33,.12),transparent 45%),#ffffffeb;box-shadow:inset 0 1px #fffc}.support-qr-image{display:block;width:min(250px,100%);height:auto;border-radius:18px;border:1px solid rgba(18,53,36,.12);background:#fff;box-shadow:0 18px 40px #1235241f}.support-qr-caption{text-align:center;color:var(--text-muted);line-height:1.7}.support-modal__actions{display:flex;justify-content:center;gap:.85rem}@media (max-width: 900px){.grid-layout,.feature-grid,.summary-grid,.style-grid,.config-grid--two,.switch-grid,.upload-ready__grid{grid-template-columns:1fr}.preview-card{position:static}.upload-page-column{display:block}}@media (max-width: 720px){:root{--sticky-header-offset: 5rem}.container{padding:0 1rem}.hero-actions,.result-actions,.modal-header,.upload-ready__footer,.advanced-config-panel__summary,.section-card__header{flex-direction:column;align-items:flex-start}.hero h1{font-size:2.2rem}header{padding:.7rem 0}.nav-inner{flex-direction:row;align-items:center;gap:.5rem}.brand{gap:.08rem}.brand-title{font-size:1.18rem;letter-spacing:.05em}.brand-subtitle{font-size:.66rem;letter-spacing:.08em}.nav-actions{margin-left:auto}.step-indicator{flex-direction:column;gap:.75rem}.step{margin-right:0}.card,.result-card{padding:1.5rem}.style-switcher__group{grid-template-columns:1fr}.advanced-config-panel__actions{width:100%;min-width:0;max-width:none;margin-left:0}.btn-block,.btn,.result-download-btn{width:100%}.modal-overlay{padding:1rem}.modal-panel{padding:1rem;border-radius:16px}.modal-panel:before{border-radius:16px 16px 0 0}.support-modal__actions{flex-direction:column;align-items:stretch}}