.modal-backdrop{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10002;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:var(--modal-bg, #252526);border-radius:12px;box-shadow:0 8px 32px #0006;max-width:90vw;width:100%;max-width:400px;animation:slideUp .2s ease-out;border:1px solid var(--modal-border, #404040)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-form{display:flex;flex-direction:column;padding:24px;gap:16px}.modal-title{margin:0;font-size:20px;font-weight:600;color:var(--modal-text, #e8e8e8);line-height:1.4}.modal-message{margin:0;font-size:14px;color:var(--modal-text-secondary, #cccccc);line-height:1.5;white-space:pre-line;max-height:60vh;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.modal-message::-webkit-scrollbar{width:6px}.modal-message::-webkit-scrollbar-track{background:transparent}.modal-message::-webkit-scrollbar-thumb{background:var(--modal-border, #404040);border-radius:3px}.modal-message::-webkit-scrollbar-thumb:hover{background:var(--modal-border-hover, #555555)}.modal-input{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;background-color:var(--modal-input-bg, #1e1e1e);border:1px solid var(--modal-input-border, #404040);border-radius:6px;color:var(--modal-text, #e8e8e8);outline:none;transition:all .15s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.modal-input:focus{border-color:var(--modal-input-focus-border, #007acc);box-shadow:0 0 0 2px var(--modal-input-focus-ring, rgba(0, 122, 204, .2))}.modal-input::placeholder{color:var(--modal-text-placeholder, #888888)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.modal-button{padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);outline:none;min-width:80px}.modal-button-cancel{background-color:transparent;color:var(--modal-text, #e8e8e8);border-color:var(--modal-border, #404040)}.modal-button-cancel:hover{background-color:var(--modal-button-hover-bg, #2a2d2e);border-color:var(--modal-border-hover, #555555)}.modal-button-cancel:active{transform:translateY(1px);opacity:.9}.modal-button-confirm{background-color:var(--modal-button-confirm-bg, #007acc);color:var(--modal-button-confirm-text, #ffffff);border-color:var(--modal-button-confirm-bg, #007acc)}.modal-button-confirm:hover{background-color:var(--modal-button-confirm-hover-bg, #005a9e);border-color:var(--modal-button-confirm-hover-bg, #005a9e);transform:translateY(-1px)}.modal-button-confirm:active{transform:translateY(0);opacity:.9}.modal-button-confirm:focus{box-shadow:0 0 0 2px var(--modal-focus-ring, rgba(0, 122, 204, .3))}@media(max-width:768px){.modal-backdrop{padding:16px;align-items:center}.modal-container{max-width:100%;border-radius:16px;animation:slideUp .2s ease-out}.modal-form{padding:20px}.modal-title{font-size:18px}.modal-message{font-size:14px}.modal-input{padding:12px;font-size:16px}.modal-actions{flex-direction:column-reverse;gap:12px}.modal-button{width:100%;padding:12px;font-size:16px}}.modal-container[data-theme=light]{--modal-bg: #ffffff;--modal-text: #212121;--modal-text-secondary: #4a4a4a;--modal-border: #d0d0d0;--modal-input-bg: #f5f5f5;--modal-input-border: #d0d0d0;--modal-input-focus-border: #0056b3;--modal-input-focus-ring: rgba(0, 86, 179, .2);--modal-text-placeholder: #888888;--modal-button-hover-bg: #f5f5f5;--modal-border-hover: #b0b0b0;--modal-button-confirm-bg: #0056b3;--modal-button-confirm-hover-bg: #004494;--modal-button-confirm-text: #ffffff;--modal-focus-ring: rgba(0, 86, 179, .3)}.modal-container[data-theme=dark]{--modal-bg: #252526;--modal-text: #e8e8e8;--modal-text-secondary: #cccccc;--modal-border: #404040;--modal-input-bg: #1e1e1e;--modal-input-border: #404040;--modal-input-focus-border: #007acc;--modal-input-focus-ring: rgba(0, 122, 204, .2);--modal-text-placeholder: #888888;--modal-button-hover-bg: #2a2d2e;--modal-border-hover: #555555;--modal-button-confirm-bg: #007acc;--modal-button-confirm-hover-bg: #005a9e;--modal-button-confirm-text: #ffffff;--modal-focus-ring: rgba(0, 122, 204, .3)}.modal-container[data-theme=unicorn-pastel]{--modal-bg: #fff5f7;--modal-text: #2d3748;--modal-text-secondary: #4a5568;--modal-border: #fbcfe8;--modal-input-bg: #fef1f2;--modal-input-border: #fbcfe8;--modal-input-focus-border: #c026d3;--modal-input-focus-ring: rgba(192, 38, 211, .2);--modal-text-placeholder: #a78bfa;--modal-button-hover-bg: #fce7f3;--modal-border-hover: #f9a8d4;--modal-button-confirm-bg: #c026d3;--modal-button-confirm-hover-bg: #a21caf;--modal-button-confirm-text: #ffffff;--modal-focus-ring: rgba(192, 38, 211, .3)}.modal-container[data-theme=rainbow]{--modal-bg: #1a0a2d;--modal-text: #00ffff;--modal-text-secondary: #ff69b4;--modal-border: #ff00ff;--modal-input-bg: #0a0a1a;--modal-input-border: #ff00ff;--modal-input-focus-border: #00ffff;--modal-input-focus-ring: rgba(0, 255, 255, .3);--modal-text-placeholder: #ff69b4;--modal-button-hover-bg: #2d1a4d;--modal-border-hover: #ff1493;--modal-button-confirm-bg: #00ffff;--modal-button-confirm-hover-bg: #00cccc;--modal-button-confirm-text: #000000;--modal-focus-ring: rgba(0, 255, 255, .4)}.modal-container[data-theme=office-plain]{--modal-bg: #f8f8f8;--modal-text: #2c2c2c;--modal-text-secondary: #4a4a4a;--modal-border: #c0c0c0;--modal-input-bg: #e8e8e8;--modal-input-border: #c0c0c0;--modal-input-focus-border: #0066cc;--modal-input-focus-ring: rgba(0, 102, 204, .2);--modal-text-placeholder: #888888;--modal-button-hover-bg: #e0e0e0;--modal-border-hover: #a0a0a0;--modal-button-confirm-bg: #0066cc;--modal-button-confirm-hover-bg: #0052a3;--modal-button-confirm-text: #ffffff;--modal-focus-ring: rgba(0, 102, 204, .3)}.modal-container[data-theme="70s-swirl"]{--modal-bg: #f5e6d3;--modal-text: #5d4037;--modal-text-secondary: #6d4c41;--modal-border: #8b6f47;--modal-input-bg: #e8d5c4;--modal-input-border: #8b6f47;--modal-input-focus-border: #d84315;--modal-input-focus-ring: rgba(216, 67, 21, .2);--modal-text-placeholder: #a1887f;--modal-button-hover-bg: #d5c4b4;--modal-border-hover: #a1887f;--modal-button-confirm-bg: #d84315;--modal-button-confirm-hover-bg: #bf360c;--modal-button-confirm-text: #ffffff;--modal-focus-ring: rgba(216, 67, 21, .3)}.toolbar{display:flex;align-items:center;padding:10px 16px;gap:8px;flex-wrap:wrap;border-top:1px solid var(--toolbar-border, #333);border-bottom:1px solid var(--toolbar-border, #333);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-separator{width:1px;height:24px;background-color:var(--toolbar-border, #333);margin:0 4px;opacity:.5}.toolbar-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid transparent;border-radius:6px;color:var(--toolbar-text, #cccccc);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;position:relative}.toolbar-button:before{content:"";position:absolute;inset:0;border-radius:6px;background:transparent;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.toolbar-button:hover{background-color:var(--toolbar-hover-bg, #2a2d2e);border-color:var(--toolbar-border, #3e3e42);color:var(--toolbar-text, #ffffff);transform:translateY(-1px)}.toolbar-button:active{transform:translateY(0);opacity:.9}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.toolbar-button svg{flex-shrink:0;stroke-width:2}.toolbar-theme-group{position:relative}.toolbar-theme-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--toolbar-text, #cccccc);pointer-events:none;z-index:1}.toolbar-select{height:32px;padding:4px 28px 4px 8px;background-color:var(--toolbar-select-bg, #2a2d2e);border:1px solid var(--toolbar-border, #3e3e42);border-radius:6px;color:var(--toolbar-text, #cccccc);cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s cubic-bezier(.4,0,.2,1);outline:none;appearance:none;background-image:none;position:relative}.toolbar-select:hover{background-color:var(--toolbar-hover-bg, #37373d);border-color:var(--toolbar-border, #4a4a4a);transform:translateY(-1px)}.toolbar-select:focus{border-color:var(--toolbar-border, #007acc);box-shadow:0 0 0 2px #007acc4d;outline:none}.toolbar-select:active{transform:translateY(0)}.toolbar-select option{background-color:var(--toolbar-select-bg, #252526);color:var(--toolbar-text, #cccccc)}@media(max-width:768px){.toolbar{padding:8px 12px;gap:6px}.toolbar-button{width:30px;height:30px}.toolbar-button svg{width:15px;height:15px}.toolbar-separator{height:20px}.toolbar-select{height:30px;padding:4px 24px 4px 6px;font-size:12px}.toolbar-theme-icon svg{width:13px;height:13px}}.tab-bar{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;min-height:36px;border-bottom:1px solid var(--tab-border, #333)}.tabs-container{display:flex;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:transparent}.tabs-container::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.tabs-container::-webkit-scrollbar-thumb:hover{background:#666}.tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--tab-bg, #2d2d30);border-right:1px solid var(--tab-border, #333);border-bottom:2px solid transparent;color:var(--tab-text, #cccccc);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:140px;max-width:280px;position:relative;transition:all .2s ease}.tab:hover{opacity:.9}.tab.active{background-color:var(--tab-active-bg, #1e1e1e);color:var(--tab-text, #ffffff);border-bottom-color:#007acc}.tab-title{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:13px}.tab-title-input{flex:1;background-color:transparent;border:1px solid #007acc;border-radius:2px;color:inherit;font-size:13px;font-family:inherit;padding:2px 4px;outline:none;min-width:0}.tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background-color:transparent;border:none;border-radius:3px;color:inherit;cursor:pointer;opacity:.7;transition:all .2s ease;flex-shrink:0}.tab-close:hover{opacity:1;background-color:#ffffff1a}.tab-help{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:transparent;border:none;border-left:1px solid var(--tab-border, #333);color:var(--tab-text, #cccccc);cursor:pointer;transition:all .2s ease;flex-shrink:0}.tab-help:hover{opacity:.9;background-color:var(--tab-bg, #37373d)}.tab-add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin-left:auto;background-color:transparent;border:none;border-left:1px solid var(--tab-border, #333);color:var(--tab-text, #cccccc);cursor:pointer;transition:all .2s ease;flex-shrink:0}.tab-add:hover{opacity:.9;background-color:var(--tab-bg, #37373d)}.save-indicator{display:flex;align-items:center;gap:4px;font-size:11px;opacity:.8;flex-shrink:0}.save-indicator.saving{color:#4a9eff}.save-indicator.saved{color:#4ec9b0}.save-text{white-space:nowrap}.spinner{width:10px;height:10px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.tab{min-width:120px;max-width:200px;padding:6px 10px}.save-text{display:none}}.mobile-toolbar{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:center;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--mobile-toolbar-border, #333);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -2px 8px #0000001a;transition:bottom .25s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out;transform:translateY(0);opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0)}.mobile-toolbar-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:0 4px}.mobile-toolbar-scroll::-webkit-scrollbar{display:none}.mobile-toolbar-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.mobile-toolbar-separator{width:1px;height:28px;background-color:var(--mobile-toolbar-border, #333);margin:0 4px;opacity:.5;flex-shrink:0}.mobile-toolbar-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:transparent;border:1px solid transparent;border-radius:8px;color:var(--mobile-toolbar-text, #cccccc);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0;touch-action:manipulation}.mobile-toolbar-button:hover{background-color:var(--mobile-toolbar-hover-bg, #2a2d2e);border-color:var(--mobile-toolbar-border, #3e3e42);color:var(--mobile-toolbar-text, #ffffff)}.mobile-toolbar-button:active{transform:scale(.95);opacity:.9}.mobile-toolbar-button svg{flex-shrink:0;stroke-width:2}.mobile-view-toggle{display:none;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--toggle-border, #333);background-color:var(--toggle-bg, #252526)}.mobile-view-toggle-button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 16px;background-color:var(--toggle-inactive-bg, #2a2d2e);border:1px solid var(--toggle-border, #333);border-radius:8px;color:var(--toggle-text, #e8e8e8);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;touch-action:manipulation}.mobile-view-toggle-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.mobile-view-toggle-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.mobile-view-toggle-button.active{background-color:var(--toggle-active-bg, #007acc);color:#fff;z-index:1;position:relative}.mobile-view-toggle-button:not(.active):hover{background-color:var(--toggle-inactive-bg, #2a2d2e);opacity:.8}.mobile-view-toggle-button:active{transform:scale(.98)}.mobile-view-toggle-button svg{flex-shrink:0;stroke-width:2}.mobile-view-toggle-button span{white-space:nowrap}@media(max-width:768px){.mobile-view-toggle{display:flex}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline:auto;gap:12px}.spinner-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-message{margin:0;font-size:14px;text-align:center;opacity:.8}.spinner-overlay{position:fixed;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999}.spinner-overlay .spinner-container{margin:0}.spinner-inline{display:inline-flex;flex-direction:row;align-items:center;gap:8px}.spinner-inline .spinner-message{margin:0;font-size:14px}.image-manager-backdrop{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;animation:fadeIn .2s ease-out;overflow-y:auto}.image-manager-container{background-color:var(--image-manager-bg, #252526);border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:90vw;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out;border:1px solid var(--image-manager-border, #404040);overflow:hidden}.image-manager-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.image-manager-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--image-manager-border, #404040);flex-shrink:0}.image-manager-title{margin:0;font-size:20px;font-weight:600;color:var(--image-manager-text, #e8e8e8)}.image-manager-close{background:none;border:none;color:var(--image-manager-text-secondary, #cccccc);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.image-manager-close:hover{background-color:var(--image-manager-button-hover-bg, #2a2d2e);color:var(--image-manager-text, #e8e8e8)}.image-manager-stats{padding:12px 24px;color:var(--image-manager-text-secondary, #cccccc);font-size:14px;border-bottom:1px solid var(--image-manager-border, #404040);flex-shrink:0}.image-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:24px;overflow-y:auto;flex:1}.image-manager-item{display:flex;flex-direction:column;background-color:var(--image-manager-item-bg, #1e1e1e);border:1px solid var(--image-manager-border, #404040);border-radius:8px;overflow:hidden;transition:all .2s ease}.image-manager-item:hover{border-color:var(--image-manager-item-hover-border, #555555);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.image-manager-item-image-container{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--image-manager-item-bg, #1e1e1e);overflow:hidden}.image-manager-item-image{width:100%;height:100%;object-fit:cover;display:block}.image-manager-item-overlay{position:absolute;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s ease}.image-manager-item:hover .image-manager-item-overlay{opacity:1}.image-manager-item-button{background-color:#ffffffe6;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:#333}.image-manager-item-button:hover{background-color:#fff;transform:scale(1.1)}.image-manager-item-button-danger{background-color:#dc3545e6;color:#fff}.image-manager-item-button-danger:hover{background-color:#dc3545}.image-manager-item-button:disabled{opacity:.5;cursor:not-allowed}.image-manager-item-info{padding:12px;display:flex;flex-direction:column;gap:4px}.image-manager-item-filename{font-size:14px;font-weight:500;color:var(--image-manager-text, #e8e8e8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-manager-item-meta{font-size:12px;color:var(--image-manager-text-secondary, #cccccc)}.image-manager-loading,.image-manager-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--image-manager-text-secondary, #cccccc);text-align:center}.image-manager-loading-icon,.image-manager-empty-icon{opacity:.5;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.image-manager-empty-hint{font-size:12px;margin-top:8px;opacity:.7}.image-manager-preview{display:flex;flex-direction:column;height:100%;max-height:90vh}.image-manager-preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--image-manager-border, #404040);flex-shrink:0}.image-manager-preview-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--image-manager-text, #e8e8e8)}.image-manager-preview-meta{font-size:14px;color:var(--image-manager-text-secondary, #cccccc)}.image-manager-preview-actions{display:flex;gap:8px}.image-manager-button{background-color:var(--image-manager-button-bg, #2a2d2e);border:1px solid var(--image-manager-border, #404040);border-radius:6px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--image-manager-text, #e8e8e8);transition:all .15s ease}.image-manager-button:hover{background-color:var(--image-manager-button-hover-bg, #353738);border-color:var(--image-manager-border-hover, #555555)}.image-manager-button-danger{background-color:#dc354533;border-color:#dc354580;color:#ff6b7a}.image-manager-button-danger:hover{background-color:#dc35454d;border-color:#dc3545b3}.image-manager-button:disabled{opacity:.5;cursor:not-allowed}.image-manager-preview-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;background-color:var(--image-manager-preview-bg, #1e1e1e)}.image-manager-preview-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 16px #0000004d}@media(max-width:768px){.image-manager-backdrop{padding:0;align-items:flex-end}.image-manager-container{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;animation:slideUpMobile .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.image-manager-header{padding:16px 20px}.image-manager-title{font-size:18px}.image-manager-stats{padding:10px 20px;font-size:13px}.image-manager-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}.image-manager-item-info{padding:10px}.image-manager-item-filename{font-size:13px}.image-manager-item-meta{font-size:11px}.image-manager-preview-header{padding:16px 20px;flex-wrap:wrap;gap:12px}.image-manager-preview-info h3{font-size:16px}.image-manager-preview-meta{font-size:12px}.image-manager-preview-content{padding:16px}.image-manager-preview-actions{flex-wrap:wrap}}@media(max-width:480px){.image-manager-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}}.image-manager-container[data-theme=light]{--image-manager-bg: #ffffff;--image-manager-text: #212121;--image-manager-text-secondary: #4a4a4a;--image-manager-border: #d0d0d0;--image-manager-item-bg: #f5f5f5;--image-manager-item-hover-border: #b0b0b0;--image-manager-button-bg: #f5f5f5;--image-manager-button-hover-bg: #e8e8e8;--image-manager-border-hover: #b0b0b0;--image-manager-preview-bg: #fafafa}.image-manager-container[data-theme=dark]{--image-manager-bg: #252526;--image-manager-text: #e8e8e8;--image-manager-text-secondary: #cccccc;--image-manager-border: #404040;--image-manager-item-bg: #1e1e1e;--image-manager-item-hover-border: #555555;--image-manager-button-bg: #2a2d2e;--image-manager-button-hover-bg: #353738;--image-manager-border-hover: #555555;--image-manager-preview-bg: #1e1e1e}.image-manager-container[data-theme=unicorn-pastel]{--image-manager-bg: #fff5f7;--image-manager-text: #2d3748;--image-manager-text-secondary: #4a5568;--image-manager-border: #fbcfe8;--image-manager-item-bg: #fef1f2;--image-manager-item-hover-border: #f9a8d4;--image-manager-button-bg: #fce7f3;--image-manager-button-hover-bg: #fbcfe8;--image-manager-border-hover: #f9a8d4;--image-manager-preview-bg: #fef1f2}.image-manager-container[data-theme=rainbow]{--image-manager-bg: #1a0a2d;--image-manager-text: #00ffff;--image-manager-text-secondary: #ff69b4;--image-manager-border: #ff00ff;--image-manager-item-bg: #0a0a1a;--image-manager-item-hover-border: #ff1493;--image-manager-button-bg: #2d1a4d;--image-manager-button-hover-bg: #3d2a5d;--image-manager-border-hover: #ff1493;--image-manager-preview-bg: #0a0a1a}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;width:100dvw;position:relative;overflow:hidden}.editor-container{display:flex;flex:1;overflow:hidden;border-top:1px solid var(--app-border-color, #333);position:relative}.pane{display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.editor-pane{border-right:1px solid var(--app-border-color, #333)}.preview-pane{flex:1}.divider{width:4px;cursor:col-resize;flex-shrink:0;position:relative;background-color:var(--app-border-color, #333);transition:background-color .2s}.divider:hover{background-color:var(--app-border-color, #555)}.divider.dragging{background-color:var(--app-border-color, #777)}.divider:before{content:"";position:absolute;inset:0 -2px;cursor:col-resize}.editor-pane,.preview-pane{overflow:hidden}@media(max-width:768px){.app{padding-bottom:env(safe-area-inset-bottom)}.editor-container{flex-direction:column;padding-bottom:0}.pane{width:100%!important;min-width:100%!important;max-width:100%!important;border-right:none;border-bottom:none;height:100%}.pane:last-child{border-bottom:none}.divider,.toolbar{display:none}.editor-pane,.preview-pane{height:100%;flex:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior-y:none}#root{height:100vh;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}