:root{--primary: #FF5102;--primary-hover: #E04600;--primary-active: #C23C00;--primary-light: #FFF2EB;--primary-border: #FFD8C7;--secondary: #FF6E36;--secondary-light: #FFF7F2;--text-dark: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--bg-page: #F1F5F9;--surface: #FFFFFF;--surface-alt: #F8FAFC;--border-color: #E2E8F0;--border-focus: #FF5102;--success: #10B981;--success-light: #ECFDF5;--danger: #EF4444;--danger-light: #FEF2F2;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .1), 0 4px 6px -4px rgba(15, 23, 42, .08);--shadow-paper: 0 12px 32px -4px rgba(15, 23, 42, .12), 0 4px 12px -2px rgba(15, 23, 42, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-dark);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.brand-logo-img{height:38px;width:auto;max-width:175px;object-fit:contain;display:block}#header-logo .brand-logo-img{height:34px}#preview-logo .brand-logo-img{height:42px}.app-header{background:var(--surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-container{max-width:1700px;margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.logo-wrapper{display:flex;align-items:center;text-decoration:none}.brand-badge{background:var(--primary-light);color:var(--primary);font-size:.725rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full);border:1px solid var(--primary-border);letter-spacing:.5px;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.save-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--text-muted);padding:.35rem .65rem;background:var(--surface-alt);border-radius:var(--radius-full);border:1px solid var(--border-color);white-space:nowrap}.save-status.saved .status-dot{background-color:var(--success)}.status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--text-muted);display:inline-block;transition:background-color .3s ease;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-family);font-size:.85rem;font-weight:600;padding:.5rem .9rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;touch-action:manipulation}.btn-header-action{padding:.4rem .75rem;font-size:.8rem}.btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--surface-alt);color:var(--text-dark);border-color:#cbd5e1}.btn-outline-danger{background:transparent;color:var(--danger);border-color:#fecaca}.btn-outline-danger:hover{background:var(--danger-light)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#FF6E36 100%);color:#fff;box-shadow:0 4px 12px #ff510240}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);box-shadow:0 6px 16px #ff510259;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-icon{font-size:.95rem;line-height:1}.workspace{max-width:1700px;width:100%;margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;flex:1;align-items:start}.form-panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.panel-header{border-bottom:1px solid var(--border-color);padding-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:1.15rem;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:.5rem}.panel-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.15rem}.form-section{display:flex;flex-direction:column;gap:1.1rem}.section-legend{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.75px;color:var(--primary);display:flex;align-items:center;gap:.4rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.825rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.form-label .required{color:var(--primary)}.input-wrapper{position:relative;display:flex;align-items:center}.form-input,.form-textarea{width:100%;font-family:var(--font-family);font-size:.925rem;color:var(--text-dark);background:var(--surface-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .85rem;transition:all .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-textarea:focus{background:var(--surface);border-color:var(--border-focus);box-shadow:0 0 0 3px #ff510226}.form-textarea{resize:vertical;min-height:85px;line-height:1.45}.pic-textarea{min-height:60px;resize:vertical;line-height:1.4}.form-hint{font-size:.75rem;color:var(--text-muted)}.preview-panel{position:sticky;top:5rem;max-height:calc(100vh - 6.5rem);overflow-y:auto;padding-right:.25rem;display:flex;flex-direction:column;gap:1rem}.preview-panel::-webkit-scrollbar{width:6px}.preview-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.preview-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#e2e8f0;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.preview-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface);padding:.2rem .5rem;border-radius:var(--radius-sm);color:var(--primary);font-weight:700}.paper-sheet{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-paper);border:1px solid #E2E8F0;padding:2.25rem;min-height:800px;display:flex;flex-direction:column;gap:1.5rem;position:relative;max-width:100%;overflow-x:hidden;background-image:radial-gradient(circle at 100% 0%,rgba(255,81,2,.04) 0%,transparent 35%),radial-gradient(circle at 0% 100%,rgba(255,110,54,.03) 0%,transparent 30%)}.doc-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid var(--primary-light);padding-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.doc-brand-group{display:flex;flex-direction:column;gap:.35rem}.doc-title-block{text-align:right}.doc-main-title{font-size:1.35rem;font-weight:800;color:var(--text-dark);letter-spacing:-.3px;line-height:1.2}.doc-sub-title{font-size:.8rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.doc-meta-grid{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-md);padding:.85rem 1.15rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem 1rem}.doc-meta-item{display:flex;flex-direction:column;gap:.2rem}.doc-meta-item.doc-meta-pic{grid-column:1 / -1;border-top:1px dashed var(--primary-border);padding-top:.55rem;margin-top:.1rem}.meta-label{font-size:.725rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.35rem}.meta-value{font-size:.925rem;font-weight:600;color:var(--text-dark);word-break:break-word}.meta-pic-wrapper{margin-top:.1rem}.meta-pic-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.meta-pic-list li{position:relative;padding-left:1.05rem;font-size:.885rem;font-weight:600;color:var(--text-dark);line-height:1.4;word-break:break-word}.meta-pic-list li:before{content:"•";position:absolute;left:.1rem;top:-.05rem;color:var(--primary);font-size:1.2rem;font-weight:800;line-height:1.3}.doc-sections{display:flex;flex-direction:column;gap:1.25rem}.doc-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;page-break-inside:avoid;break-inside:avoid;transition:border-color .2s ease}.doc-card-header{background:#fffbf9;border-bottom:1px solid #FFE4D6;padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between}.doc-card-title{font-size:.9rem;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:.5rem}.doc-card-title .emoji-icon{font-size:1.1rem;line-height:1}.doc-card-body{padding:.9rem 1.1rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6;word-break:break-word}.doc-card-body ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}.doc-card-body p{margin-bottom:.5rem}.doc-card-body p:last-child{margin-bottom:0}.todo-checklist{list-style:none!important;padding-left:0!important;display:flex;flex-direction:column;gap:.4rem}.todo-item{display:flex;align-items:flex-start;gap:.5rem}.todo-bullet{color:var(--primary);font-weight:700}.empty-placeholder{color:var(--text-muted);font-style:italic;font-size:.825rem}.doc-footer{margin-top:auto;border-top:1px dashed var(--border-color);padding-top:1rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted);page-break-inside:avoid;flex-wrap:wrap;gap:.5rem}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-color);padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom,0px)) 1rem;z-index:200;box-shadow:0 -4px 20px #0f172a14;align-items:center;justify-content:space-between;gap:.75rem}.mobile-nav-tabs{display:flex;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.25rem;flex:1;max-width:240px;min-width:150px}.mobile-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .5rem;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.825rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.mobile-nav-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.mobile-pdf-btn{flex:1.2;min-width:130px;max-width:260px;padding:.65rem .85rem;font-size:.875rem;font-weight:700;border-radius:var(--radius-md);white-space:nowrap;box-shadow:0 4px 14px #ff51024d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:250;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-box{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;max-width:420px;width:90%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1rem}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text-dark)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:1024px),(orientation:portrait){.desktop-only{display:none!important}.workspace{grid-template-columns:1fr;padding:1rem 1rem 5.5rem;gap:1rem}.mobile-bottom-bar{display:flex}.tab-hidden-mobile,.form-panel.tab-hidden,.preview-panel.tab-hidden{display:none!important}.preview-panel{position:static;max-height:none;overflow-y:visible;padding-right:0}.grid-3{grid-template-columns:1fr;gap:.75rem}.doc-meta-grid{grid-template-columns:1fr;padding:.75rem}.doc-title-block{text-align:left;margin-top:.5rem}.paper-sheet{padding:1.25rem 1rem;min-height:auto;border-radius:var(--radius-sm)}.form-panel{padding:1.25rem 1rem;border-radius:var(--radius-sm)}.form-input,.form-textarea{font-size:16px;padding:.75rem}}@media(max-width:480px){.header-container{padding:.5rem .75rem}#header-logo .brand-logo-img{height:28px}.save-status{padding:.25rem .5rem;font-size:.7rem}.btn-header-action{padding:.35rem .55rem;font-size:.75rem}.mobile-bottom-bar{padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0px)) .75rem;gap:.5rem}.mobile-nav-tabs{max-width:190px}.mobile-nav-btn{padding:.4rem .35rem;font-size:.775rem}.mobile-pdf-btn{font-size:.8rem;padding:.55rem .65rem}}@media print{body{background:#fff!important;color:#000!important;padding:0!important;margin:0!important}.app-header,.form-panel,.preview-bar,.view-tabs,.modal-overlay,.btn{display:none!important}.workspace{display:block!important;max-width:100%!important;margin:0!important;padding:0!important}.preview-panel{position:static!important;overflow:visible!important;max-height:none!important;padding:0!important;width:100%!important}.paper-sheet{box-shadow:none!important;border:none!important;padding:10mm 12mm!important;width:100%!important;min-height:auto!important;background-image:none!important}.doc-card{border:1px solid #CBD5E1!important;page-break-inside:avoid!important;break-inside:avoid!important;margin-bottom:12px!important}.doc-card-header{background-color:#fff2eb!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.doc-meta-grid{background-color:#fff2eb!important;border:1px solid #FFD8C7!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.doc-meta-item.doc-meta-pic{border-top:1px dashed #FFD8C7!important}.meta-pic-list li:before{color:#ff5102!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.brand-badge{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.pdf-rendering{width:210mm!important;padding:12mm 14mm!important;box-shadow:none!important;border:none!important;border-radius:0!important}.pdf-rendering .doc-card{page-break-inside:avoid!important;break-inside:avoid!important}