.hidden{display:none}.section,.item{page-break-inside:avoid}.search-focus{outline:2px solid var(--color-hint, #007aff);outline-offset:4px;border-radius:4px;animation:search-focus-pulse 2s ease-in-out infinite}.search-focus-out{outline:2px solid var(--color-hint, #007aff);outline-offset:4px;border-radius:4px;animation:search-focus-fade .6s ease-out forwards}@keyframes search-focus-pulse{0%,to{outline-color:var(--color-hint, #007aff)}50%{outline-color:color-mix(in srgb,var(--color-hint, #007aff) 40%,transparent)}}@keyframes search-focus-fade{0%{outline-color:var(--color-hint, #007aff)}to{outline-color:transparent}}@media (prefers-reduced-motion: reduce){.search-focus{animation:none;outline-style:solid}.search-focus-out{animation:none;outline-color:transparent}}button{user-select:none;-webkit-user-select:none}button:disabled{cursor:not-allowed;opacity:.6}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--mp-bg, #ffffff)}.loading-spinner{width:24px;height:24px;border:2px solid var(--mp-border, #e5e5e5);border-top-color:var(--mp-text, #1a1a1a);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:color-mix(in srgb,var(--mp-bg, #ffffff) 85%,transparent);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:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);text-decoration:none}.container .copyright .watermark:hover{color:var(--mp-text-secondary, #666666);text-decoration:underline}.container .copyright .qr-code{margin-top:2rem;padding:.5rem;background:var(--mp-bg, #ffffff);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:color-mix(in srgb,var(--mp-bg, #ffffff) 90%,transparent);color:var(--mp-text, #1a1a1a);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:var(--mp-bg, #ffffff);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:var(--mp-text, #1a1a1a);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:var(--mp-text-secondary, #666666);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:var(--mp-bg, #ffffff);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:var(--mp-text, #1a1a1a);letter-spacing:-.02em}.sheet-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);padding:.5rem}.sheet-close:hover{color:var(--mp-text, #1a1a1a)}.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:var(--mp-border, #e5e5e5)}.sheet-logout-hint{font-size:.7rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);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:var(--mp-text, #1a1a1a);line-height:1.3}.sheet-profile-email{font-size:.7rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);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:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent)}.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:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent)}.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:var(--mp-border, #e5e5e5);margin:0 1.5rem}.sheet-legal{padding:.75rem 1.5rem 1.5rem}.sheet-legal-links{display:flex;align-items:center;gap:.5rem;justify-content:center}.sheet-legal-link{font-size:.75rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);text-decoration:none}.sheet-legal-link:hover{color:var(--mp-text-secondary, #666666);text-decoration:underline}.sheet-legal-sep{font-size:.7rem;color:var(--mp-border, #e5e5e5)}.sheet-title{font-size:1rem;font-weight:600;color:var(--mp-text, #1a1a1a);margin:0 0 .75rem}.sheet-subtitle{font-size:.75rem;font-weight:600;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);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:var(--mp-text, #1a1a1a);font-size:.9rem;font-weight:500;background:color-mix(in srgb,var(--mp-text, #1a1a1a) 4%,var(--mp-bg, #ffffff));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:color-mix(in srgb,var(--mp-text, #1a1a1a) 8%,var(--mp-bg, #ffffff))}.sheet-menu-item.active{border-color:var(--mp-text, #1a1a1a);background:var(--mp-bg, #ffffff)}.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:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-views{margin-left:auto;font-size:.75rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);display:flex;align-items:center;gap:.2rem;flex-shrink:0}.sheet-menu-item.add{color:var(--mp-text-secondary, #666666);font-size:.85rem;background:none;border:1px dashed var(--mp-border, #e5e5e5)}.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:color-mix(in srgb,var(--mp-text, #1a1a1a) 4%,var(--mp-bg, #ffffff));border:none;cursor:pointer;text-align:left;font-size:.9rem;color:var(--mp-text, #1a1a1a);width:100%;transition:background .15s}.sheet-action i{font-size:1.1rem;color:var(--mp-text-secondary, #666666)}.sheet-action:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 8%,var(--mp-bg, #ffffff))}.sheet-action:active{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 12%,var(--mp-bg, #ffffff))}.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:var(--mp-text-secondary, #666666)}.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:color-mix(in srgb,var(--mp-text, #1a1a1a) 4%,var(--mp-bg, #ffffff));border:2px solid transparent;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.sheet-template-item:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 6%,var(--mp-bg, #ffffff))}.sheet-template-item.active{border-color:var(--mp-text, #1a1a1a);background:var(--mp-bg, #ffffff)}.sheet-template-name{font-size:.9rem;font-weight:500;color:var(--mp-text, #1a1a1a)}.sheet-template-desc{font-size:.75rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent)}.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:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);font-size:.85rem;border-radius:6px;transition:background .15s,color .15s}.sheet-template-settings:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent);color:var(--mp-text-secondary, #666666)}.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:var(--mp-text-secondary, #666666);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:var(--mp-text-secondary, #666666);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 var(--mp-border, #e5e5e5);border-radius:4px;cursor:pointer;background:none}.ts-color-hex{font-size:.75rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);font-family:monospace;min-width:4rem}.ts-color-reset{background:none;border:none;cursor:pointer;color:var(--mp-border, #e5e5e5);font-size:1rem;padding:0 .25rem;line-height:1}.ts-color-reset:hover{color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent)}.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 var(--mp-border, #e5e5e5)}.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 var(--mp-border, #e5e5e5);background:color-mix(in srgb,var(--mp-text, #1a1a1a) 4%,var(--mp-bg, #ffffff));border-radius:4px;cursor:pointer;color:var(--mp-text-secondary, #666666);transition:all .15s}.ts-bg-mode-btn.active{border-color:var(--mp-text, #1a1a1a);background:var(--mp-text, #1a1a1a);color:var(--mp-bg, #ffffff)}.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 var(--mp-border, #e5e5e5);background:var(--mp-bg, #ffffff);color:var(--mp-text, #1a1a1a);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:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,var(--mp-bg, #ffffff));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:color-mix(in srgb,var(--mp-text-secondary, #666666) 40%,transparent);cursor:pointer;padding:0;transition:background .2s,transform .2s}.section-nav-dot:hover{background:var(--mp-text-secondary, #666666);transform:scale(1.3)}.section-nav-dot.active{background:var(--mp-text, #1a1a1a);transform:scale(1.5)}.section-nav-dot.target{background:var(--mp-text-secondary, #666666);transform:scale(1.8)}.section-nav-endpoint.target{border-color:var(--mp-text-secondary, #666666);transform:scale(1.8)}.section-nav-endpoint{background:transparent;border:1px solid color-mix(in srgb,var(--mp-text-secondary, #666666) 40%,transparent)}.section-nav-endpoint:hover{border-color:var(--mp-text-secondary, #666666);background:transparent}.section-nav-label{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;color:var(--mp-text-secondary, #666666);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:color-mix(in srgb,var(--mp-text, #1a1a1a) 30%,transparent);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:color-mix(in srgb,var(--mp-bg, #ffffff) 85%,transparent);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:var(--mp-text, #1a1a1a);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:var(--mp-text-secondary, #666666);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.modal-input{width:100%;padding:.65rem .85rem;font-size:.95rem;border:1px solid color-mix(in srgb,var(--mp-text, #1a1a1a) 10%,transparent);border-radius:10px;background:color-mix(in srgb,var(--mp-bg, #ffffff) 60%,transparent);color:var(--mp-text, #1a1a1a);outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.modal-input:focus{border-color:color-mix(in srgb,var(--mp-text, #1a1a1a) 25%,transparent);background:color-mix(in srgb,var(--mp-bg, #ffffff) 90%,transparent)}.modal-input:disabled{color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);background:color-mix(in srgb,var(--mp-text, #1a1a1a) 3%,transparent)}.modal-input::placeholder{color:color-mix(in srgb,var(--mp-text, #1a1a1a) 20%,transparent)}.favicon-field{display:flex;align-items:center;gap:.75rem}.favicon-preview{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid color-mix(in srgb,var(--mp-text, #1a1a1a) 10%,transparent)}.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 color-mix(in srgb,var(--mp-text, #1a1a1a) 20%,transparent);border-radius:8px;color:var(--mp-text-secondary, #666666);cursor:pointer;transition:border-color .15s,color .15s}.favicon-upload:hover{border-color:color-mix(in srgb,var(--mp-text, #1a1a1a) 40%,transparent);color:var(--mp-text, #1a1a1a)}.modal-hint{font-size:.7rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);margin:.4rem 0 0}.modal-actions{display:flex;gap:.5rem;align-items:center;padding:1rem 1.5rem 1.25rem;border-top:1px solid color-mix(in srgb,var(--mp-text, #1a1a1a) 6%,transparent)}.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:color-mix(in srgb,var(--mp-text, #1a1a1a) 6%,transparent);color:var(--mp-text, #1a1a1a)}.modal-btn.cancel:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 10%,transparent)}.modal-btn.save{background:var(--color-hint, #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:color-mix(in srgb,var(--mp-text, #1a1a1a) 40%,transparent);transition:background .15s;flex-shrink:0}.modal-close:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent)}.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 color-mix(in srgb,var(--mp-border, #e5e5e5) 50%,transparent)}.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 color-mix(in srgb,var(--mp-border, #e5e5e5) 80%,transparent);border-radius:8px;background:color-mix(in srgb,var(--mp-bg, #ffffff) 60%,transparent);color:var(--mp-text, #1a1a1a);outline:none;resize:vertical;box-sizing:border-box}.html-textarea:focus{border-color:color-mix(in srgb,var(--mp-border, #e5e5e5) 100%,transparent);background:color-mix(in srgb,var(--mp-bg, #ffffff) 90%,transparent)}.search-input{flex:1;padding:12px 16px;font-size:16px;font-family:inherit;background:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent);border:none;border-radius:10px;color:var(--mp-text, #1a1a1a);outline:none}.search-input::placeholder{color:var(--mp-text-secondary, #666666)}.search-item{width:100%;padding:14px 20px;cursor:pointer;background:none;border:none;border-bottom:1px solid color-mix(in srgb,var(--mp-border, #e5e5e5) 50%,transparent);text-align:left;transition:background .15s}.search-item:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent)}.search-item:active{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 8%,transparent)}.search-item.section-link.active{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 6%,transparent);font-weight:600}.search-item-primary{font-size:16px;font-weight:500;margin-bottom:2px}.search-item-secondary{font-size:13px;color:var(--mp-text-secondary, #666666)}.search-empty{padding:40px 20px;text-align:center;color:var(--mp-text-secondary, #666666);font-size:14px}.search-group{border-bottom:1px solid var(--mp-border, #e5e5e5)}.search-group:last-child{border-bottom:none}.search-group-header{padding:8px 20px 4px;font-size:11px;font-weight:600;color:var(--mp-text-secondary, #666666);text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;background:color-mix(in srgb,var(--mp-bg, #ffffff) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.search-item-row{display:flex;align-items:flex-start;gap:10px}.search-item-text{flex:1;min-width:0}.search-type-badge{flex-shrink:0;display:inline-block;padding:2px 6px;font-size:10px;font-weight:600;border-radius:4px;line-height:1.4;margin-top:3px}.section-badge{background:color-mix(in srgb,var(--color-hint, #007aff) 12%,transparent);color:var(--color-hint, #007aff)}.item-badge{background:color-mix(in srgb,var(--mp-text-secondary, #666666) 12%,transparent);color:var(--mp-text-secondary, #666666)}.search-item mark{background:color-mix(in srgb,var(--color-hint, #007aff) 18%,transparent);color:inherit;border-radius:2px;padding:0 1px}@media (min-width: 768px){.search-modal{max-width:560px}}.history-item{width:100%;padding:14px 20px;cursor:pointer;background:none;border:none;border-bottom:1px solid color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent);text-align:left;transition:background .15s}.history-item:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent)}.history-item:active{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 8%,transparent)}.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:color-mix(in srgb,var(--mp-text, #1a1a1a) 50%,transparent);line-height:1.5}.history-empty{padding:40px 20px;text-align:center;color:color-mix(in srgb,var(--mp-text, #1a1a1a) 40%,transparent);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:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);font-size:.85rem;border-radius:6px;transition:background .15s,color .15s}.sheet-menu-settings:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent);color:var(--mp-text-secondary, #666666)}.editor-toolbar{position:absolute;display:flex;gap:2px;padding:2px;background:color-mix(in srgb,var(--mp-bg, #ffffff) 90%,transparent);border:1px solid color-mix(in srgb,var(--mp-text, #1a1a1a) 8%,transparent);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:color-mix(in srgb,var(--mp-text, #1a1a1a) 8%,transparent)}.editor-toolbar-btn:active{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 12%,transparent)}.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 var(--mp-border, #e5e5e5);border-top-color:var(--mp-text, #1a1a1a);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);position:relative}.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:var(--mp-text, #1a1a1a);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:var(--mp-text-secondary, #666666);transform:translate(-50%) scale(1.03)}.start-cta:active{transform:translate(-50%) scale(.97)}.start-cta--inline{position:static;transform:none}.start-cta--inline:hover{transform:scale(1.03)}.start-cta--inline:active{transform:scale(.97)}.landing-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1rem max(1.5rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,color-mix(in srgb,var(--mp-bg, #ffffff) 95%,transparent) 30%);z-index:900}.landing-terms{font-size:.7rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);text-align:center}.landing-terms a{color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);text-decoration:underline}.landing-terms a:hover{color:var(--mp-text-secondary, #666666)}.landing-legal{display:flex;align-items:center;gap:.5rem;font-size:.7rem}.landing-legal a{color:color-mix(in srgb,var(--mp-text-secondary, #666666) 50%,transparent);text-decoration:none}.landing-legal a:hover{color:var(--mp-text-secondary, #666666);text-decoration:underline}.landing-legal span{color:var(--mp-border, #e5e5e5);font-size:.65rem}.sheet-terms-notice{font-size:.7rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);text-align:center;margin-top:.5rem}.sheet-terms-notice a{color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);text-decoration:underline}.sheet-terms-notice a:hover{color:var(--mp-text-secondary, #666666)}.sheet-billing-legal{font-size:.7rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);text-align:center;margin-top:.25rem}.sheet-billing-legal a{color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);text-decoration:underline}.sheet-billing-legal a:hover{color:var(--mp-text-secondary, #666666)}.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 var(--mp-border, #e5e5e5);border-radius:8px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.import-drop.dragover{border-color:var(--mp-text, #1a1a1a);background:color-mix(in srgb,var(--mp-text, #1a1a1a) 4%,var(--mp-bg, #ffffff))}.import-drop-text{margin:0;font-size:.9rem;color:var(--mp-text, #1a1a1a)}.import-drop-hint{margin:.25rem 0 0;font-size:.75rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent)}.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:var(--mp-text, #1a1a1a)}.import-file-remove{background:none;border:none;font-size:1.2rem;cursor:pointer;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);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:color-mix(in srgb,var(--mp-text, #1a1a1a) 4%,var(--mp-bg, #ffffff));border-radius:6px;font-size:.8rem}.import-file-item-name{color:var(--mp-text, #1a1a1a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.import-divider{text-align:center;font-size:.75rem;color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);position:relative}.import-divider:before,.import-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 1rem);height:1px;background:var(--mp-border, #e5e5e5)}.import-divider:before{left:0}.import-divider:after{right:0}.import-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid var(--mp-border, #e5e5e5);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:var(--mp-text, #1a1a1a);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.import-submit:hover:not(:disabled){background:var(--mp-text-secondary, #666666)}.import-submit:disabled{opacity:.4;cursor:not-allowed}.import-preview{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:color-mix(in srgb,var(--mp-text, #1a1a1a) 4%,var(--mp-bg, #ffffff));border-radius:8px}.import-preview-summary{font-size:.9rem;font-weight:600;color:var(--mp-text, #1a1a1a)}.import-preview-item{font-size:.8rem;color:var(--mp-text-secondary, #666666)}.import-preview-section{display:flex;justify-content:space-between;font-size:.85rem;color:var(--mp-text, #1a1a1a);padding:.25rem 0}.import-preview-count{color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);font-size:.8rem}.import-actions{display:flex;gap:.5rem}.import-btn{flex:1;padding:.6rem;border:1px solid var(--mp-border, #e5e5e5);border-radius:8px;background:var(--mp-bg, #ffffff);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s}.import-btn:first-child{background:var(--mp-text, #1a1a1a);color:#fff;border-color:var(--mp-text, #1a1a1a)}.import-btn:first-child:hover{background:var(--mp-text-secondary, #666666)}.import-btn:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 4%,var(--mp-bg, #ffffff))}.import-btn.cancel{color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent)}.export-modal{max-width:360px}@media print{.bottom-controls,.sheet-right,.sheet-backdrop,.save-status,.edit-toggle,.start-cta,.landing-bottom,.editor-toolbar,.tool-btn,.tool-btn-wrapper,.tool,.modal-backdrop,.modal,.sheet-info,.ai-bottom-sheet,.fab,.copyright,.page-break-line{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}img{max-width:100%!important;page-break-inside:avoid}a[href]:after{content:none!important}@page{margin:12mm 10mm}}.sheet-search{width:100%;padding:.6rem .9rem .6rem 2rem;border:none;border-radius:8px;font-size:.8rem;outline:none;background:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,var(--mp-bg, #ffffff));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:color-mix(in srgb,var(--mp-text-secondary, #666666) 60%,transparent)}.sheet-search:focus{background-color:color-mix(in srgb,var(--mp-text, #1a1a1a) 6%,var(--mp-bg, #ffffff));box-shadow:0 0 0 2px color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent)}.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 var(--mp-border, #e5e5e5);border-radius:6px;background:none;cursor:pointer;font-size:.8rem;color:var(--mp-text-secondary, #666666);transition:all .15s;margin-top:.5rem}.sheet-ai-generate-btn:hover{border-color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);color:var(--mp-text, #1a1a1a);background:color-mix(in srgb,var(--mp-text, #1a1a1a) 2%,var(--mp-bg, #ffffff))}.template-edit-modal .modal-content{max-height:70vh;overflow-y:auto}.template-css-textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid var(--mp-border, #e5e5e5);border-radius:6px;font-family:monospace;font-size:.75rem;line-height:1.4;resize:vertical;box-sizing:border-box;background:#1e1e1e;color:#d4d4d4}.ai-bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:80vh;max-height:80dvh;background:color-mix(in srgb,var(--mp-bg, #ffffff) 95%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0000001f;z-index:2001;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease}.ai-bottom-sheet.open{transform:translateY(0)}.ai-bottom-sheet.minimized{max-height:none;transform:translateY(0)}.ai-sheet-handle{width:36px;height:4px;background:color-mix(in srgb,var(--mp-text, #1a1a1a) 15%,transparent);border-radius:2px;margin:8px auto 0;cursor:pointer}.ai-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.ai-sheet-title{font-size:1rem;font-weight:600;color:var(--mp-text, #1a1a1a);margin:0}.ai-sheet-header-actions{display:flex;gap:4px}.ai-sheet-minimize,.ai-sheet-close{width:32px;height:32px;font-size:16px;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--mp-text, #1a1a1a) 40%,transparent);transition:background .15s}.ai-sheet-minimize:hover,.ai-sheet-close:hover{background:color-mix(in srgb,var(--mp-text, #1a1a1a) 5%,transparent)}.ai-sheet-close:disabled{opacity:.3;cursor:not-allowed}.ai-sheet-content{padding:.5rem 1.5rem 1rem;overflow-y:auto;flex:1}.ai-sheet-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.5rem;border-top:1px solid color-mix(in srgb,var(--mp-text, #1a1a1a) 6%,transparent);padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.ai-sheet-content .modal-content{max-height:none;overflow-y:visible}.ai-description-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid var(--mp-border, #e5e5e5);border-radius:6px;font-size:.85rem;resize:vertical;box-sizing:border-box}.ai-reference-select{width:100%;padding:.5rem .75rem;border:1px solid var(--mp-border, #e5e5e5);border-radius:6px;font-size:.85rem;background:var(--mp-bg, #ffffff)}.ai-generating{text-align:center;padding:2rem;color:var(--mp-text-secondary, #666666);font-size:.85rem}.ai-result-field{margin-bottom:.75rem}.ai-result-field label{display:block;font-size:.75rem;color:var(--mp-text-secondary, #666666);margin-bottom:.25rem}.ai-menu-diff-summary{display:flex;gap:.75rem;margin-top:.5rem}.diff-stat{display:inline-block;padding:.25rem .6rem;background:color-mix(in srgb,var(--mp-text, #1a1a1a) 6%,var(--mp-bg, #ffffff));border-radius:4px;font-size:.8rem;color:var(--mp-text, #1a1a1a)}.ts-font-size-row{display:flex;align-items:center;gap:.75rem}.ts-font-size-row input[type=range]{flex:1;accent-color:var(--mp-text, #1a1a1a)}.ts-font-size-value{font-size:.75rem;color:var(--mp-text-secondary, #666666);min-width:3em;text-align:right}.ai-image-upload{display:inline-block;padding:.5rem 1rem;border:1px dashed var(--mp-border, #e5e5e5);border-radius:6px;cursor:pointer;font-size:.8rem;color:var(--mp-text-secondary, #666666);transition:all .15s}.ai-image-upload:hover{border-color:color-mix(in srgb,var(--mp-text-secondary, #666666) 70%,transparent);color:var(--mp-text, #1a1a1a)}.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}