:root{--bg-base: #e8e8e6;--ink-black: #050505;--paper-white: #fafaf8;--theme-color: #d6ff3f;--theme-color-soft: rgba(214, 255, 63, .16);--theme-secondary: #9ef8ff;--danger: #d80032;--success: #076f35;--border-thick: 3px solid var(--ink-black);--border-thin: 1px solid var(--ink-black);--font-swiss: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--font-code: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;--shadow-hard: 16px 16px 0 var(--ink-black)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background-image:linear-gradient(var(--ink-black) 1px,transparent 1px),linear-gradient(90deg,var(--ink-black) 1px,transparent 1px);background-size:20px 20px;background-color:var(--bg-base);background-blend-mode:overlay;color:var(--ink-black);font-family:var(--font-swiss)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:var(--font-code);font-size:.95em}.terminal-app{min-height:100vh;padding:2vw}.app-container{min-height:calc(100vh - 4vw);display:flex;flex-direction:column;border:var(--border-thick);background:var(--bg-base);box-shadow:var(--shadow-hard)}.topbar{display:flex;border-bottom:var(--border-thick);font-family:var(--font-code);font-size:.82rem;text-transform:uppercase;background-color:var(--ink-black);color:var(--paper-white)}.topbar__cell,.topbar__status{padding:12px 20px;display:flex;align-items:center}.topbar__cell{flex:1;border-right:1px solid #444}.topbar__cell--center{justify-content:center}.topbar__status{font-weight:700;background-color:var(--theme-color);color:var(--ink-black)}.topbar__status--processing{background-color:var(--theme-secondary)}.topbar__status--error{background-color:#ff8fab}.topbar__status--success{background-color:var(--theme-color)}.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:24px;padding:4vw 3vw;border-bottom:var(--border-thick);background-color:var(--paper-white)}.hero__accent{position:absolute;right:-8%;top:-18%;width:34vw;height:34vw;border-radius:50%;background-color:var(--theme-color);filter:blur(90px);opacity:.28;pointer-events:none}.hero__content,.hero__side{position:relative;z-index:1}.hero__content{max-width:760px}.hero__eyebrow,.hero__desc,.tool-btn__meta,.panel-header,.field-label{font-family:var(--font-code)}.hero__eyebrow{margin-bottom:14px;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase}.hero__title{margin:0;font-size:clamp(3rem,7vw,6.4rem);font-weight:900;line-height:.84;letter-spacing:-.05em}.hero__title span{color:transparent;-webkit-text-stroke:2px var(--ink-black)}.hero__lead{max-width:680px;margin:22px 0 0;font-size:1.02rem;line-height:1.85}.hero__side{display:flex;align-items:flex-end}.hero__desc{max-width:260px;text-align:right;font-size:.86rem;line-height:1.9}.tool-grid{display:flex;flex-wrap:wrap;gap:1px;border-bottom:var(--border-thick);background-color:var(--bg-base)}.tool-btn{all:unset;position:relative;display:flex;flex:1 1 220px;min-width:220px;flex-direction:column;gap:12px;padding:2vw;background-color:var(--paper-white)}.value-card{min-height:176px;padding:1.5rem 1.75rem;gap:10px}.tool-btn__icon,.tool-btn__name,.value-card__text,.tool-btn__meta{position:relative;z-index:1}.tool-btn__icon{font-size:2rem;font-weight:700}.tool-btn__name{font-size:1.35rem;font-weight:900;text-transform:uppercase}.value-card__name{text-transform:none}.value-card__text{line-height:1.65;font-size:.95rem}.value-card .tool-btn__meta{padding-top:8px}.tool-btn__meta{margin-top:auto;padding-top:16px;font-size:.76rem}.workspace{flex:1;padding:4vw;background-color:var(--paper-white)}.workbench{display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(300px,.92fr);gap:24px;align-items:stretch}.dropzone-panel,.config-panel,.result-panel,.queue-panel{position:relative;overflow:hidden;border:var(--border-thick);background-color:var(--bg-base)}.dropzone-panel.dragover{background-color:var(--theme-color)}.dropzone-panel.processing .scanline{opacity:.45;animation:scan 1.5s infinite linear}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(to bottom,transparent 0%,var(--theme-color) 50%,transparent 100%)}.watermark{position:absolute;left:18px;bottom:18px;font-size:clamp(4rem,9vw,7.5rem);font-weight:900;color:var(--ink-black);opacity:.05;pointer-events:none}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:var(--border-thick);background-color:var(--paper-white);font-size:.82rem;text-transform:uppercase}.panel-header--with-action{flex-wrap:wrap}.panel-header__meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.notes-panel__header{padding:0 0 0 18px}.notes-panel__header .panel-header__meta{flex:1 1 auto;justify-content:space-between;min-width:0;padding:14px 0}.notes-panel__header,.config-panel__header{flex-wrap:nowrap}.panel-body{position:relative;z-index:1;padding:20px}.dropzone-panel .panel-body{min-height:308px;display:flex;flex-direction:column;justify-content:center;gap:16px}.dropzone-message{font-family:var(--font-code);font-size:1.45rem;font-weight:700;line-height:1.4}.dropzone-message span{display:inline-block;margin-bottom:10px;padding:2px 10px;background-color:var(--ink-black);color:var(--theme-color)}.helper-text,.panel-tip,.field-hint,.section-card__header p,.nested-config-card__header p,.empty-hint,.error-meta{font-size:.92rem;line-height:1.7}.hidden-input{display:none}.file-list,.notes-grid,.config-grid,.nested-config-grid{display:grid;gap:16px}.queue-panel .panel-body{padding:16px 18px}.queue-panel .notes-grid{gap:12px}.queue-panel .status-card.compact{padding:10px 12px}.file-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:var(--border-thin);background-color:var(--paper-white)}.file-name{font-weight:700;word-break:break-word}.file-meta{margin-top:6px;font-family:var(--font-code);font-size:.76rem}.file-actions,.action-row,.download-row,.button-group{display:flex;flex-wrap:wrap;gap:10px}.main-btn,.ghost-btn,.mini-btn{border:var(--border-thick);background-color:var(--paper-white);color:var(--ink-black);padding:10px 14px;font-weight:700;text-transform:uppercase}.main-btn.primary{background-color:var(--theme-color)}.ghost-btn{background-color:transparent}.mini-btn{padding:7px 10px;font-size:.78rem}.notes-panel__guide-btn{align-self:stretch;background-color:var(--ink-black);color:var(--paper-white);padding-top:0;padding-bottom:0;border-top:0;border-bottom:0;margin:0}.main-btn:disabled,.ghost-btn:disabled,.mini-btn:disabled{opacity:.5;cursor:not-allowed}.config-panel .panel-body{display:grid;gap:18px}.config-panel{background:linear-gradient(180deg,#ffffffc7,#e8e8e6f5),var(--bg-base)}.config-panel__header{padding:0 0 0 18px}.config-panel__header .panel-header__meta{flex:1 1 auto;justify-content:space-between;min-width:0;padding:14px 0}.config-panel__toggle{align-self:stretch;min-width:118px;margin:0;padding:0 18px;border-top:0;border-bottom:0;background-color:var(--ink-black);color:var(--paper-white)}.config-panel__collapsed-body,.config-panel__content{padding-top:20px;padding-bottom:20px}.config-panel__collapsed-card,.config-panel__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px 22px;background:linear-gradient(135deg,#d6ff3f14,#fffffff5),var(--paper-white)}.config-panel__intro{align-items:start}.config-panel__collapsed-card.is-error,.config-panel__intro.is-error{background:linear-gradient(135deg,#d8003214,#fffffff5),var(--paper-white)}.config-panel__collapsed-copy,.config-panel__intro-copy{display:grid;gap:10px}.config-panel__eyebrow{font-family:var(--font-code);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.config-panel__collapsed-title,.config-panel__intro-title{margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.18}.config-panel__collapsed-desc,.config-panel__intro-desc{margin:0;max-width:760px;font-size:.94rem;line-height:1.75}.config-panel__collapsed-actions,.config-panel__intro-actions{align-items:flex-end;justify-content:flex-end}.config-panel__collapsed-actions>*,.config-panel__intro-actions>*{flex:0 0 auto}.config-panel,.action-panel--full,.result-panel--full{grid-column:1 / -1}.style-switcher,.style-switcher__group{display:grid;gap:12px}.style-switcher__group-title{font-family:var(--font-code);font-size:.78rem;font-weight:700;text-transform:uppercase}.style-switcher__options{display:flex;flex-wrap:wrap;gap:8px}.config-panel .style-switcher{gap:18px}.config-panel .style-switcher__group{gap:10px}.config-panel .style-switcher__group-title{opacity:.7}.config-panel .style-switcher__option{border:0;background-color:#0505050f;color:var(--ink-black);padding:10px 14px;font-weight:700}.config-panel .style-switcher__option.is-active{background-color:var(--ink-black);color:var(--paper-white);box-shadow:none}.config-panel .section-card{display:grid;gap:20px;padding:22px;border:0;background:linear-gradient(180deg,#fffffffc,#f8f8f4f2),var(--paper-white)}.config-panel .section-card__header{display:flex;align-items:end;justify-content:space-between;gap:16px}.config-panel .section-card__header h3,.config-panel .nested-config-card__header h4{margin:0}.config-panel .section-card__header p,.config-panel .nested-config-card__header p{max-width:760px}.nested-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-panel .nested-config-card{display:grid;gap:18px;padding:4px 0 0;border:0;background-color:transparent}.config-panel .nested-config-card--layout{padding:2px 0 0;border:0;background-color:transparent}.config-panel .nested-config-card__header{margin-bottom:0}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.style-grid--footer-page-number,.config-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{display:grid;gap:8px}.field-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.text-input,.select-input{width:100%;border:var(--border-thick);background-color:var(--paper-white);padding:12px 14px}.config-panel .field-group{gap:10px}.config-panel .text-input,.config-panel .select-input{border:var(--border-thin);background-color:#ffffffeb}.config-panel .text-input:focus,.config-panel .select-input:focus{outline:2px solid var(--ink-black);outline-offset:1px}.input-with-suffix{position:relative}.input-with-suffix .text-input{padding-right:56px}.input-suffix{position:absolute;top:50%;right:14px;transform:translateY(-50%);font-family:var(--font-code);font-size:.78rem}.switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.switch-grid--single{grid-template-columns:1fr}.switch-field{display:flex;align-items:center;justify-content:space-between;gap:16px;border:var(--border-thin);padding:12px 14px;background:#fffef9}.config-panel .switch-field{border:0;padding:14px 16px;background:#0505050d}.config-panel__note{border:0;background:linear-gradient(135deg,#d6ff3f24,#fffffff0),var(--paper-white);box-shadow:inset 0 0 0 1px #05050514}.config-panel__message{padding:16px 18px;background:#ffffffe0}.config-panel .status-card.config-panel__message{border:0;box-shadow:inset 0 0 0 1px #0505051f}.config-panel .status-card.error.config-panel__message{box-shadow:inset 0 0 0 1px #d800323d}.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:2px solid var(--ink-black);background-color:#d9d9d9;transition:background-color .2s ease}.switch-slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background-color:var(--ink-black);transition:transform .2s ease}.switch-control input:checked+.switch-slider{background-color:var(--theme-color)}.switch-control input:checked+.switch-slider:after{transform:translate(22px)}.status-card{border:var(--border-thin);background-color:var(--paper-white);padding:14px;line-height:1.8}.status-card strong{display:block;margin-bottom:6px;font-family:var(--font-code);text-transform:uppercase}.status-card.compact{padding:12px 14px}.status-card.error{border-color:var(--danger);color:var(--danger)}.status-card.success{border-color:var(--success)}.support-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;overscroll-behavior:contain}.support-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background-color:#0505058f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.support-modal__panel{position:relative;z-index:1;width:min(100%,720px);max-height:min(calc(100dvh - 48px),760px);display:flex;flex-direction:column;border:var(--border-thick);background-color:var(--bg-base);box-shadow:var(--shadow-hard);overflow:hidden}.support-modal__panel--guide{width:min(100%,980px)}.support-modal__panel .panel-header{position:sticky;top:0;z-index:2;gap:12px}.support-modal__close{flex-shrink:0}.support-card{display:grid;gap:16px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.support-card p{margin:0;line-height:1.75}.support-card .button-group>*{flex:1 1 220px;justify-content:center}.support-card__eyebrow{font-family:var(--font-code);font-size:.8rem;text-transform:uppercase}.support-card__title{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1;letter-spacing:-.03em}.guide-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card__section{display:grid;gap:10px;padding:16px 18px;border:var(--border-thin);background:linear-gradient(135deg,#d6ff3f14,#9ef8ff0d),#fafaf8f5}.guide-card__section h3{margin:0;font-size:1rem}.summary-list{margin:0;padding-left:18px}.summary-list--plain li+li{margin-top:4px}.action-panel .panel-body,.action-panel__body{display:grid;gap:16px}.action-panel{background:linear-gradient(135deg,#d6ff3f14,#9ef8ff14),var(--bg-base)}.action-panel__cta-copy{position:relative;z-index:1;display:grid;gap:10px}.action-panel__eyebrow{font-family:var(--font-code);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.action-panel__cta-desc{margin:0;line-height:1.75;font-size:.94rem}.action-panel__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.92fr);gap:16px}.action-panel__summary{background:linear-gradient(135deg,#d6ff3f12,#ffffffeb),var(--paper-white)}.action-panel__cta{display:grid;gap:16px;padding:16px 18px;border:var(--border-thin);background:linear-gradient(135deg,#d6ff3f1f,#9ef8ff1a),var(--ink-black);color:var(--paper-white)}.action-panel__cta-title{font-size:1.16rem;font-weight:800;line-height:1.35}.action-panel__buttons{align-items:stretch}.action-panel__buttons>*{flex:1 1 180px}.action-panel__buttons .ghost-btn{border-color:var(--paper-white);color:var(--paper-white)}.action-panel__buttons .ghost-btn:disabled{border-color:#fafaf873;color:#fafaf899}.result-panel{background:linear-gradient(135deg,#9ef8ff17,#d6ff3f14),var(--bg-base)}.result-panel__body{min-height:180px;display:grid;gap:16px}.result-panel__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.92fr);gap:16px}.result-panel__summary{display:grid;gap:12px;background:linear-gradient(135deg,#fffffffa,#f6f8f6f0),var(--paper-white)}.result-panel__summary--success{background:linear-gradient(135deg,#d6ff3f1f,#fffffff5),var(--paper-white)}.result-panel__summary--processing{background:linear-gradient(135deg,#9ef8ff1f,#fffffff5),var(--paper-white)}.result-panel__summary--error{border-color:#d8003247;color:var(--danger);background:linear-gradient(135deg,#d8003214,#fffffff5),var(--paper-white)}.result-panel__cta{display:grid;gap:16px;padding:16px 18px;border:var(--border-thin);background:linear-gradient(135deg,#d6ff3f1f,#9ef8ff1a),var(--ink-black);color:var(--paper-white)}.result-panel__cta--success{background:linear-gradient(135deg,#d6ff3f33,#9ef8ff24),var(--ink-black)}.result-panel__cta--error{background:linear-gradient(135deg,#d800323d,#ff8fab1f),var(--ink-black)}.result-panel__cta-copy{display:grid;gap:10px}.result-panel__eyebrow{font-family:var(--font-code);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.result-panel__cta-title{font-size:1.16rem;font-weight:800;line-height:1.35}.result-panel__cta-desc{margin:0;line-height:1.75;font-size:.94rem}.result-panel__meta{font-family:var(--font-code);font-size:.78rem;line-height:1.7;opacity:.9}.result-panel__actions{align-items:stretch}.result-panel__actions>*{flex:1 1 180px}.result-panel__actions .ghost-btn{border-color:var(--paper-white);color:var(--paper-white)}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (max-width: 1200px){.workbench,.style-grid,.nested-config-grid{grid-template-columns:1fr}}@media (max-width: 900px){.hero{flex-direction:column;align-items:flex-start}.support-modal__panel--guide{width:min(100%,760px)}.hero__desc{text-align:left}.topbar{flex-direction:column}.topbar__cell,.topbar__status{border-right:0;border-bottom:1px solid #444}.config-grid--two,.switch-grid,.guide-card__grid,.result-panel__grid,.config-panel__collapsed-card,.config-panel__intro,.action-panel__grid{grid-template-columns:1fr}}@media (max-width: 640px){body{background-image:none}.support-modal{align-items:center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.support-modal__panel{width:100%;max-height:min(calc(100dvh - 16px),760px);box-shadow:10px 10px 0 var(--ink-black)}.support-modal__panel .panel-header{padding:12px 14px}.support-card.panel-body{gap:14px;padding:16px 14px max(16px,env(safe-area-inset-bottom))}.support-card .button-group{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-end}.support-card .button-group>*{flex:0 0 auto;width:auto;min-width:0;height:40px;padding:0 12px}.terminal-app{padding:0}.app-container{min-height:100vh;box-shadow:none}.workspace,.hero,.tool-btn,.panel-body,.section-card,.nested-config-card{padding:16px}.tool-btn{min-width:0}.config-panel__toggle{width:auto;min-width:118px}.config-panel__collapsed-card,.config-panel__intro,.config-panel .section-card{padding:16px}.config-panel .nested-config-card,.config-panel .nested-config-card--layout{padding:0}.config-panel__collapsed-actions>*,.config-panel__intro-actions>*{width:100%}.result-panel__cta{padding:14px}.result-panel__actions>*{width:100%}.action-panel__cta{padding:14px}.action-panel__buttons>*{width:100%}.file-item{grid-template-columns:1fr}.notes-panel__guide-btn{width:auto}}
