.hidden{display:none}.section,.item{page-break-inside:avoid}button{user-select:none;-webkit-user-select:none}button:disabled{cursor:not-allowed;opacity:.6}:root{--mp-bg: #ffffff;--mp-text: #1a1a1a;--mp-text-secondary: #666666;--mp-border: #e5e5e5;--mp-accent: #1a1a1a;--mp-font: inherit;--mp-font-display: inherit;--mp-font-size: 16px;--color-hint: #007aff}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff}.loading-spinner{width:24px;height:24px;border:2px solid #e5e5e5;border-top-color:#333;border-radius:50%;animation:spin .8s linear infinite}.container a{color:inherit;text-decoration:underline;text-decoration-style:dotted}.container a:hover{text-decoration-style:solid}.link-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-left:.3em;opacity:.4;cursor:pointer;vertical-align:middle;transition:opacity .15s}.link-icon:hover{opacity:.8}.link-icon svg{width:100%;height:100%}[contenteditable]{outline:none}.title-wrapper,.header-wrapper,.label-wrapper,.column-wrapper,.name-wrapper,.value-wrapper,.note-wrapper,.footer-wrapper{display:flex;align-items:center}.title-wrapper .title,.header-wrapper .header,.label-wrapper .label,.column-wrapper .column,.name-wrapper .name,.value-wrapper .value,.note-wrapper .note,.footer-wrapper .footer,.tool-btn-wrapper .tool-btn{width:fit-content;height:fit-content;max-width:100%;padding:.2rem .1rem}[contenteditable]:empty:before{content:attr(placeholder);color:var(--color-hint);opacity:.2}.hide-placeholders [contenteditable]:empty:before{content:none}.container:not(.hide-placeholders) [contenteditable]{outline:1px dashed var(--color-hint, #007aff);outline-offset:-1px}[contenteditable]:empty:focus{border-left:none;animation:none}.container.editing{padding-bottom:4rem}.container.editing .tool-btn-wrapper{margin-block:.25rem}.strikethrough{text-decoration:line-through;opacity:.5}.container .color-hint,.container .tool-btn.color-hint{color:var(--color-hint)}.container .tool-btn{margin:0;background:#ffffffd9;font-size:.7em;font-weight:500;cursor:pointer;opacity:.4;transition:opacity .15s,background .15s;border-radius:4px;padding:.1rem .35rem;border:1px solid var(--color-hint, #007aff);color:var(--color-hint, #007aff);z-index:5;position:relative}.container .tool-btn:hover{opacity:.8;background:color-mix(in srgb,var(--color-hint, #007aff) 6%,transparent)}.container .tool-btn:active{opacity:1;background:color-mix(in srgb,var(--color-hint, #007aff) 12%,transparent)}.header-container,.section-header,.value-container,.note-container,.section-container,.section,.footer-container{position:relative}.note-container>.tool-btn-wrapper,.value-container>.tool-btn-wrapper{position:absolute;top:100%;margin-top:1px}.note-container>.tool-btn-wrapper{left:0}.value-container>.tool-btn-wrapper{right:0}.section-header>.tool-btn-wrapper{position:absolute;top:100%;right:0;margin-top:1px}.item-container>.tool-btn-wrapper{position:absolute;bottom:0;left:0}.header-container>.tool-btn-wrapper,.footer-container>.tool-btn-wrapper{position:absolute;top:100%;left:0;margin-top:1px}.section-container>.tool-btn-wrapper{position:absolute;top:100%;left:0;margin-top:1px}.container .copyright{display:flex;flex-direction:column;align-items:center;justify-content:center}.container .copyright .watermark{font-size:.75rem;color:#999;text-decoration:none}.container .copyright .watermark:hover{color:#666;text-decoration:underline}.container .copyright .qr-code{margin-top:2rem;padding:.5rem;background:#fff;border-radius:4px}.container .copyright .qr-code img{display:block}.edit-toggle{position:fixed;top:calc(.75rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;color:#333;font-size:1.1rem;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:background .15s,box-shadow .15s,transform .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-toggle:hover{background:#fff;box-shadow:0 2px 12px #0003;transform:scale(1.05)}.edit-toggle:active{transform:scale(.95)}.edit-toggle.active{background:var(--color-hint, #007aff);color:#fff}.edit-toggle.active:hover{background:color-mix(in srgb,var(--color-hint, #007aff) 85%,black)}.save-status{position:fixed;top:calc(.5rem + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);padding:.4rem 1rem;border-radius:20px;font-size:.75rem;z-index:1000;transition:opacity .3s}.save-status.saving{background:#fff3cd;color:#856404}.save-status.saved{background:#d4edda;color:#155724}.save-status.error{background:#f8d7da;color:#721c24}.fab{display:none;position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;border:none;background:#333;color:#fff;cursor:grab;box-shadow:0 4px 12px #0000004d;z-index:1000;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.fab:hover{background:#555;transform:scale(1.05)}.fab:active{transform:scale(.95)}.fab.dragging{cursor:grabbing}.fab-icon{font-size:1.5rem;line-height:1}.fab-arrow{font-size:.6rem;opacity:.3;transition:opacity .15s,transform .15s;display:block;line-height:1}.fab-arrow.up{margin-bottom:2px}.fab-arrow.down{margin-top:2px}.fab-arrow.active{opacity:1;transform:scale(1.3)}.sheet-right{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100%;background:#fff;box-shadow:-4px 0 20px #00000026;z-index:1001;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.sheet-right.open{transform:translate(0)}.sheet-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1000}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:calc(1rem + env(safe-area-inset-top)) 1rem .75rem 1.5rem;flex-shrink:0}.sheet-brand{font-size:1.1rem;font-weight:600;color:#333;letter-spacing:-.02em}.sheet-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:.5rem}.sheet-close:hover{color:#333}.sheet-content{flex:1;overflow-y:auto;padding:.5rem 0 1rem}.sheet-section{padding:1rem 1.5rem}.sheet-profile{display:flex;align-items:center;gap:.75rem}.sheet-profile-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}.sheet-profile-avatar.placeholder{background:#ddd}.sheet-logout-hint{font-size:.7rem;color:#999;margin:.3rem 0 0;line-height:1.4}.sheet-profile-info{display:flex;flex-direction:column;min-width:0}.sheet-profile-name{font-size:.85rem;font-weight:600;color:#333;line-height:1.3}.sheet-profile-email{font-size:.7rem;color:#999;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-profile-meta{display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.sheet-profile-providers{display:flex;align-items:center;gap:.25rem}.sheet-profile-providers i{font-size:.8rem;color:#888}.sheet-profile-tier{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .35rem;border-radius:4px;line-height:1.4}.sheet-profile-tier.tier-free{background:#f0f0f0;color:#999}.sheet-profile-tier.tier-trial{background:#e8f4fd;color:#3b82f6}.sheet-profile-tier.tier-pro{background:#fef3c7;color:#d97706}.sheet-billing{text-align:center}.sheet-upgrade-btn{width:100%;padding:.6rem 1rem;background:#d97706;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem}.sheet-upgrade-btn:hover{background:#b45309}.sheet-upgrade-btn:disabled{opacity:.6;cursor:not-allowed}.sheet-upgrade-btn .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet-billing-desc{margin:.4rem 0 0;font-size:.7rem;color:#999}.toast-checkout-success{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#059669;color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:600;z-index:9999;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px #00000026;animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-tier-lock{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#475569;color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:600;z-index:9999;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px #00000026;animation:toast-in .3s ease}.tier-badge{font-size:.55rem;font-weight:700;background:#d97706;color:#fff;padding:.05rem .3rem;border-radius:3px;margin-left:.3rem;letter-spacing:.03em;vertical-align:middle}.tier-locked{opacity:.5}.sheet-divider{height:1px;background:#eee;margin:0 1.5rem}.sheet-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 .75rem}.sheet-subtitle{font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.sheet-subsection{margin-top:1rem}.sheet-subsection:first-of-type{margin-top:0}.sheet-menu-list{display:flex;flex-direction:column;gap:.5rem}.sheet-menu-item{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:8px;text-decoration:none;color:#333;font-size:.9rem;font-weight:500;background:#f8f8f8;border:2px solid transparent;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.menu-favicon{width:1em;height:1em;border-radius:3px;flex-shrink:0;overflow:hidden}.menu-favicon img{width:100%;height:100%;object-fit:cover}.sheet-menu-item:hover{background:#eaeaea}.sheet-menu-item.active{border-color:#333;background:#fff}.menu-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.menu-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-slug{font-size:.7rem;color:#999;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-views{margin-left:auto;font-size:.75rem;color:#999;display:flex;align-items:center;gap:.2rem;flex-shrink:0}.sheet-menu-item.add{color:#666;font-size:.85rem;background:none;border:1px dashed #ccc}.sheet-menu-item.add i,.sheet-ai-generate-btn i{font-size:1rem}.sheet-actions{display:flex;flex-direction:column;gap:.5rem}.sheet-action{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;background:#f5f5f5;border:none;cursor:pointer;text-align:left;font-size:.9rem;color:#333;width:100%;transition:background .15s}.sheet-action i{font-size:1.1rem;color:#666}.sheet-action:hover{background:#ebebeb}.sheet-action:active{background:#e0e0e0}.sheet-toggle{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;cursor:pointer}.sheet-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:24px;background:var(--toggle-bg, rgba(0, 0, 0, .15));border-radius:12px;position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0}.sheet-toggle input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--toggle-knob, #fff);border-radius:50%;transition:transform .2s ease,background .2s ease;box-shadow:0 1px 3px #0003}.sheet-toggle input[type=checkbox]:checked{background:var(--toggle-bg-checked, #34c759)}.sheet-toggle input[type=checkbox]:checked:before{transform:translate(20px);background:var(--toggle-knob-checked, #fff)}.sheet-toggle-text{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--toggle-text, #333)}.sheet-toggle-text i{font-size:1.1rem;color:#666}.sheet-template-list{display:flex;flex-direction:column;gap:.5rem}.sheet-template-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;border-radius:8px;background:#f8f8f8;border:2px solid transparent;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.sheet-template-item:hover{background:#f0f0f0}.sheet-template-item.active{border-color:#333;background:#fff}.sheet-template-name{font-size:.9rem;font-weight:500;color:#333}.sheet-template-desc{font-size:.75rem;color:#888}.sheet-template-row{display:flex;align-items:center;gap:.25rem}.sheet-template-row .sheet-template-item{flex:1}.sheet-template-settings{padding:.5rem;background:none;border:none;cursor:pointer;color:#999;font-size:.85rem;border-radius:6px;transition:background .15s,color .15s}.sheet-template-settings:hover{background:#0000000d;color:#666}.template-settings-modal .modal-content{max-height:60vh;overflow-y:auto}.ts-section{margin-bottom:1.25rem}.ts-section:last-child{margin-bottom:0}.ts-section-title{font-size:.8rem;font-weight:600;color:#666;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.ts-color-grid{display:flex;flex-direction:column;gap:.5rem}.ts-color-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ts-color-label{font-size:.85rem;color:#555;min-width:5rem}.ts-color-input-group{display:flex;align-items:center;gap:.5rem}.ts-color-input-group input[type=color]{width:2rem;height:2rem;padding:0;border:1px solid #ddd;border-radius:4px;cursor:pointer;background:none}.ts-color-hex{font-size:.75rem;color:#999;font-family:monospace;min-width:4rem}.ts-color-reset{background:none;border:none;cursor:pointer;color:#ccc;font-size:1rem;padding:0 .25rem;line-height:1}.ts-color-reset:hover{color:#999}.ts-bg-preview{position:relative;display:inline-block;margin-bottom:.5rem}.ts-bg-preview img{max-width:100%;max-height:120px;border-radius:6px;border:1px solid #eee}.ts-bg-remove{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;cursor:pointer;font-size:.85rem;line-height:1}.ts-bg-mode{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.ts-bg-mode-btns{display:flex;gap:.25rem}.ts-bg-mode-btn{padding:.35rem .65rem;font-size:.75rem;border:1px solid #ddd;background:#f8f8f8;border-radius:4px;cursor:pointer;color:#666;transition:all .15s}.ts-bg-mode-btn.active{border-color:#333;background:#333;color:#fff}.ts-bg-fixed{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;cursor:pointer}.ts-bg-fixed input[type=checkbox]{margin:0}.bottom-controls{position:fixed;right:max(1.5rem,env(safe-area-inset-right));bottom:max(2rem,calc(env(safe-area-inset-bottom) + .5rem));display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:900;user-select:none;-webkit-user-select:none}.section-nav{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem;cursor:grab;user-select:none;-webkit-user-select:none}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-btn{width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 8px #0000001a;transition:background .2s,transform .2s}.action-btn:hover{background:#f5f5f5;transform:scale(1.05)}.action-btn:active{transform:scale(.95)}.menu-btn-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.section-nav:active{cursor:grabbing}.section-nav-dot{position:relative;width:8px;height:8px;border-radius:50%;border:none;background:#ccc;cursor:pointer;padding:0;transition:background .2s,transform .2s}.section-nav-dot:hover{background:#999;transform:scale(1.3)}.section-nav-dot.active{background:#333;transform:scale(1.5)}.section-nav-dot.target{background:#666;transform:scale(1.8)}.section-nav-endpoint.target{border-color:#666;transform:scale(1.8)}.section-nav-endpoint{background:transparent;border:1px solid #ccc}.section-nav-endpoint:hover{border-color:#999;background:transparent}.section-nav-label{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;color:#666;font-family:Georgia,Times New Roman,serif;font-size:.75rem;font-style:italic;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.section-nav.dragging .section-nav-label{opacity:1}.section-nav.dragging .section-nav-dot.active .section-nav-label,.section-nav.dragging .section-nav-dot.target .section-nav-label{font-weight:600;font-size:.85rem}.desktop-only{display:none}@media (min-width: 744px){.desktop-only{display:flex}}.search-nav-btn{width:auto;height:auto;flex-direction:column;gap:.1rem;padding:.5rem;touch-action:none;border-radius:22px}.nav-btn-arrow{font-size:.75rem;line-height:1}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;overscroll-behavior:none;touch-action:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:360px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0000001f;z-index:2001;overflow:hidden}.modal-header{padding:1.25rem 1.5rem .75rem}.modal-title{font-size:1.1rem;font-weight:600;color:#000;margin:0;text-align:center}.modal-content{padding:.5rem 1.5rem 1rem}.modal-field{margin-bottom:1rem}.modal-field:last-child{margin-bottom:0}.modal-label{display:block;font-size:.75rem;font-weight:500;color:#666;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.modal-input{width:100%;padding:.65rem .85rem;font-size:.95rem;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#fff9;color:#000;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.modal-input:focus{border-color:#00000040;background:#ffffffe6}.modal-input:disabled{color:#999;background:#00000008}.modal-input::placeholder{color:#0003}.favicon-field{display:flex;align-items:center;gap:.75rem}.favicon-preview{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.favicon-remove{width:24px;height:24px;border:none;border-radius:50%;background:#ff3b301a;color:#ff3b30;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.favicon-upload{padding:.5rem 1rem;font-size:.85rem;border:1px dashed rgba(0,0,0,.2);border-radius:8px;color:#666;cursor:pointer;transition:border-color .15s,color .15s}.favicon-upload:hover{border-color:#0006;color:#333}.modal-hint{font-size:.7rem;color:#999;margin:.4rem 0 0}.modal-actions{display:flex;gap:.5rem;align-items:center;padding:1rem 1.5rem 1.25rem;border-top:1px solid rgba(0,0,0,.06)}.modal-btn-right{margin-left:auto}.modal-btn{padding:.55rem 1rem;font-size:.9rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .15s,opacity .15s}.modal-btn.cancel{background:#0000000f;color:#333}.modal-btn.cancel:hover{background:#0000001a}.modal-btn.save{background:#007aff;color:#fff}.modal-btn.save:hover{opacity:.85}.modal-btn.delete{background:transparent;color:#ff3b30}.modal-btn.delete:hover{background:#ff3b301a}.modal-btn.duplicate{background:transparent;color:#007aff}.modal-btn.duplicate:hover{background:#007aff1a}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-close{width:32px;height:32px;font-size:20px;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0006;transition:background .15s;flex-shrink:0}.modal-close:hover{background:#0000000d}.search-modal,.history-modal,.import-modal,.export-modal{top:10%;transform:translate(-50%);max-height:70vh;max-height:70dvh;max-height:calc(var(--vvh, 100vh) * .7);max-width:400px;display:flex;flex-direction:column}.search-modal .modal-header,.history-modal .modal-header,.import-modal .modal-header,.export-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.search-modal .modal-title,.history-modal .modal-title,.import-modal .modal-title,.export-modal .modal-title{text-align:left}.search-modal .modal-content,.history-modal .modal-content,.export-modal .modal-content{flex:1;overflow-y:auto;max-height:calc(70vh - 60px);max-height:calc(70dvh - 60px);max-height:calc(var(--vvh, 100vh) * .7 - 60px);padding:0}.search-modal .modal-header{gap:10px}.html-modal{max-width:500px}.html-textarea{width:100%;min-height:200px;padding:.75rem;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.85rem;line-height:1.5;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff9;color:#000;outline:none;resize:vertical;box-sizing:border-box}.html-textarea:focus{border-color:#00000040;background:#ffffffe6}.search-input{flex:1;padding:12px 16px;font-size:16px;font-family:inherit;background:#0000000d;border:none;border-radius:10px;color:#000;outline:none}.search-input::placeholder{color:#0006}.search-item{width:100%;padding:14px 20px;cursor:pointer;background:none;border:none;border-bottom:1px solid rgba(0,0,0,.05);text-align:left;transition:background .15s}.search-item:hover{background:#0000000d}.search-item:active{background:#00000014}.search-item.section-link.active{background:#0000000f;font-weight:600}.search-item-primary{font-size:16px;font-weight:500;margin-bottom:2px}.search-item-secondary{font-size:13px}.search-empty{padding:40px 20px;text-align:center;color:#0006;font-size:14px}.history-item{width:100%;padding:14px 20px;cursor:pointer;background:none;border:none;border-bottom:1px solid rgba(0,0,0,.05);text-align:left;transition:background .15s}.history-item:hover{background:#0000000d}.history-item:active{background:#00000014}.history-item-primary{font-size:16px;font-weight:500;margin-bottom:2px}.history-item-changes{margin-top:4px}.history-change-line{font-size:13px;color:#00000080;line-height:1.5}.history-empty{padding:40px 20px;text-align:center;color:#0006;font-size:14px}.sheet-menu-row{display:flex;align-items:center;gap:.25rem}.sheet-menu-row .sheet-menu-item{flex:1}.sheet-menu-settings{padding:.5rem;background:none;border:none;cursor:pointer;color:#999;font-size:.85rem;border-radius:6px;transition:background .15s,color .15s}.sheet-menu-settings:hover{background:#0000000d;color:#666}.editor-toolbar{position:absolute;display:flex;gap:2px;padding:2px;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:6px;z-index:1000}.editor-toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .15s}.editor-toolbar-btn:hover{background:#00000014}.editor-toolbar-btn:active{background:#0000001f}.editor-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.editor-toolbar-btn.delete-img{color:#ff3b30}.uploading-spinner{width:12px;height:12px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin .8s linear infinite}.editable-image{max-width:100%;cursor:pointer}.title-wrapper.has-image .title,.header-wrapper.has-image .header,.label-wrapper.has-image .label,.column-wrapper.has-image .column,.name-wrapper.has-image .name,.value-wrapper.has-image .value,.note-wrapper.has-image .note,.footer-wrapper.has-image .footer,.has-image .link-icon,.has-html .link-icon,.title-wrapper.has-html .title,.header-wrapper.has-html .header,.label-wrapper.has-html .label,.column-wrapper.has-html .column,.name-wrapper.has-html .name,.value-wrapper.has-html .value,.note-wrapper.has-html .note,.footer-wrapper.has-html .footer{display:none}.editable-html{cursor:pointer}.editable-html svg{max-width:100%;height:auto}.container-wrapper{overflow-x:hidden;font-size:var(--mp-font-size, 16px)}.start-cta{position:fixed;bottom:max(2rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:.75rem 1.75rem;font-size:1rem;font-weight:600;color:#fff;background:#000;border:none;border-radius:20px;cursor:pointer;z-index:900;box-shadow:0 2px 8px #00000026;transition:background .15s,transform .15s}.start-cta:hover{background:#333;transform:translate(-50%) scale(1.03)}.start-cta:active{transform:translate(-50%) scale(.97)}.import-modal{max-width:480px}.import-modal .modal-content{flex:1;overflow-y:auto;max-height:calc(70vh - 60px);padding:.75rem 1rem}.import-body{display:flex;flex-direction:column;gap:.75rem}.import-drop{position:relative;border:2px dashed #ddd;border-radius:8px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.import-drop.dragover{border-color:#333;background:#f8f8f8}.import-drop-text{margin:0;font-size:.9rem;color:#333}.import-drop-hint{margin:.25rem 0 0;font-size:.75rem;color:#999}.import-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.import-file-name{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:#333}.import-file-remove{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:0;line-height:1}.import-file-list{display:flex;flex-direction:column;gap:.25rem}.import-file-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;background:#f5f5f5;border-radius:6px;font-size:.8rem}.import-file-item-name{color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.import-divider{text-align:center;font-size:.75rem;color:#999;position:relative}.import-divider:before,.import-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 1rem);height:1px;background:#eee}.import-divider:before{left:0}.import-divider:after{right:0}.import-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.85rem;font-family:inherit;resize:vertical;box-sizing:border-box}.import-textarea:disabled{opacity:.4}.import-error{font-size:.8rem;color:#ff3b30;padding:.5rem 0}.import-submit{width:100%;padding:.75rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.import-submit:hover:not(:disabled){background:#333}.import-submit:disabled{opacity:.4;cursor:not-allowed}.import-preview{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f8f8f8;border-radius:8px}.import-preview-summary{font-size:.9rem;font-weight:600;color:#333}.import-preview-item{font-size:.8rem;color:#666}.import-preview-section{display:flex;justify-content:space-between;font-size:.85rem;color:#333;padding:.25rem 0}.import-preview-count{color:#999;font-size:.8rem}.import-actions{display:flex;gap:.5rem}.import-btn{flex:1;padding:.6rem;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s}.import-btn:first-child{background:#000;color:#fff;border-color:#000}.import-btn:first-child:hover{background:#333}.import-btn:hover{background:#f5f5f5}.import-btn.cancel{color:#999}.export-modal{max-width:360px}@media print{.bottom-controls,.sheet-right,.sheet-backdrop,.save-status,.edit-toggle,.start-cta,.editor-toolbar,.tool-btn,.tool-btn-wrapper,.tool,.modal-backdrop,.modal,.sheet-info{display:none!important}[contenteditable]:empty:before{content:none!important}[contenteditable]{outline:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.container,.container *{box-shadow:none!important;text-shadow:none!important}.container{padding-bottom:2rem!important;max-width:100%!important}.container-wrapper{min-height:auto!important;overflow:visible!important}.section,.item{break-inside:avoid}@page{margin:12mm 10mm}}.sheet-search{width:100%;padding:.6rem .9rem .6rem 2rem;border:none;border-radius:8px;font-size:.8rem;outline:none;background:#f3f3f3;margin-bottom:.5rem;box-sizing:border-box;transition:background .15s,box-shadow .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.7rem center}.sheet-search::placeholder{color:#aaa}.sheet-search:focus{background-color:#efefef;box-shadow:0 0 0 2px #0000000d}.sheet-template-badge{display:inline-block;font-size:.6rem;padding:.1rem .35rem;border-radius:3px;background:#e8f0fe;color:#1a73e8;margin-left:.4rem;vertical-align:middle;font-weight:500}.sheet-template-private{font-size:.65rem;margin-left:.25rem;vertical-align:middle;opacity:.4}.sheet-template-edit,.sheet-template-delete{background:none;border:none;cursor:pointer;font-size:.75rem;padding:.2rem .3rem;opacity:.4;transition:opacity .15s;flex-shrink:0}.sheet-template-edit:hover,.sheet-template-delete:hover{opacity:.9}.sheet-template-delete:hover{color:#ff3b30}.sheet-ai-generate-btn{width:100%;padding:.55rem;border:1px dashed #ccc;border-radius:6px;background:none;cursor:pointer;font-size:.8rem;color:#666;transition:all .15s;margin-top:.5rem}.sheet-ai-generate-btn:hover{border-color:#999;color:#333;background:#fafafa}.template-edit-modal .modal-content{max-height:70vh;overflow-y:auto}.template-css-textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-family:monospace;font-size:.75rem;line-height:1.4;resize:vertical;box-sizing:border-box;background:#1e1e1e;color:#d4d4d4}.ai-generate-modal .modal-content{max-height:70vh;overflow-y:auto}.ai-description-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.85rem;resize:vertical;box-sizing:border-box}.ai-reference-select{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.85rem;background:#fff}.ai-generating{text-align:center;padding:2rem;color:#666;font-size:.85rem}.ai-result-field{margin-bottom:.75rem}.ai-result-field label{display:block;font-size:.75rem;color:#666;margin-bottom:.25rem}.ai-menu-diff-summary{display:flex;gap:.75rem;margin-top:.5rem}.diff-stat{display:inline-block;padding:.25rem .6rem;background:#f0f0f0;border-radius:4px;font-size:.8rem;color:#333}.ts-font-size-row{display:flex;align-items:center;gap:.75rem}.ts-font-size-row input[type=range]{flex:1;accent-color:#333}.ts-font-size-value{font-size:.75rem;color:#666;min-width:3em;text-align:right}.ai-image-upload{display:inline-block;padding:.5rem 1rem;border:1px dashed #ccc;border-radius:6px;cursor:pointer;font-size:.8rem;color:#666;transition:all .15s}.ai-image-upload:hover{border-color:#999;color:#333}.ai-image-preview{position:relative;display:inline-block;max-width:100%}.ai-image-preview img{max-width:100%;max-height:150px;border-radius:6px;object-fit:contain}.ai-image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
