﻿body.theme-fantasy{--main-bg:#e5d3b3;--accent:#b48a56;--text-color:#2a1e12;--text-alpha:rgba(100,60,20,0.3);--header-font:"Uncial Antiqua", serif}body.theme-scifi{--main-bg:#0b0f1a;--accent:#39d2ff;--text-color:#5479C9;--text-alpha:rgba(57,210,255,0.6);--header-font:"Orbitron", sans-serif}:root{--filament-size:300px;--loader-ring-size:80px;--loader-ring-border-size:6px;--loader-progress-size:500px;--progress-color:#f1c40f}.atomic-loader{display:none}.atomic-loader.loading{display:inherit}.loader-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background:radial-gradient(ellipse at top, #1b2735 0%,#090a0f 85%);opacity:0.9;z-index:997}.loader-progress{position:fixed;top:calc(50% - var(--loader-progress-size) / 2);left:calc(50% - var(--loader-progress-size) / 2);opacity:0.3;z-index:998;width:var(--loader-progress-size);max-width:var(--loader-progress-size)}.loader-progress .line{stroke-dasharray:15 25;stroke-dashoffset:0;animation:10s cubic-bezier(0.99, 0.1, 0.44, 0.7) infinite loading}@keyframes loading{0%{stroke-dasharray:15 25;stroke-dashoffset:0}50%{stroke-dasharray:15 900;stroke-dashoffset:-900}100%{stroke-dasharray:15 25;stroke-dashoffset:0}}.loader-ring,.loader-ring-light,.loader-ring-track{width:var(--loader-ring-size);height:var(--loader-ring-size)}.loader-ring{position:fixed;top:calc(50% - var(--loader-ring-size) / 2);left:calc(50% - var(--loader-ring-size) / 2);z-index:999}.loader-ring .loader-ring-light,.loader-ring .loader-ring-track{-moz-border-radius:var(--loader-ring-size);-webkit-border-radius:var(--loader-ring-size);border-radius:var(--loader-ring-size)}.loader-ring .loader-ring-light{-moz-box-shadow:0 var(--loader-ring-border-size) 0 #00abf2 inset;-webkit-box-shadow:0 var(--loader-ring-border-size) 0 #00abf2 inset;box-shadow:0 var(--loader-ring-border-size) 0 #00abf2 inset;animation:circle 1.2s linear infinite}.loader-ring .loader-ring-track{position:absolute;top:0;left:0;-moz-box-shadow:0 0 10px var(--loader-ring-border-size) rgba(255,255,255,0.3) inset;-webkit-box-shadow:0 0 10px var(--loader-ring-border-size) rgba(255,255,255,0.3) inset;box-shadow:0 0 10px var(--loader-ring-border-size) rgba(255,255,255,0.3) inset}@keyframes circle{from{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loader{position:fixed;top:calc(50% - var(--filament-size) / 2);left:calc(50% - var(--filament-size) / 2);width:var(--filament-size);height:var(--filament-size);border-radius:50%;perspective:800px;z-index:1000}.loader .inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.loader .inner.filament-5,.loader .inner.filament-6{width:60%;height:60%}@keyframes rotate-5{0%{transform:rotateX(115deg) rotateY(35deg) rotateZ(0deg)}100%{transform:rotateX(115deg) rotateY(35deg) rotateZ(720deg)}}.loader .inner.filament-1{left:0%;top:0%;border-bottom:15px solid #2e8b57;animation:rotate-one 1.5s linear infinite}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}.loader .inner.filament-2{right:0%;top:0%;border-right:15px solid #3c456d;animation:rotate-two 1.5s linear infinite}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}.loader .inner.filament-3{right:0%;bottom:0%;border-top:15px solid indigo;animation:rotate-three 1.5s linear infinite}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}.loader .inner.filament-4{left:0%;bottom:0%;border-left:15px solid #05377b;animation:rotate-four 1.5s linear infinite}@keyframes rotate-four{0%{transform:rotateX(50deg) rotateY(110deg) rotateZ(0deg)}100%{transform:rotateX(50deg) rotateY(110deg) rotateZ(360deg)}}.loader .inner.filament-5{left:20%;bottom:calc(50% - 60% / 2);border-left:15px solid rgba(234,41,20,0.4);animation:rotate-five 1.5s linear infinite}@keyframes rotate-five{0%{transform:rotateX(115deg) rotateY(35deg) rotateZ(0deg)}100%{transform:rotateX(115deg) rotateY(35deg) rotateZ(360deg)}}.loader .inner.filament-6{right:20%;top:calc(50% - 60% / 2);border-right:15px solid rgba(194,87,37,0.4);animation:rotate-six 1.5s linear infinite}@keyframes rotate-six{0%{transform:rotateX(115deg) rotateY(-35deg) rotateZ(0deg)}100%{transform:rotateX(115deg) rotateY(-35deg) rotateZ(360deg)}}.atomic-progress{display:none;position:fixed;top:calc(50% - var(--filament-size));left:calc(50% - var(--filament-size) * 0.75);background-color:#333;width:calc(var(--filament-size) * 1.5);height:calc(var(--filament-size) / 5);transform:skew(30deg);font-family:"Zekton CdHv";z-index:1001}.atomic-progress.loading{display:inherit}.atomic-progress::before{--width:calc(var(--w) * 1%);content:'';position:absolute;top:0;left:0;width:var(--width);height:100%;background-color:#E6B945;z-index:0;transition:width .5s ease-in-out;animation:glitch 2s infinite linear}.atomic-progress::after{content:attr(data-w) "%";font-size:24px;position:absolute;left:5%;top:50%;transform:translateY(-50%) skewX(-30deg);z-index:1}.atomic-progress .progress-label{transform:skew(-30deg) translateY(-100%);line-height:1.5;font-size:24px;color:#fff}@keyframes glitch{0%, 5%{transform:translate(0, 0)}1%{transform:translate(-5%, -10%)}2%{transform:translate(10%, 30%)}3%{transform:translate(-43%, 10%)}4%{transform:translate(2%, -23%)}}.shortcut-toast{position:fixed;bottom:25px;right:25px;background:rgba(0,0,0,0.8);color:white;padding:20px 50px;border-radius:10px;font-size:16px;opacity:0;transform:translateY(10px);transition:all 0.3s ease;z-index:9999}.shortcut-toast.visible{opacity:1;transform:translateY(0)}.format-menu{position:absolute;z-index:9999;background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 10px rgba(0,0,0,0.5)}.format-menu.hidden{display:none}.format-row{display:flex;gap:6px;justify-content:center}.format-menu button{background:#333;color:white;border:none;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:0.9em;transition:all 0.15s ease}.format-menu button:hover{background:#555}.format-row.colors button{width:20px;height:20px;padding:0;border-radius:50%;border:1px solid #999}.format-row.colors button:hover{transform:scale(1.15)}body{font-family:"Helvetica Neue LT Std 55 Roman";margin:0;padding:0;background:var(--main-bg);color:var(--text-color)}.toolbar{padding:10px;grid-auto-flow:column;grid-template-columns:repeat(5, 1fr);align-items:center;background:var(--main-bg);border-bottom:2px solid var(--accent);display:none}.toolbar.preview{grid-template-columns:repeat(5, 1fr)}.toolbar.active{display:grid}.toolbar>*{margin-inline:auto;padding:10px;width:80%}.toolbar button{position:relative;transition:background 0.2s ease, transform 0.1s ease, padding 0.2s ease}.toolbar button::after{content:attr(data-shortcut);position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:14px;opacity:0;color:#ddd;transition:opacity 0.2s;pointer-events:none;font-family:"ZektonRg"}.toolbar button:hover::after{opacity:1}.toolbar button:hover{background:var(--accent);padding:6px 14px 22px;transform:translateY(-1px)}.toolbar select,.toolbar button{font-family:"Algo FY Black";font-size:18px;padding:14px;border:none;border-radius:6px;cursor:pointer;box-shadow:1px 1px 3px rgba(0,0,0,0.6)}.page-layout{display:flex;flex-direction:column;gap:20px;margin:10px auto}.columns-wrapper,.e-columns-wrapper{display:flex;gap:20px}.column{display:flex;flex-direction:column;gap:20px;background:rgba(240,234,222,0.4);padding:10px;border-radius:12px;box-shadow:1px 1px 1px rgba(100,60,20,0.1);flex:1;min-height:80vh}.full-width-container{display:flex;flex-direction:column;gap:20px;background:rgba(240,234,222,0.4);padding:10px;border-radius:12px;box-shadow:1px 1px 1px rgba(100,60,20,0.1);display:flex;min-height:40px;position:relative}.full-width-container.top-w::after{content:"Full Width Top"}.full-width-container.bot-w::after{content:"Full Width Bottom"}.full-width-container::after{text-align:center;color:var(--text-alpha);font-family:"Algo FY Regular";position:absolute;width:100%;top:50%;transform:translateY(-50%);z-index:-1}.toggle-fullwidth-btn{margin-left:auto;background:var(--accent);color:white;border:none;border-radius:4px;cursor:pointer;padding:0 6px;font-size:12px}.toggle-fullwidth-btn:hover{background:var(--accent)}.quest-block{background:#fffaf3;border:2px solid var(--accent);border-radius:8px;padding:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);cursor:grab}.quest-block.dragging{opacity:0.5;background:rgba(180,138,86,0.2)}.quest-block .block-header{font-weight:bold;color:#5a4025;display:flex;align-items:center;margin-bottom:5px;user-select:none}.quest-block .block-content,.quest-block .para-content{cursor:text;margin:0}.quest-block .block-content:empty::before,.quest-block .para-content:empty::before{content:"Enter something or not";color:rgba(100,60,20,0.3);text-shadow:none}.meta{font-size:1em;margin-bottom:15px;text-align:center}.meta .meta-field{display:inline-block;min-width:40px;padding:2px 4px;border-radius:4px;background:rgba(180,138,86,0.1);outline:none;cursor:text}.meta .meta-field:focus{background:rgba(180,138,86,0.25)}.map-area{margin-top:30px;position:relative;border:2px dashed var(--accent);background:rgba(100,60,20,0.1);padding:10px}.map-drop-zone{border:2px dashed var(--accent);padding:40px;text-align:center;color:var(--text-color)}#iconsList.editable-list{display:flex;flex-wrap:wrap;gap:8px}#iconsList .editable-item img{width:auto;height:60px}#iconsList .editable-item .editable-text{min-width:100px}.icon-picker-modal{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:999}.icon-picker{background:var(--main-bg);border-radius:8px;padding:16px;display:grid;grid-template-columns:repeat(7, 1fr);gap:10px;align-items:center;max-height:760px;overflow-y:scroll}.icon-picker img{width:auto;max-width:96px;height:auto;max-height:75px;margin:0 auto;cursor:pointer;transition:transform 0.2s}.icon-picker img:hover{transform:scale(1.2)}.editable-list{display:flex;flex-direction:column;gap:10px}.editable-item{display:flex;align-items:flex-start;background:rgba(180,138,86,0.1);border-left:4px solid var(--accent);padding:6px;cursor:grab;user-select:none}.editable-item.dragging{opacity:0.5;background:rgba(180,138,86,0.25)}.drag-handle{margin-right:8px;flex:0 0 auto;padding:4px 8px;cursor:grab;font-size:1.2em;color:var(--accent);user-select:none}.editable-text{flex:1;min-height:24px;margin:0 6px;background:transparent;outline:none;cursor:text}.delete-btn{flex:0 0 auto;background:none;border:none;color:#a33;font-weight:bold;font-size:1.1em;cursor:pointer;user-select:none}.delete-btn:hover{color:#d33}.add-btn,.cool-button{margin-top:8px;padding:4px 10px;border:none;background:var(--accent);color:white;border-radius:6px;cursor:pointer;font-size:0.9em;transition:0.2s background}.add-btn:hover,.cool-button:hover{background:var(--main-bg)}.resizable-block{position:relative}.resizable-block .split-columns-btn{position:absolute;top:15px;left:15px;background:rgba(0,0,0,0.6);color:#fff;border:none;border-radius:4px;font-size:24px;padding:8px;cursor:pointer;opacity:0;transition:opacity 0.2s, background 0.2s;z-index:5}.resizable-block .split-columns-btn::after{content:"☰☰"}.resizable-block .split-columns-btn:hover{background:var(--accent)}.resizable-block .map-arrow-btn{position:absolute;background:rgba(0,0,0,0.6);color:#fff;border:none;border-radius:4px;font-size:24px;padding:8px;cursor:pointer;opacity:0;transition:opacity 0.2s, background 0.2s;z-index:5}.resizable-block .map-arrow-btn.top,.resizable-block .map-arrow-btn.bottom{left:50%;transform:translateX(-50%)}.resizable-block .map-arrow-btn.left,.resizable-block .map-arrow-btn.right{top:50%;transform:translateY(-50%)}.resizable-block .map-arrow-btn.top{top:15px}.resizable-block .map-arrow-btn.top::after{content:"⬆️"}.resizable-block .map-arrow-btn.bottom{bottom:15px}.resizable-block .map-arrow-btn.bottom::after{content:"⬇️"}.resizable-block .map-arrow-btn.left{left:15px}.resizable-block .map-arrow-btn.left::after{content:"⬅️"}.resizable-block .map-arrow-btn.right{right:15px}.resizable-block .map-arrow-btn.right::after{content:"➡️"}.resizable-block .map-arrow-btn:hover{background:var(--accent)}.resizable-block.col-2 ul li,.resizable-block.col-3 ul li{break-inside:avoid}.resizable-block.col-2{column-count:2;column-gap:calc(57px / 2)}.resizable-block.col-2 .split-columns-btn::after{content:"☰☰☰"}.resizable-block.col-3{column-count:3;column-gap:20px}.resizable-block.col-3 .split-columns-btn::after{content:"☰"}.resizable-block:hover .block-resize-handle,.resizable-block:hover .split-columns-btn,.resizable-block:hover .map-arrow-btn{opacity:1}.resizable-block .block-resize-handle{position:absolute;top:0;width:6px;height:100%;cursor:ew-resize;background:var(--accent);transition:background 0.4s;z-index:1;opacity:0;transition:opacity 0.2s}.resizable-block .block-resize-handle.resize-handle-left{left:-2px}.resizable-block .block-resize-handle.resize-handle-right{right:-2px}.resizable-block .block-resize-handle.resize-handle-top{width:100%;height:6px;cursor:n-resize;top:-2px;left:0;right:0}.resizable-block .block-resize-handle:hover{background:rgba(49,222,179,0.9)}#iconPickerPopup{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9999;display:flex;align-items:center;justify-content:center;color:white;font-family:"Algo FY Black"}#iconPickerPopup button,#iconPickerPopup input{font-family:"Algo FY Black"}#iconPickerPopup.hidden{display:none}#iconPickerPopup .icon-popup-inner{background:var(--accent);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 0 25px rgba(255,255,255,0.15);overflow:hidden}.icon-popup-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#1a1a1a;border-bottom:1px solid #333}.icon-popup-header h2{font-size:1.4em;margin:0;color:#fff;text-transform:uppercase;letter-spacing:1px}#closeIconPicker{background:none;color:#aaa;border:none;font-size:1.8em;cursor:pointer;transition:color 0.2s}#closeIconPicker:hover{color:#d33}.icon-tabs{display:flex;flex-wrap:wrap;background:#181818;border-bottom:1px solid #333}.icon-tab{flex:1;text-align:center;padding:10px;background:#181818;border:none;color:#bbb;font-size:1em;cursor:pointer;transition:all 0.2s}.icon-tab:hover,.icon-tab.active{background:#333;color:white}#iconSearch{margin:8px 12px;padding:6px 10px;width:calc(100% - 44px);background:#222;border:1px solid #444;color:white;border-radius:4px}.icon-tab-contents{flex:1;overflow-y:auto;padding:15px}.icon-list{background:var(--main-bg);border-radius:8px;padding:16px;display:grid;grid-template-columns:repeat(7, 1fr);gap:16px;align-items:center;max-height:760px;overflow-y:scroll}.icon-list.hidden{display:none}.icon-option{width:auto;max-width:96px;height:auto;margin:0 auto;cursor:pointer;transition:transform 0.2s}.icon-option:hover{transform:scale(1.2)}.merge-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);justify-content:center;align-items:center;z-index:1000;font-family:"Algo FY Black"}.merge-modal button,.merge-modal input{font-family:"Algo FY Black"}.merge-content{background:var(--main-bg);border-radius:12px;box-shadow:0 0 25px rgba(255,255,255,0.15);color:var(--text-color);padding:20px;width:600px}#pdfList{list-style:none;padding:0;margin:10px 0;max-height:200px;overflow-y:auto;border:1px solid #333;border-radius:6px}#pdfList li{background:var(--accent);margin:4px;padding:16px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:default;user-select:none;transition:background 0.2s ease}#pdfList li:active{background:#353a52}#pdfList li .pdf-handle{cursor:grab;font-size:1.2em;margin-right:6px;user-select:none;color:#000}#pdfList li .pdf-handle:active{cursor:grabbing;color:#fff}#pdfList li .pdf-delete{background:none;border:none;cursor:pointer;font-size:1.1em;margin-left:8px;color:#aaa;transition:all 0.2s ease}#pdfList li .pdf-delete:hover{background-color:#ff5c5c;padding:2px;border-radius:25%}#pdfList li .pdf-name{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#pdfList li .pdf-size{font-size:0.85em;color:#222}.merge-actions{display:flex;justify-content:space-between;margin-top:12px}.merge-actions button{background:var(--accent);color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.merge-actions button:hover{background:#4b5270}
