*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fff}.main-header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;border-bottom:1px solid #eaeaea;background:#fff}.logo-text{color:#2ab573;font-size:22px;margin:0;font-weight:800}.header-nav{display:flex;gap:20px;font-size:14px;color:#666}.header-nav span{cursor:pointer}.header-nav span:hover{color:#2ab573}.upload-container{display:flex;flex-direction:column;height:100vh}.upload-main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.upload-main h2{font-size:42px;margin:0 0 15px;color:#333;font-weight:800}.upload-main p{color:#888;margin:0 0 35px;font-size:18px}.upload-button{background-color:#2ab573;color:#fff;padding:16px 40px;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;border:none}.upload-button:hover{background-color:#249961}.upload-subtext{margin-top:20px;color:#2ab573;font-size:14px;cursor:pointer}.upload-footer{text-align:center;padding:20px;color:#2ab573;font-size:12px}.app-container{display:flex;flex-direction:column;height:100vh}.editor-workspace{display:flex;flex-direction:column;flex:1;overflow:hidden}.canvas-wrapper{flex:1;overflow:auto;padding:40px;background:#ececec;display:flex;justify-content:center;align-items:flex-start}.pdf-page-container{background:#fff;box-shadow:0 4px 15px #00000026}.custom-toolbar{display:flex;align-items:center;background-color:#f1f3f4;padding:6px 16px;border-radius:24px;box-shadow:0 1px 2px #0000001a;margin:10px;gap:8px;-webkit-user-select:none;user-select:none}.toolbar-section{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:20px;background-color:#dadce0;margin:0 8px}.font-select{background:#e8eaed;border:none;padding:6px 12px;border-radius:4px;font-family:inherit;font-size:14px;color:#3c4043;cursor:pointer;outline:none}.font-select:hover{background:#f1f3f4;box-shadow:inset 0 0 0 1px #dadce0}.size-group{background:transparent;border-radius:4px;display:flex;align-items:center}.size-display{width:36px;text-align:center;font-size:14px;color:#3c4043;border:1px solid #dadce0;background:#fff;padding:4px 0;border-radius:4px;margin:0 4px}.icon-btn{background:transparent;border:none;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#444746;font-size:16px}.icon-btn:hover{background:#e1e5ea}.font-bold{font-weight:700}.font-italic{font-style:italic;font-family:serif}.font-underline{text-decoration:underline}.font-color{position:relative;font-weight:700;flex-direction:column;padding-bottom:2px}.color-indicator{width:16px;height:4px;background-color:#000;margin-top:2px}.color-picker-wrapper{position:relative}.color-palette-popover{position:absolute;top:40px;left:0;background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026;z-index:1000;width:240px}.palette-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:12px}.color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer}.color-swatch:hover{transform:scale(1.2);border-color:#000}.palette-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#333;border-top:1px solid #eee;padding-top:8px}.custom-icons span{font-size:16px;cursor:pointer;margin-left:8px}.image-add-btn{margin:0;padding:0}.toolbar-dropdown{position:relative;display:flex}.toolbar-popover{position:absolute;top:40px;left:0;background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:12px;box-shadow:0 8px 24px #0000002e;z-index:1001}.toolbar-popover-title{font-size:12px;font-weight:700;color:#5f6368;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shape-popover{width:172px}.shape-option{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e2e2;border-radius:6px;cursor:pointer;color:#444746;transition:all .15s ease}.shape-option:hover{background:#f1f3f4;border-color:#1a73e8;color:#1a73e8}.table-popover{width:132px}.table-picker{display:flex;flex-direction:column;gap:2px}.table-picker-row{display:flex;gap:2px}.table-picker-cell{width:18px;height:18px;border:1px solid #c5c9cd;border-radius:2px;cursor:pointer;transition:background .1s ease,border-color .1s ease}.table-picker-cell:hover{border-color:#1a73e8}.table-picker-cell.active{background:#1a73e8;border-color:#1a73e8}.table-picker-hint{margin-top:8px;font-size:12px;color:#5f6368;min-height:16px}.download-btn{background-color:#2ab573;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color .2s ease}.submit-btn{background-color:#1a73e8;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color .2s ease}.submit-btn:hover{background-color:#1557b0}.download-btn{background-color:#2ab573;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color .2s ease;display:inline-block}.download-btn:hover{background-color:#249961}.custom-color-popover{position:absolute;top:40px;left:0;background:#fff;border:1px solid #ccc;border-radius:8px;padding:16px;box-shadow:0 4px 16px #0003;z-index:1000;width:280px;display:flex;flex-direction:column;gap:16px}.custom-gradient-box{width:100%;height:140px;border-radius:6px;position:relative;background-image:linear-gradient(to bottom,transparent,black),linear-gradient(to right,white,transparent)}.invisible-native-picker{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-tools-row{display:flex;align-items:center;gap:12px}.color-preview-circle{width:32px;height:32px;border-radius:50%;border:1px solid #ccc;position:relative;overflow:hidden}.eyedropper-btn{width:32px;height:32px;border:1px solid #ccc;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555}.eyedropper-btn:hover{background:#f1f3f4}.hue-slider-fake{flex:1;height:12px;border-radius:12px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative}.custom-inputs-row{display:flex;gap:8px}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:11px;color:#666;font-weight:600}.input-group input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:13px;font-family:inherit;outline:none}.input-group input:focus{border-color:#1a73e8}.hex-group{flex:2}.rgb-group{flex:1}.custom-actions-row{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.btn-cancel{background:#fff;border:1px solid #ccc;color:#1a73e8;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px}.btn-cancel:hover{background:#f8f9fa}.btn-ok{background:#1a73e8;border:none;color:#fff;padding:8px 24px;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px}.btn-ok:hover{background:#1557b0}.hero-section{text-align:center;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:60px;animation:fadeIn .6s ease-out}.hero-section h2{font-size:52px;margin:0;color:#111827;font-weight:800;line-height:1.1}.hero-section .subtitle{color:#4b5563;margin:0;font-size:20px}.privacy-badge{display:inline-flex;align-items:center;gap:10px;background:#ecfdf5;color:#065f46;padding:12px 24px;border-radius:999px;border:1px solid #a7f3d0;font-size:14px;line-height:1.5;text-align:left;margin:10px 0}.upload-button.large{padding:18px 48px;border-radius:12px;font-size:20px;box-shadow:0 4px 6px -1px #2ab5734d,0 2px 4px -1px #2ab57333}.upload-button.large:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #2ab57366,0 4px 6px -2px #2ab57333}.feedback-form-container{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003;width:100%;max-width:500px;text-align:center;border:1px solid #f3f4f6;margin-top:20px}.feedback-form-container h3{margin-top:0;margin-bottom:24px;color:#1f2937;font-size:22px}.feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-form textarea{width:100%;min-height:120px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:15px;resize:vertical;transition:border-color .2s ease}.feedback-form textarea:focus{border-color:#2ab573;outline:none}.feedback-form button{background:#1f2937;color:#fff;padding:16px;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:background .2s}.feedback-form button:hover{background:#111827}.admin-container{min-height:100vh;background:#f3f4f6}.admin-main{padding:48px;max-width:1000px;margin:0 auto}.stat-cards{display:flex;gap:24px;margin-bottom:40px}.card{flex:1;background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;text-align:center;border-top:4px solid #2ab573}.card h3{color:#6b7280;margin-top:0;font-size:18px;text-transform:uppercase;letter-spacing:1px}.stat-number{font-size:64px;font-weight:800;color:#111827;margin:10px 0 0}.feedback-section{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.feedback-section h3{margin-top:0;color:#111827;border-bottom:1px solid #e5e7eb;padding-top:16px}.feedback-section ul{list-style:none;padding:0;margin:0}.feedback-section li{padding:16px 0;border-bottom:1px solid #f3f4f6;color:#4b5563;line-height:1.6}.btn-outline{background:transparent;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.btn-outline:hover{background:#f3f4f6}.edit-text-floating-btn,.edit-sig-floating-btn{position:absolute;z-index:50;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;cursor:pointer;font-weight:700;box-shadow:0 4px 12px #0000002e;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.edit-text-floating-btn{width:30px;height:30px;padding:0;border:none;color:#fff;background:#2ab573}.edit-text-floating-btn:hover{background:#249961;transform:translateY(-1px)}.edit-sig-floating-btn{padding:6px 14px;border:none;font-size:12px;color:#fff;background:#1a73e8}.edit-sig-floating-btn:hover{background:#1557b0;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.modal-card{background:#fff;border-radius:16px;box-shadow:0 20px 45px #00000040;width:100%;max-width:420px;margin:16px;padding:28px}.modal-card h3{margin:0 0 20px;font-size:20px;color:#111827}.modal-input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.modal-input:focus{border-color:#2ab573;box-shadow:0 0 0 3px #2ab5732e}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.doc-structure-panel{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border-bottom:1px solid #e5e7eb;overflow-x:auto;white-space:nowrap}.doc-structure-title{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.doc-structure-list{display:flex;gap:8px}.doc-chip{flex-shrink:0;padding:4px 10px;border-radius:999px;border:1px solid;font-size:12px;cursor:pointer;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease;background:#fff}.doc-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.doc-chip-table{border-color:#bfdbfe;color:#1d4ed8;background:#eff6ff}.doc-chip-table:hover{background:#dbeafe}.doc-chip-paragraph{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}.doc-chip-paragraph:hover{background:#dcfce7}.zoom-viewport{display:flex;flex-direction:column;align-items:center;transform-origin:50% 0%;will-change:transform}.zoom-controls{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid #dadce0;border-radius:999px;box-shadow:0 4px 14px #0000002e;font-family:inherit}.zoom-btn{width:28px;height:28px;border:none;border-radius:50%;background:#f1f3f4;color:#3c4043;font-size:16px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.zoom-btn:hover:not(:disabled){background:#dadce0}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-pct{min-width:46px;text-align:center;font-size:12px;font-weight:700;color:#3c4043;-webkit-user-select:none;user-select:none}.zoom-reset{font-size:11px;font-weight:700;width:auto;padding:0 10px;border-radius:999px}.table-size-label{font-size:11px;font-weight:700;color:#6b7280;margin-left:4px}.table-size-val{min-width:20px;text-align:center;font-size:13px;font-weight:700;color:#3c4043;-webkit-user-select:none;user-select:none}.table-divider{width:1px;height:18px;background:#dadce0;margin:0 6px}.help-guide{position:relative;z-index:3000;margin-left:auto;margin-right:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.help-guide__tab{position:relative;padding:8px 12px;font-size:13px;font-weight:600;color:#1a73e8;background:#fff;border:1px solid #dadce0;border-radius:6px;cursor:pointer;box-shadow:0 1px 2px #00000014;transition:background-color .15s ease,color .15s ease}.help-guide__tab:hover{background:#f1f5f9}.help-guide__panel{position:absolute;top:100%;right:0;width:300px;max-height:70vh;overflow-y:auto;background:#fff;border:1px solid #dadce0;border-radius:6px;box-shadow:0 6px 18px #0000001f;display:flex;flex-direction:column}.help-guide__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e8eaed}.help-guide__title{font-size:14px;font-weight:700;color:#202124}.help-guide__close{padding:4px 6px;font-size:13px;color:#5f6368;background:transparent;border:none;cursor:pointer;line-height:1}.help-guide__close:hover{color:#202124}.help-guide__content{padding:12px}.help-guide__section{margin:10px 0 6px;font-size:13px;font-weight:600;color:#202124}.help-guide__content ul{margin:0 0 6px;padding-left:18px}.help-guide__content li{margin:3px 0;font-size:12.5px;color:#3c4043;line-height:1.4}.help-guide__note{margin:10px 0 0;font-size:12px;color:#5f6368;font-style:italic}