:root{--bubble-max-width:80%;--bubble-bg-color:#595857;--bubble-arrow-color:#595857;--bubble-right-bg-color:#202020;--bubble-right-arrow-color:#202020;--icon-size:64px;--base-text-color:#f3f4f6;--text-edge-color:#202020}body.export-body{font-family:'Noto Sans JP',sans-serif;margin:0;padding:0;background-color:#202020;font-size:16px;line-height:1.7;color:var(--base-text-color);position:relative;transition:margin-left 0.3s ease-in-out}body.export-body.has-background-image::before{content:"";position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;background-image:url('');background-size:cover;background-position:center center;background-repeat:no-repeat;filter:blur(8px) brightness(1.1)}.log-export-container{max-width:900px;margin:20px auto;padding:20px 25px;background-color:rgb(32,32,32);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:relative;z-index:1}h1{font-size:1.7em;border-bottom:2px solid #eee;padding-bottom:10px;margin:0 0 25px 0;text-align:center;color:var(--base-text-color)}.filter-controls.export{background-color:#f8f9fa;padding:10px 15px;border-radius:6px;margin-bottom:20px;border:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start}.filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-group label{font-weight:bold;font-size:0.9em;color:#495057;white-space:nowrap}.tab-nav.export{display:flex;flex-wrap:wrap;gap:5px}.tab-button.export{background-color:#e9ecef;border:1px solid #ced4da;color:#495057;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:0.85em;transition:background-color 0.2s,color 0.2s;white-space:nowrap}.tab-button.export:hover{background-color:#dee2e6}.tab-button.export.active{background-color:#0d6efd;border-color:#0d6efd;color:white;font-weight:bold}.all-mode-filter.export{width:100%;padding-top:10px;border-top:1px solid #e0e0e0;margin-top:10px}.all-mode-filter.export.hidden{display:none}.all-mode-checkbox-container{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.all-mode-filter.export .checkbox-wrapper{display:flex;align-items:center}.all-mode-filter.export input[type="checkbox"]{margin-right:5px;cursor:pointer}.all-mode-filter.export label{font-size:0.85em;cursor:pointer}.all-mode-buttons{margin-left:auto;display:flex;gap:8px}.all-mode-buttons button{font-size:0.75em;padding:2px 6px;background:#ddd;border:1px solid #ccc;border-radius:3px;cursor:pointer}.speaker-filter.export{padding:5px 8px;border:1px solid #ced4da;border-radius:4px;font-size:0.9em;background-color:white;min-width:150px}.tab-nav.export .placeholder{font-size:0.85em;color:#6c757d}.log-display.export{margin-top:10px}.hidden-log-item{display:none!important}.log-item{margin-bottom:16px}.message-item.export{position:relative}.message-container.export{display:flex;align-items:flex-start}.narration-container.export{padding:2px 4px;line-height:inherit}.message-item.export[data-display-mode="narration"] .message-container.export{display:none}.message-item.export[data-display-mode="bubble"] .narration-container.export{display:none}.message-container.export.align-right{flex-direction:row-reverse}.message-container.export.align-right .icon-container.export{margin-left:12px;margin-right:0}.message-container.export.align-right .content-container.export{text-align:right}.message-container.export.align-right .speaker-name-default.export{text-align:right}.message-container.export.align-right .bubble.export.bubble-left{margin-left:auto;margin-right:0;background-color:var(--bubble-right-bg-color)}.message-container.export.align-right .bubble.export.bubble-left::before{left:auto;right:-8px;border-width:8px 0 8px 10px;border-color:transparent transparent transparent var(--bubble-right-arrow-color)}.icon-container.export{flex-shrink:0;margin-right:12px;width:var(--icon-size);height:var(--icon-size);position:relative;border-radius:50%}.icon.export{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 0%;border:3px solid;box-sizing:border-box;background-color:#f0f0f0;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.icon-placeholder.export{display:none;width:100%;height:100%;border-radius:50%;border:3px solid;box-sizing:border-box;background-color:#e0e0e0;color:#757575;font-weight:bold;text-align:center;overflow:hidden;text-transform:uppercase;line-height:58px;font-size:32px}.content-container.export{flex-grow:1;min-width:0}.speaker-name-default.export,.narration-speaker,.speaker-name-below-icon.export{text-shadow:-1px -1px 0 var(--text-edge-color),1px -1px 0 var(--text-edge-color),-1px 1px 0 var(--text-edge-color),1px 1px 0 var(--text-edge-color)}.speaker-name-default.export{display:block;font-weight:bold;margin-bottom:4px;font-size:0.9em}.original-tab.export{font-weight:normal;font-size:0.88em;color:#555;margin-left:6px;text-shadow:-1px -1px 0 var(--text-edge-color),1px -1px 0 var(--text-edge-color),-1px 1px 0 var(--text-edge-color),1px 1px 0 var(--text-edge-color)}.tab-name-below-icon.export{display:none;font-size:0.8em;color:#666;margin-bottom:2px;text-shadow:-1px -1px 0 var(--text-edge-color),1px -1px 0 var(--text-edge-color),-1px 1px 0 var(--text-edge-color),1px 1px 0 var(--text-edge-color)}.speaker-name-below-icon.export{display:none;font-size:0.85em;font-weight:bold;text-shadow:-1px -1px 0 var(--text-edge-color),1px -1px 0 var(--text-edge-color),-1px 1px 0 var(--text-edge-color),1px 1px 0 var(--text-edge-color),-1.5px -1.5px 0 var(--text-edge-color),1.5px -1.5px 0 var(--text-edge-color),-1.5px 1.5px 0 var(--text-edge-color),1.5px 1.5px 0 var(--text-edge-color);position:absolute;bottom:-1.5em;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(var(--icon-size) + 20px);line-height:1.1;text-align:center;pointer-events:none}.bubble.export{position:relative;padding:10px 15px;border-radius:16px;word-wrap:break-word;word-break:break-word;box-shadow:0 1px 3px rgba(0,0,0,0.12);background-color:var(--bubble-bg-color);max-width:var(--bubble-max-width);text-align:left}.bubble.export.bubble-left::before{content:"";position:absolute;top:10px;left:-8px;width:0;height:0;border-style:solid;border-width:8px 10px 8px 0;border-color:transparent var(--bubble-arrow-color) transparent transparent}.bubble.export a{color:#0066cc;text-decoration:underline}.bubble.export a:hover{color:#004c99;text-decoration:none}.narration-tab{font-size:0.8em;color:#666;margin-right:0.5em;text-shadow:-1px -1px 0 var(--text-edge-color),1px -1px 0 var(--text-edge-color),-1px 1px 0 var(--text-edge-color),1px 1px 0 var(--text-edge-color)}.narration-speaker{font-weight:bold;margin-right:0.25em}.narration-message{display:inline}body.name-below-icon-active .icon-container.export{margin-bottom:1.8em;overflow:visible}body.name-below-icon-active .speaker-name-default.export{display:none}body.name-below-icon-active .tab-name-below-icon.export{display:block}body.name-below-icon-active .speaker-name-below-icon.export{display:block}body.name-below-icon-active .bubble.export.bubble-left{margin-left:0}body.name-below-icon-active .bubble.export.bubble-left::before{left:-8px}body.name-below-icon-active .message-container.export.align-right .bubble.export.bubble-left{margin-right:0}.inserted-image-container.export{text-align:center}.inserted-image.export{max-width:85%;max-height:550px;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,0.15);display:block;margin:0 auto}.image-caption.export{font-size:0.9em;color:#444;margin-top:6px;padding:0 5%;line-height:1.4;text-shadow:-1px -1px 0 var(--text-edge-color),1px -1px 0 var(--text-edge-color),-1px 1px 0 var(--text-edge-color),1px 1px 0 var(--text-edge-color)}.image-error-placeholder.export{color:#d9534f;font-size:0.9em;font-weight:bold;margin-top:8px;padding:5px;background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;display:inline-block}.tab-separator.export{border:0;border-top:2px dashed #cccccc;margin:25px 5%;display:block}.error-message.export{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:10px 15px;border-radius:4px;margin:15px 0;font-size:0.9em}.empty-log-message.export{text-align:center;color:#666;font-style:italic;padding:30px}.export-error{color:red;font-weight:bold;text-align:center;margin:10px;padding:5px;border:1px solid red;background-color:#ffeeee}.heading-item.export{margin:12px 0 8px 0;padding:5px 0;font-weight:bold}.heading-item.export.level-1{font-size:1.4em;border-bottom:2px solid #3498db;margin-top:20px;padding-bottom:8px}.heading-item.export.level-2{font-size:1.2em;border-bottom:1px solid #95a5a6;margin-top:15px;padding-bottom:6px}.heading-item.export.level-3{font-size:1.05em;margin-top:10px;padding-bottom:4px}.heading-item.export.level-4{font-size:1.0em;margin-top:8px;padding-bottom:3px;color:#555}.heading-item.export.level-5{font-size:0.95em;margin-top:6px;padding-bottom:2px;font-weight:normal;color:#666}.heading-item.export.level-6{font-size:0.9em;margin-top:5px;padding-bottom:1px;font-weight:normal;color:#777}.export-headings-nav{position:fixed;left:-210px;top:10px;width:200px;max-height:calc(100vh - 20px);overflow-y:auto;background:#f9f9f9;border:1px solid #ddd;border-left:none;border-radius:0 5px 5px 0;padding:10px;z-index:1000;font-size:0.9em;transition:left 0.3s ease,box-shadow 0.3s ease;box-shadow:2px 0 5px rgba(0,0,0,0.1)}.export-headings-nav.open{left:0px!important;box-shadow:2px 0 10px rgba(0,0,0,0.2)}.export-headings-nav button#export-toggle-headings-nav{position:absolute;left:100%;top:0;background:#3498db;color:white;border:none;padding:10px 5px;border-radius:0 4px 4px 0;cursor:pointer;font-size:0.8em;writing-mode:vertical-rl;text-orientation:mixed;z-index:1;transition:background-color 0.2s}.export-headings-nav button#export-toggle-headings-nav:hover{background:#2980b9}.export-headings-nav .nav-content{padding:5px}.export-headings-nav h5{margin-top:0;margin-bottom:8px;font-size:1.1em;border-bottom:1px solid #eee;padding-bottom:5px}.export-headings-nav ul{list-style:none;padding:0;margin:0}.export-headings-nav li a{text-decoration:none;color:#337ab7;display:block;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px}.export-headings-nav li a:hover{color:#23527c;background:#eee}.export-headings-nav li.level-1 a{padding-left:0px;font-weight:bold}.export-headings-nav li.level-2 a{padding-left:10px}.export-headings-nav li.level-3 a{padding-left:20px;font-size:0.95em}.export-headings-nav li.level-4 a{padding-left:30px;font-size:0.9em}.export-headings-nav li.level-5 a{padding-left:40px;font-size:0.85em}.export-headings-nav li.level-6 a{padding-left:50px;font-size:0.85em}@media (max-width:768px){body.export-body{padding:0;font-size:15px;margin-left:0!important}.log-export-container{padding:15px;margin:10px}h1{font-size:1.5em;margin-bottom:20px}.filter-controls.export{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column;align-items:flex-start;width:100%}.tab-nav.export{justify-content:center}.speaker-filter.export{width:100%}.icon-container.export{width:48px;height:48px;margin-right:10px}.icon-placeholder.export{line-height:43px;font-size:24px}.bubble.export{padding:8px 12px}.bubble.export.bubble-left::before{top:8px;left:-7px;border-width:7px 9px 7px 0}.message-container.export.align-right .bubble.export.bubble-left::before{top:8px;right:-7px;left:auto;border-width:7px 0 7px 9px}.speaker-name-default.export{font-size:0.92em}.original-tab.export{font-size:0.82em}.tab-name-below-icon.export{font-size:0.75em}.speaker-name-below-icon.export{font-size:0.8em;max-width:calc(48px + 15px);bottom:-1.3em}body.name-below-icon-active .icon-container.export{margin-bottom:1.5em}.inserted-image.export{max-width:95%;max-height:400px}.image-caption.export{font-size:0.85em;padding:0 2%}.tab-separator.export{margin:20px 3%}.export-headings-nav{width:180px;left:-190px}.export-headings-nav.open{left:0px!important}.export-headings-nav button#export-toggle-headings-nav{padding:8px 4px}}