:root{--color-bg-primary:#1e1e1e;--color-bg-secondary:#2d2d2d;--color-bg-tertiary:#1a1a1a;--color-bg-toolbar:#262626;--color-border:#4a4a4a;--color-border-light:#3a3a3a;--color-text-primary:#e0e0e0;--color-text-muted:#999;--color-accent-blue:#3498db;--color-accent-light-blue:#5dade2;--color-accent-red:#e74c3c;--color-accent-green:#27ae60;--color-encode:#27ae60;--color-decode:#3498db;--top-bar-height:36px;--tool-sidebar-width-expanded:150px;--tool-sidebar-width-collapsed:44px;--toolbar-height:44px;--sidebar-width:280px;--right-panel-width:530px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--transition-slide:transform .3s ease;--transition-fade:opacity .2s ease;--z-toolbar:100;--z-sidebar-overlay:200;--z-sidebar:300;--z-notification:400;--z-modal:1000;--z-top-bar:1100}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background-color:#1e1e1e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;overflow:hidden}.app-container{height:100dvh;height:var(--app-height,100dvh);flex-direction:column;display:flex}.top-bar{background-color:var(--color-bg-toolbar);color:#fff;height:var(--top-bar-height);z-index:var(--z-top-bar);flex-shrink:0;align-items:center;gap:8px;padding:0 8px;display:flex}.top-bar-title{color:#ccc;white-space:nowrap;font-size:14px;font-weight:700}.topbar-select{color:#ddd;background:#2a2a2a;border:1px solid #555;border-radius:4px;max-width:140px;padding:4px 6px;font-size:13px}.hamburger-btn{display:none;position:relative}.hamburger-badge{background:var(--color-accent-red);color:#fff;text-align:center;border-radius:8px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.2;position:absolute;top:2px;right:2px}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.tool-sidebar{width:var(--tool-sidebar-width-expanded);background-color:var(--color-bg-toolbar);color:#ccc;z-index:var(--z-toolbar);scrollbar-width:thin;flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;position:relative;overflow:hidden auto}.tool-sidebar.collapsed{width:var(--tool-sidebar-width-collapsed)}.sidebar-toggle-btn{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;min-height:28px;padding:4px;transition:transform .2s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff1a}.sidebar-group{flex-direction:column;padding:2px 0;display:flex}.sidebar-group-label{text-transform:uppercase;letter-spacing:1px;color:#888;white-space:nowrap;padding:4px 10px 2px;font-size:9px;overflow:hidden}.tool-sidebar.collapsed .sidebar-group-label{border-bottom:1px solid #ffffff14;margin:0 8px;padding:2px 0;font-size:0}.sidebar-btn{color:#ccc;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 10px;font-size:12px;display:flex;position:relative}.sidebar-btn:hover{color:#fff;background-color:#ffffff1a}.sidebar-label{font-size:12px;transition:opacity .15s;overflow:hidden}.tool-sidebar.collapsed .sidebar-label{display:none}.sidebar-btn.active{color:#fff;background-color:#667eea}.sidebar-separator{background-color:#ffffff1a;height:1px;margin:2px 8px}.sidebar-overlay{z-index:var(--z-sidebar-overlay);background:#00000080;position:fixed;inset:0}.mobile-sidebar{width:var(--sidebar-width);background:var(--color-bg-primary);max-width:85vw;z-index:var(--z-sidebar);transition:var(--transition-slide);display:none;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-sidebar.open{transform:translate(0)}.image-browse-strip{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:4px 0;display:flex}.image-browse-strip .topbar-select{max-width:130px}.image-browse-strip .image-source-link{margin-left:auto;font-size:11px}.zoom-status-bar{color:var(--color-text-muted);justify-content:flex-end;padding:2px 8px;font-size:12px;font-weight:700;display:flex}.shortcut{float:right;color:#999;font-size:12px}.encode-action-btn{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:4px;padding:6px 16px;font-weight:700}.encode-action-btn:hover{background-color:#1e8449}.decode-action-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;margin-left:auto;padding:6px 16px;font-weight:700}.decode-action-btn:hover{background-color:#2980b9}.decode-action-btn:disabled{color:#888;cursor:not-allowed;opacity:.6;background-color:#555}.decode-action-btn:disabled:hover{background-color:#555}#encodeTab .control-row{margin-top:10px}.inline-check{color:#ccc;cursor:pointer;align-items:center;gap:3px;font-size:11px;display:flex}.decode-actions{margin-top:10px}.splash-btn{color:#fff;cursor:pointer;background-color:#16a085;border:none;border-radius:4px;padding:6px 16px;font-weight:700}.splash-btn:hover{background-color:#1abc9c}.main-content{flex:1;gap:0;padding:10px;display:flex;overflow:hidden}.main-content>.left-panel{margin-right:10px}.main-content>.center-panel{margin-right:0}.left-panel{flex-direction:column;flex:1;gap:8px;min-width:0;height:100%;display:flex;overflow:visible}.main-tabs{border-bottom:2px solid #3a3a3a;flex-shrink:0;gap:4px;display:flex}.main-tab{cursor:pointer;color:#999;background-color:#0000;border:none;border-bottom:3px solid #0000;padding:8px 16px;font-size:15px;font-weight:500}.main-tab.active{color:#3498db;border-bottom-color:#3498db;font-weight:700}.main-tab:hover:not(.active){color:#ccc}.center-panel{flex-direction:column;flex-shrink:0;gap:8px;width:280px;margin-left:auto;display:flex}.center-panel.collapsed{display:none}.center-tabs{border-bottom:2px solid #3a3a3a;flex-shrink:0;justify-content:flex-end;gap:4px;margin-bottom:4px;display:flex}.center-tab{color:#999;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:4px 10px;font-size:12px}.center-tab.active{color:#3498db;border-bottom-color:#3498db;font-weight:700}.center-tab:hover{color:#ddd}.center-tab-body{flex-direction:row;flex:1;min-height:0;display:flex}.center-tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.center-panel.settings-active,.center-panel.images-active{flex:1;width:auto}.center-panel.settings-active .center-tab-body,.center-panel.images-active .center-tab-body{justify-content:flex-end}.center-panel.settings-active #settingsCenterTab,.center-panel.images-active #imagesCenterTab{border-right:1px solid #3a3a3a;flex:auto;order:-1;min-width:0;margin-right:8px;padding-right:8px;overflow:auto}.center-panel.settings-active #settingsCenterTab{flex-direction:column;align-items:flex-end;display:flex}.center-panel.settings-active #controlsCenterTab,.center-panel.images-active #controlsCenterTab{flex:0 0 280px}@media (width>=769px){#settingsCenterTab.settings-overlay{z-index:250;background:#242424;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;width:max-content;padding:12px;display:flex;position:fixed;overflow:hidden auto;box-shadow:0 12px 40px #0009}}.settings-inline-stats{color:#ccc;background:#1a1a1a;border-bottom:1px solid #3a3a3a;flex-shrink:0;gap:16px;padding:6px 12px;font-family:monospace;font-size:12px;display:flex}.settings-inline-stats strong{color:#5dade2;text-align:right;min-width:5ch;display:inline-block}@keyframes randomize-pulse{0%{transform:scale(1);box-shadow:0 0 #9b59b699}50%{transform:scale(1.08);box-shadow:0 0 0 6px #9b59b600}to{transform:scale(1);box-shadow:0 0 #9b59b600}}.randomize-pulse{animation:.6s ease-out randomize-pulse}@media (prefers-reduced-motion:reduce){.randomize-pulse{outline-offset:2px;outline:2px solid #c084fc;animation:none;box-shadow:0 0 0 2px #9b59b659}}@keyframes filter-bit-pulse{0%{background-color:#f1c40f00}25%{background-color:#f1c40f73}to{background-color:#f1c40f00}}.filter-bit-pulse{border-radius:4px;animation:.7s ease-out filter-bit-pulse}@media (prefers-reduced-motion:reduce){.filter-bit-pulse{background-color:#f1c40f4d;animation:none}}.randomize-btn{color:#fff;cursor:pointer;background:#8e44ad;border:1px solid #9b59b6;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.control-row .randomize-btn,.compose-header .randomize-btn,.compose-bottom-actions .randomize-btn{font-size:inherit;border:none;padding:6px 16px;font-weight:700}.randomize-btn:hover{background:#9b59b6;border-color:#a96bc7}.randomize-btn:active{background:#7d3c98}.randomize-btn:disabled{color:#888;cursor:not-allowed;opacity:.6;background:#555;border-color:#555}.randomize-btn:disabled:hover{background:#555}.encode-action-btn:disabled{color:#888;cursor:not-allowed;opacity:.6;background-color:#555}.encode-action-btn:disabled:hover{background-color:#555}.compose-action-btn:disabled{color:#888;cursor:not-allowed;opacity:.6;background-color:#555}.compose-action-btn:disabled:hover{background-color:#555}.settings-list-btn{cursor:pointer;border:none;border-radius:4px;flex-shrink:0;width:100%;margin-top:4px;padding:6px 16px;font-size:12px;font-weight:700}.center-panel-toggle{cursor:col-resize;background:#3a3a3a;border:none;border-radius:0;flex-shrink:0;width:4px;padding:0}.center-panel-toggle:hover{background:#3498db}.center-panel-toggle .material-icons{display:none}.controls-row{gap:8px;display:flex}#controlsCenterTab .stats-group{min-width:0;font-size:11px}#controlsCenterTab .view-group{min-width:0}.main-tabs-container{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.main-tab-content{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}#homeMainTab{padding:var(--spacing-lg);overflow-y:auto}.home-hero{flex-direction:column;align-items:center;gap:8px;padding:24px 16px 16px;display:flex}.home-hero-icon{border-radius:24px;width:128px;height:128px;box-shadow:0 4px 16px #0006}.home-hero-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:22px;font-weight:600}.home-cards{grid-template-columns:repeat(2,1fr);gap:12px;max-width:720px;margin:0 auto;padding:8px 0;display:grid}.home-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;padding:16px}.home-card h3{color:var(--color-accent-light-blue);margin:0 0 8px;font-size:14px;font-weight:600}.home-card p{color:var(--color-text-primary);margin:0;font-size:13px;line-height:1.5}.home-steps{color:var(--color-text-primary);margin:0;padding-left:20px;font-size:13px;line-height:1.7}.home-steps li{margin-bottom:2px}.home-steps-note{color:var(--color-text-secondary,var(--color-text-primary));margin:10px 0 0;font-size:12px;line-height:1.5}.home-disclaimer-link{margin:10px 0 0;font-size:12px}.home-disclaimer-link a{color:var(--color-accent-light-blue);text-decoration:none}.home-disclaimer-link a:hover{text-decoration:underline}.home-card-disclaimer{border-color:var(--color-accent-red)}.home-card-disclaimer h3{color:var(--color-accent-red)}.home-mobile-only{display:none}@media (width<=768px){.home-mobile-only{display:block}}.home-quick-actions{flex-wrap:wrap;gap:8px;display:flex}.home-action-btn{background:var(--color-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .15s;display:inline-flex}.home-action-btn:hover{background:var(--color-accent-light-blue)}.settings-content{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.filter-target-container{flex:1;align-items:stretch;gap:10px;min-height:0;display:flex}.traversal-key-column{flex-direction:column;flex:none;gap:10px;width:fit-content;display:flex}.traversal-key-column .traversal-group{flex:none;width:100%}.traversal-key-column .key-settings-group{flex:1}.right-panel{flex-direction:column;flex-shrink:0;width:530px;display:flex;position:relative}.main-content.canvas-tab-active{grid-template-rows:auto 1fr;grid-template-columns:1fr 4px auto;display:grid}.main-content.canvas-tab-active .left-panel{display:contents}.main-content.canvas-tab-active .main-tabs{grid-area:1/1}.main-content.canvas-tab-active .main-tabs-container{display:none}.main-content.canvas-tab-active .right-panel{grid-area:2/1;width:auto}.main-content.canvas-tab-active .center-panel-toggle{grid-area:1/2/-1}.main-content.canvas-tab-active .center-panel{grid-area:1/3/-1}.main-content:not(.canvas-tab-active) .left-panel{flex:1}.main-content:not(.canvas-tab-active) .right-panel,.main-tab[data-main-tab=canvas],#canvasMainTab,.main-content.home-tab-active .center-panel,.main-content.home-tab-active .center-panel-toggle,.main-content.piculum-tab-active .center-panel,.main-content.piculum-tab-active .center-panel-toggle{display:none}@media (width>=769px){.main-content.home-tab-active #toolSidebar,.main-content.piculum-tab-active #toolSidebar{display:none}}#piculumMainTabHost #piculumMainTab{flex-direction:column;flex:1;min-height:0;display:flex}#piculumMainTab .piculum-subtabs .wb-copyright{opacity:.5;white-space:nowrap;flex:none;align-self:center;padding-left:16px;font-size:.7rem}#piculumMainTab .mobile-note{display:none}@media (width<=768px){#piculumMainTab .mobile-note{background:#f1c40f1f;border:1px solid #f1c40f;border-radius:6px;margin:48px 0 8px;padding:8px 12px;font-size:.85rem;display:block}}.collapsible-group{padding:0}.collapsible-group>summary{text-transform:uppercase;letter-spacing:.5px;color:#8a8a9a;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;list-style:none;display:flex}.collapsible-group>summary::-webkit-details-marker{display:none}.collapsible-group>summary:before{content:"▶";color:#5a5a6a;font-size:9px;transition:transform .15s}.collapsible-group[open]>summary:before{transform:rotate(90deg)}.collapsible-group>summary:hover{color:#b0b0c0}.collapsible-group>.collapsible-body{flex-direction:column;gap:4px;padding:2px 12px 6px;display:flex}.collapsible-row{cursor:pointer;align-items:center;gap:6px;padding:1px 0;display:flex}.control-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.control-row label{align-items:center;gap:6px;display:flex}.row-label{min-width:84px}.key-settings-group .badgel-select{min-width:120px}#encodeTab .control-row .inline-check:first-child{margin-left:auto}#encodeTab .control-row .encode-action-btn{margin-left:0}.traversal-password-row{flex-shrink:0;gap:8px;display:flex}.traversal-group{flex-shrink:0;width:fit-content}.traversal-compact{flex-direction:column;gap:6px;display:flex}.traversal-compact .control-row{gap:6px;margin-bottom:0}.traversal-compact .control-row label:first-child{flex-shrink:0;min-width:50px;font-size:13px}.direction-controls{align-items:center;gap:8px;margin:6px 0;display:flex}.direction-grid-2x2{flex-direction:column;gap:6px;display:flex}.direction-grid-2x2 .control-row{align-items:center;gap:6px;display:flex}.direction-grid-2x2 .control-row label:first-child{min-width:70px;font-size:13px}.switch-btn{min-width:50px;height:fit-content;padding:12px 16px;font-size:18px}.last-offset-inline{color:#999;margin-left:auto;padding-left:12px;font-size:12px}.compact-btn{width:100%;padding:6px 12px;font-size:13px}.view-group{flex:none;min-width:100px}.stats-group{flex:1;min-width:200px;font-family:Consolas,Monaco,Courier New,monospace}.key-group{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.key-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.key-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.active-passes-info{color:var(--text-secondary,#ccc);margin-left:6px;font-size:.85em;font-weight:400}.key-section{flex-direction:column;flex:1 1 0;gap:6px;min-height:0;display:flex}.key-input{resize:none;white-space:pre;flex:1 1 0;width:100%;min-height:60px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;line-height:1.2;overflow:auto}.key-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.randomize-group{flex-direction:column;gap:4px;margin:8px 0;display:flex}.randomize-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.randomize-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.randomize-subbox{border:1px solid #444;border-radius:4px;margin:0;padding:6px 8px}.randomize-subbox legend{color:#888;text-transform:uppercase;letter-spacing:.5px;padding:0 4px;font-size:10px}.randomize-controls{color:#aaa;align-items:center;gap:6px;font-size:11px;display:flex}.randomize-controls .tiny-input{box-sizing:border-box;height:24px}.randomize-favor-row{align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.randomize-favor-row .favor-label{color:#aaa;font-size:11px}.randomize-favor-row label{color:#ccc;align-items:center;gap:3px;min-width:60px;font-size:11px;display:flex}.randomize-header .randomize-btn{padding:5px 18px;font-size:13px}.randomize-slider-row{align-items:center;gap:6px;display:flex}.randomize-slider-row .slider-label{color:#aaa;white-space:nowrap;font-size:11px}.randomize-slider-row input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#f39c12,#3498db);border-radius:2px;outline:none;flex:1;height:4px}.randomize-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e0e0e0;border:2px solid #888;border-radius:50%;width:14px;height:14px}.randomize-slider-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#e0e0e0;border:2px solid #888;border-radius:50%;width:14px;height:14px}.password-group{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.password-input-wrapper{align-items:stretch;gap:4px;display:flex}.password-input-wrapper input[type=password],.password-input-wrapper input[type=text]{color:#e0e0e0;box-sizing:border-box;background-color:#1e1e1e;border:1px solid #4a4a4a;border-radius:4px;flex:1;padding:6px 10px;font-size:13px}.password-toggle-btn{color:#888;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #4a4a4a;border-radius:4px;justify-content:center;align-items:center;padding:0 8px;display:flex}.password-toggle-btn:hover{color:#e0e0e0;border-color:#666}.key-password-option{align-items:center;gap:4px;font-size:11px;display:flex}.view-section{flex-direction:column;gap:8px;display:flex}.view-section label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.view-value{color:#5dade2;margin-top:-6px;padding-left:26px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px}input[type=text],input[type=password],input[type=number],input[type=search],textarea{color:#e0e0e0;appearance:none;background-color:#1a1a1a;border:1px solid #4a4a4a;border-radius:4px;padding:6px;font-family:inherit}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db4d}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cline x1='2' y1='2' x2='10' y2='10' stroke='%23ccc' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='10' y1='2' x2='2' y2='10' stroke='%23ccc' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:12px;height:12px}input[type=search]::-webkit-search-cancel-button:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cline x1='2' y1='2' x2='10' y2='10' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='10' y1='2' x2='2' y2='10' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.hex-input{width:85px;font-family:Courier New,monospace}.small-input{width:80px}.tiny-input{width:50px}.full-width{flex:1}textarea{resize:vertical;width:100%}#encodeTextMode,#composeTextMode,#encodeFileMode,#composeFileMode{flex-direction:column;flex:1;min-height:0;display:flex}.file-mode{flex-direction:column;gap:6px;display:flex}.file-drop-zone{cursor:pointer;color:#888;border:2px dashed #555;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:24px 16px;transition:border-color .2s,background .2s;display:flex}.file-drop-zone:hover,.file-drop-zone.drag-over{background:#4a90d914;border-color:#4a90d9}.file-drop-icon{color:#666;margin-bottom:6px;font-size:36px}.file-drop-zone p{margin:0;font-size:.85rem}.file-input-hidden{display:none}.file-info{color:#ccc;background:#2a2a2a;border:1px solid #444;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-size{color:#888;white-space:nowrap;font-size:.8rem}.file-clear-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:2px;line-height:1}.file-clear-btn:hover{color:#e44}.file-download-result{align-items:center;gap:6px;margin:8px 0;display:flex}.file-download-link{color:#4a90d9;align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.file-download-link:hover{color:#6ab0f3;text-decoration:underline}.file-download-size{color:#888;font-size:.85rem}.editor-action-bar{justify-content:flex-end;align-items:center;gap:4px;margin-bottom:2px;display:flex}.compose-key-picker{box-sizing:border-box;color:#bbb;cursor:pointer;border:1px solid #4a4a4a;border-radius:3px;justify-content:center;align-items:center;height:22px;padding:2px 4px;display:inline-flex;position:relative}.compose-key-picker:hover{background:#3a3a3a}.compose-key-picker:focus-within{border-color:#6fc3ff;box-shadow:0 0 0 2px #6fc3ff66}.compose-key-picker .key-emoji{pointer-events:none;font-size:14px;line-height:1}.compose-key-picker select{opacity:0;cursor:pointer;appearance:none;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.compose-key-picker.has-custom-key{color:#6fc3ff;border-color:#6fc3ff}.layer-item,.target-item{cursor:pointer;color:#e0e0e0;border-bottom:1px solid #2a2a2a;align-items:center;gap:4px;padding:1px 6px;font-size:12px;line-height:1.3;display:flex}.layer-item:hover,.target-item:hover{background-color:#3a3a3a}.layer-item.selected,.target-item.selected{color:#fff;background-color:#3498db}.layer-item input[type=checkbox]{cursor:pointer}.radio-group{align-items:center;gap:6px;display:flex}.radio-group input[type=radio]{display:none}.radio-group label{cursor:pointer;color:#e0e0e0;background-color:#2d2d2d;border:2px solid #4a4a4a;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;font-size:18px;display:flex;box-shadow:0 1px 2px #0000004d}.radio-group input[type=radio]:checked+label{color:#fff;background-color:#3498db;border-color:#2980b9;box-shadow:0 2px 4px #3498db66}button{color:#e0e0e0;cursor:pointer;background-color:#3a3a3a;border:1px solid #3a3a3a;border-radius:4px;padding:8px 16px;font-size:14px}button:hover{background-color:#4a4a4a}button:active{background-color:#2a2a2a}.data-display{background-color:#2d2d2d;border:1px solid #4a4a4a;border-radius:6px;flex-shrink:0;min-height:50px;padding:12px;box-shadow:0 2px 4px #0000004d}.rtf-display{color:#e0e0e0;font-family:Courier New,monospace;font-size:12px;line-height:1.4}.files-group,.tab-container{flex-direction:column;flex:1;min-height:0;display:flex}.tabs{border-bottom:2px solid #3a3a3a;gap:4px;margin-bottom:12px;display:flex}.tab{cursor:pointer;color:#999;background-color:#0000;border:none;border-bottom:3px solid #0000;padding:8px 16px}.tab.active{color:#3498db;border-bottom-color:#3498db;font-weight:700}.tab-content{flex-direction:column;flex:1;min-height:0;display:flex}.stats-display{background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;margin-top:12px;padding:8px 12px}.stats-section{margin-bottom:8px}.stats-section:last-child{margin-bottom:0}.stats-header{color:#7a8a9a;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #3a3a3a;margin-bottom:4px;padding-bottom:2px;font-size:11px;font-weight:600}.stat-row{color:#e0e0e0;justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.stat-row span:last-child{color:#5dade2;font-weight:700}.calc-btn{color:#aaa;cursor:pointer;vertical-align:middle;background:#3a3a3a;border:1px solid #555;border-radius:3px;margin-left:4px;padding:0 4px;font-size:9px;line-height:1.4}.calc-btn:hover{color:#ddd;background:#4a4a4a}.password-section{flex-direction:column;gap:8px;display:flex}.password-section input{width:100%}.image-viewer-container{background-color:#2d2d2d;border:1px solid #4a4a4a;border-radius:6px;flex-direction:column;height:100%;padding:12px;display:flex;box-shadow:0 2px 4px #0000004d}.image-viewer-frame{flex:1;min-height:0;display:flex;position:relative}.image-viewer{cursor:grab;background-color:#1a1a1a;border:2px solid #4a4a4a;border-radius:4px;flex:1;position:relative;overflow:auto;box-shadow:inset 0 1px 3px #0000004d}.image-viewer.panning{cursor:grabbing}.canvas-loading-bar{z-index:10;pointer-events:none;background:#7c9cd62e;height:3px;position:absolute;top:2px;left:2px;right:2px;overflow:hidden}.canvas-loading-bar:before{content:"";background:#7c9cd6;width:40%;animation:1.1s ease-in-out infinite loading-sweep;position:absolute;top:0;bottom:0}@keyframes loading-sweep{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.canvas-loading-bar:before{width:100%;animation:none;left:0}}.image-viewer canvas{image-rendering:pixelated;display:block;position:absolute;top:0;left:0}.image-viewer.crop-mode{cursor:crosshair}.crop-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.crop-selection{pointer-events:none;background:#667eea26;border:2px dashed #fff;position:absolute;box-shadow:0 0 0 9999px #0006}.crop-actions{z-index:20;gap:8px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.crop-action-btn{cursor:pointer;border:none;border-radius:4px;padding:6px 16px;font-size:13px;font-weight:500}.crop-confirm{color:#fff;background:#667eea}.crop-confirm:hover{background:#5a6fd6}.crop-cancel{color:#e0e0e0;background:#3a3a3a;border:1px solid #555}.crop-cancel:hover{background:#4a4a4a}.image-source-link{color:#4a9eff;font-size:12px;text-decoration:none}.image-source-link:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.account-section{align-items:center;display:flex}.account-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;padding:6px 16px;font-size:13px}.account-btn:hover{background:linear-gradient(135deg,#5a6fd6 0%,#6a4190 100%)}.user-menu-container{position:relative}.user-menu-btn{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;display:flex}.user-menu-btn:hover{background:#4a4a4a}.dropdown-arrow{opacity:.7;font-size:10px}.user-dropdown{min-width:120px;z-index:var(--z-modal);background:#2d2d2d;border:1px solid #3a3a3a;border-radius:4px;display:none;position:fixed;box-shadow:0 4px 12px #0006}.user-dropdown.show{display:block}.user-dropdown button{color:#e0e0e0;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px}.user-dropdown button:hover{color:#fff;background:#3498db}.social-content{flex-direction:column;flex:1;gap:16px;min-height:0;padding:8px;display:flex;overflow-y:auto}.social-content>.control-group:has(#emailNotificationsCheck){flex:none}.account-hint{opacity:.75;margin-top:6px;font-size:12px}.account-modal .account-group{flex-direction:column;gap:12px;display:flex}.account-modal .account-handle-row,.account-modal .account-rename-row,.account-modal .account-hint,.account-modal .invite-link-row{margin:0}.account-modal .account-rename-row+.account-hint{margin-top:-8px}.account-card{background:#1f1f1f;border:1px solid #3a3a3a;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.account-modal .account-card .account-rename-row+.account-hint{margin-top:0}.account-handle-row{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.account-handle-label{color:#aaa;font-size:12px}.account-handle-display{color:#e0e0e0;font-size:14px;font-weight:600}.account-handle-display .handle-tag,.account-tag-inline{color:#8aa3ff;font-weight:400}.account-rename-row{gap:6px;margin-bottom:4px;display:flex}.account-rename-input{color:#e0e0e0;background:#2a2a2a;border:1px solid #4a4a4a;border-radius:4px;flex:1;padding:6px 10px;font-size:13px}.account-rename-input:focus{border-color:#8aa3ff;outline:none}.account-rename-btn{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;padding:6px 14px;font-size:13px}.account-rename-btn:hover:not(:disabled){background:#4a4a4a}.account-rename-btn:disabled{opacity:.5;cursor:not-allowed}.search-result-tag{color:#8aa3ff;margin-left:2px;font-weight:400}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header h3{margin:0}.refresh-btn{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;padding:4px 12px;font-size:12px}.refresh-btn:hover{background:#4a4a4a}.save-key-group{background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;flex:none;padding:12px}.save-key-row{gap:8px;margin-bottom:8px;display:flex}.save-key-row input{color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;flex:1;padding:8px}.save-key-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;padding:8px 16px}.save-key-btn:hover{background:linear-gradient(135deg,#5a6fd6 0%,#6a4190 100%)}#saveKeyDescInput{color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;width:100%;padding:8px}.keys-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.key-item{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.key-item.shared{background:#667eea1a;border-color:#667eea}.key-info{flex-direction:column;gap:2px;display:flex}.key-info strong{color:#e0e0e0}.key-desc{color:#888;font-size:12px}.key-shared{color:#667eea;font-size:11px}.key-actions{gap:6px;display:flex}.key-action-btn{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;padding:4px 10px;font-size:12px}.key-action-btn:hover{background:#4a4a4a}.key-usage{margin-top:2px;font-size:11px}.key-usage.active{color:#66bb6a}.key-usage.orphaned{color:#ff9800;font-weight:700}.key-usage.loading{color:#666;font-style:italic}.key-auto-badge{color:#667eea;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;background:#667eea33;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px;display:inline-block}.key-lock-badge{vertical-align:middle;cursor:help;margin-left:6px;font-size:11px;display:inline-block}.key-item.orphaned{background:#ff98000d;border-color:#ff9800}.orphan-count{color:#ff9800;margin-left:4px;font-size:12px;font-weight:400}.section-header-actions{align-items:center;gap:6px;display:flex}.cleanup-btn{color:#ff9800;cursor:pointer;background:#ff980026;border:1px solid #ff9800;border-radius:4px;padding:4px 10px;font-size:12px}.cleanup-btn:hover{background:#ff98004d}.friend-add-row,.group-add-row{gap:8px;margin-bottom:12px;display:flex}.friend-add-row input,.group-add-row input{color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;flex:1;padding:8px}.friend-add-row button,.group-add-row button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;padding:8px 16px}.friend-add-row button:hover,.group-add-row button:hover{background:#2980b9}.friend-search-results{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.friend-search-results:empty{margin-bottom:0}.search-result-item{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.search-result-item .search-result-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.search-result-item button{color:#fff;cursor:pointer;white-space:nowrap;background:#3498db;border:none;border-radius:4px;padding:6px 12px;font-size:13px}.search-result-item button:hover{background:#2980b9}.search-result-item .search-result-status{color:#888;padding:0 6px;font-size:12px;font-style:italic}.invite-link-row{margin-bottom:12px}.invite-link-btn{align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.invite-info{background:#1f1f1f;border:1px solid #3a3a3a;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.invite-info-text{color:#aaa;margin:0;font-size:12px;line-height:1.5}.invite-info-text strong{color:#e0e0e0}.invite-info .invite-link-row{margin:0}.friends-list,.groups-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.friend-item,.group-item{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.group-info{flex-direction:column;gap:2px;display:flex}.group-members{color:#888;font-size:11px}.group-actions{gap:6px;display:flex}.group-actions button{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;padding:4px 10px;font-size:12px}.group-actions button:hover{background:#4a4a4a}.pending-requests{margin-bottom:12px}.pending-requests h4{color:#f39c12;margin:0 0 8px;font-size:13px}.pending-request{background:#f39c121a;border:1px solid #f39c124d;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;display:flex}.request-actions{gap:6px;display:flex}.request-actions button{cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.request-actions button:first-child{color:#fff;background:#27ae60}.request-actions button:last-child{color:#fff;background:#c0392b}.modal{z-index:2000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#2d2d2d;border-radius:12px;width:90%;max-width:400px;padding:24px;position:relative;box-shadow:0 8px 32px #00000080}.modal-close{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:none;border-radius:4px;width:28px;height:28px;font-size:18px;line-height:1;position:absolute;top:12px;right:12px}.modal-close:hover{background:#4a4a4a}.modal-content h2,.modal-content h3{color:#e0e0e0;margin:0 0 16px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.login-modal{max-width:420px}.login-benefits{color:#888;margin-bottom:12px}.benefits-list{margin:0 0 20px;padding:0;list-style:none}.benefits-list li{color:#aaa;padding:6px 0 6px 24px;font-size:13px;position:relative}.benefits-list li:before{content:"✓";color:#27ae60;position:absolute;left:0}.login-form .form-group{margin-bottom:12px}.login-form .form-group label{color:#888;margin-bottom:4px;font-size:12px;display:block}.login-form input{color:#e0e0e0;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;width:100%;padding:10px;font-size:14px}.login-form input:focus{border-color:#667eea;outline:none}.login-buttons{gap:12px;margin:16px 0;display:flex}.btn-secondary{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;flex:1;padding:10px;font-size:14px}.login-divider{text-align:center;color:#666;margin:12px 0;font-size:12px}.btn-email-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;display:flex}.btn-email-link:hover{background:linear-gradient(135deg,#5a6fd6 0%,#6a4190 100%)}.btn-google{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;display:flex}.btn-google:hover{background:#f5f5f5}.btn-skip{color:#888;cursor:pointer;background:0 0;border:none;width:100%;margin-top:12px;padding:10px;font-size:12px}.btn-skip:hover{color:#aaa;text-decoration:underline}.btn-forgot{color:#8ab4f8;cursor:pointer;background:0 0;border:none;margin:8px auto 0;padding:4px 8px;font-size:12px;text-decoration:none;display:block}.btn-forgot:hover{text-decoration:underline}.login-status{text-align:center;border-radius:4px;margin-top:16px;padding:10px;font-size:13px}.login-status.success{color:#27ae60;background:#27ae6033;border:1px solid #27ae604d}.verify-email-banner{color:#f1c40f;background:#f1c40f26;border-bottom:1px solid #f1c40f66;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.verify-email-text{flex:1;min-width:200px}.verify-email-btn{color:#f1c40f;cursor:pointer;background:#f1c40f33;border:1px solid #f1c40f80;border-radius:4px;padding:4px 12px;font-size:12px}.verify-email-btn:hover{background:#f1c40f59}.verify-email-btn:disabled{opacity:.5;cursor:not-allowed}#shareModal .form-group{margin-bottom:16px}#shareModal .form-group label{color:#888;margin-bottom:4px;font-size:12px;display:block}#shareModal select{color:#e0e0e0;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;width:100%;padding:10px;font-size:14px}.unread-badge{color:#fff;background:#e74c3c;border-radius:10px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:700}.no-friends-panel{text-align:center;justify-content:center;align-items:center;padding:24px}.no-friends-inner{flex-direction:column;align-items:center;gap:12px;max-width:360px;display:flex}.no-friends-icon{color:#3498db;opacity:.9;font-size:48px}.no-friends-inner h3{color:#e0e0e0;margin:0;font-size:18px}.no-friends-inner p{color:#aaa;margin:0;font-size:14px;line-height:1.5}.send-message-group{background-color:#2d2d2d;border:1px solid #4a4a4a;border-radius:6px;flex-direction:column;flex:1;min-height:0;padding:12px;display:flex;box-shadow:0 2px 4px #0000004d}.compose-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.compose-header h3{margin:0}.send-message-btn-top{background:var(--color-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.send-message-btn-top:hover{background:#2980b9}.compose-action-btn{background:var(--color-accent-blue);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:6px;flex-shrink:0;width:85px;padding:6px 0;font-size:13px;font-weight:700}.compose-action-btn:hover{background:#2980b9}.compose-header .randomize-btn,.compose-bottom-actions .randomize-btn{text-align:center;border-radius:6px;flex-shrink:0;width:85px;padding:6px 0;font-size:13px}.compose-header .compose-action-btn{margin-left:auto}.send-message-form{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.send-message-form .form-row{align-items:center;gap:8px;display:flex}.send-message-form .form-row.message-text-row{flex:1;align-items:flex-start;min-height:0;display:flex}.send-message-form .form-row.message-text-row label{padding-top:8px}.send-message-form .form-row label{color:#888;min-width:80px;font-size:13px}.message-input-wrapper{flex-direction:column;flex:1;height:100%;display:flex}.message-char-counter,.encode-char-counter,.decode-char-counter{color:var(--color-text-muted);text-align:right;padding:2px 4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px}.encode-char-counter.over-limit{color:var(--color-accent-red);font-weight:700}.message-char-counter.over-limit{color:var(--color-accent-red);font-weight:700}.send-message-form textarea:focus{border-color:#3498db;outline:none}.send-message-form select,.send-message-form input[type=text]{color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;flex:1;padding:8px;font-size:13px}.compose-bottom-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.compose-bottom-actions .send-message-btn-top{margin-left:0}.send-message-btn{background:var(--color-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700}.send-message-btn:hover{background:#2980b9}.send-message-btn:disabled{cursor:not-allowed;background:#4a4a4a}.messages-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.message-item{cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:12px;padding:10px;transition:background .2s;display:flex}.message-item:hover{background:#3a3a3a}.message-item:focus{outline-offset:-2px;background:#3a3a3a;outline:2px solid #3498db}.message-item-returning{animation:1.5s ease-out message-return-pulse}@keyframes message-return-pulse{0%{background:#3498db40}to{background:0 0}}.message-item.unread{background:#3498db1a;border-left:3px solid #3498db}.message-thumbnail{object-fit:cover;border:1px solid #4a4a4a;border-radius:4px;width:50px;height:50px}.message-info{flex-direction:column;flex:1;gap:2px;display:flex}.message-sender{color:#e0e0e0;font-weight:700}.message-subject{color:#a0a0a0;font-size:12px}.message-date{color:#888;font-size:11px}.message-actions-inline{gap:6px;display:flex}.images-content{flex-direction:column;gap:16px;max-height:calc(100vh - 200px);padding:8px;display:flex;overflow-y:auto}.save-image-group{background:#3498db1a;border:1px solid #3498db4d;border-radius:8px;padding:12px}.save-image-form{flex-direction:column;gap:12px;display:flex}.save-image-form .form-row{align-items:center;gap:8px;display:flex}.save-image-form input[type=text]{color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;flex:1;padding:8px}.image-preview{background:#1e1e1e;border-radius:4px;justify-content:center;padding:8px;display:flex}.image-preview canvas{border:1px solid #3a3a3a;border-radius:4px}.save-image-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:700}.save-image-btn:hover{background:linear-gradient(135deg,#2980b9 0%,#1f5f8b 100%)}.save-image-btn:disabled{cursor:not-allowed;background:#4a4a4a}.images-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:250px;padding:4px;display:grid;overflow-y:auto}.image-card{cursor:pointer;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;flex-direction:column;align-items:center;padding:8px;transition:all .2s;display:flex}.image-card:hover{background:#3a3a3a;border-color:#3498db}.image-card.selected{background:#3498db1a;border-color:#3498db}.image-card-thumbnail{object-fit:cover;border:1px solid #4a4a4a;border-radius:4px;width:80px;height:80px}.image-card-name{color:#e0e0e0;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:6px;font-size:12px;overflow:hidden}.image-card-keys{color:#888;margin-top:2px;font-size:10px}.key-count-badge{color:#3498db;background:#3498db4d;border-radius:8px;padding:1px 6px;font-size:10px}.image-details-group{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:12px}.image-details{flex-wrap:wrap;gap:16px;display:flex}.image-detail-preview canvas{border:2px solid #4a4a4a;border-radius:4px}.image-detail-info{flex:1;min-width:200px}.image-detail-info p{color:#888;margin-bottom:8px}.image-detail-info p strong{color:#e0e0e0}.image-keys-list{flex-wrap:wrap;gap:6px;max-height:80px;margin-bottom:12px;display:flex;overflow-y:auto}.image-key-tag{color:#3498db;background:#3498db33;border:1px solid #3498db66;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.image-key-tag .load-key-btn{color:#27ae60;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px}.image-key-tag .load-key-btn:hover{color:#2ecc71}.image-key-tag .remove-key-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px}.image-key-tag .remove-key-btn:hover{color:#e74c3c}.image-detail-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn-secondary{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;padding:8px 16px;font-size:12px}.btn-secondary:hover{background:#4a4a4a}.account-danger-zone{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.account-danger-zone h3{color:#e74c3c}.account-danger-text{opacity:.8;margin:8px 0;font-size:12px;line-height:1.5}.account-danger-label{margin:12px 0 6px;font-size:12px;display:block}.account-danger-zone .account-rename-input{width:100%;margin-bottom:10px}.account-tabs{border-bottom:2px solid var(--color-border);gap:4px;margin-bottom:14px;display:flex}.account-tab{cursor:pointer;color:#999;background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 14px;font-size:13px}.account-tab.active{color:#3498db;border-bottom-color:#3498db;font-weight:700}.account-tab-danger.active{color:#e74c3c;border-bottom-color:#e74c3c}.account-panels{display:grid}.account-panels>.account-panel{grid-area:1/1}.account-panel.is-active{visibility:visible}.account-panel .account-danger-zone{border-top:none;margin-top:0;padding-top:0}.account-support-intro{opacity:.85;margin:0 0 12px;font-size:13px}.account-support-row{align-items:center;gap:8px;margin:8px 0;display:flex}.account-support-row a{color:#3498db;text-decoration:none}.account-support-row a:hover{text-decoration:underline}.account-social{border-top:1px solid var(--color-border);margin-top:18px;padding-top:14px}.account-social-label{opacity:.7;margin-bottom:8px;font-size:12px;display:block}.account-social-links{gap:10px;display:flex}.account-social-link{background:var(--color-border);color:#ccc;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.account-social-link:hover{color:#fff;background:#3498db}.login-fineprint{opacity:.7;margin:4px 0 12px;font-size:11px;line-height:1.5}.bottom-tab-bar{background:var(--color-bg-toolbar);border-top:1px solid var(--color-border);z-index:1000;flex-shrink:0;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:50px;padding:6px 4px;display:flex;position:relative}.bottom-tab.active{color:var(--color-accent-light-blue)}.bottom-tab:hover{color:var(--color-text-primary)}.bottom-tab-label{font-size:10px;line-height:1}.bottom-tab-badge{background:var(--color-accent-red);color:#fff;text-align:center;border-radius:8px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.2;position:absolute;top:4px;right:calc(50% - 18px)}.compose-write-subpanel,.compose-tune-subpanel{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=768px){.compose-mode-segmented{background:var(--color-bg-toolbar);border-bottom:1px solid var(--color-border);gap:2px;padding:3px 6px;display:flex}.compose-mode-btn{background:var(--color-bg-secondary,#2a2a2a);color:var(--color-text-secondary,#aaa);border:1px solid var(--color-border);cursor:pointer;border-radius:5px;flex:1;padding:4px 8px;font-size:12px;font-weight:500;line-height:1.4}.compose-mode-btn.active{background:var(--color-accent-light-blue);color:#000;border-color:var(--color-accent-light-blue)}.compose-tune-subpanel{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;min-height:0;padding:6px;display:flex;overflow-y:auto}.compose-tune-controls-mount{flex-flow:wrap;gap:6px;display:flex}.compose-tune-controls-mount .control-group{box-sizing:border-box;flex:100%;min-width:0;padding:6px 8px}.compose-tune-controls-mount .view-group,.compose-tune-controls-mount .stats-group{flex:calc(50% - 3px)}}.contextual-action-bar{left:0;right:0;bottom:calc(50px + env(safe-area-inset-bottom,0px));background:var(--color-bg-toolbar);border-top:1px solid var(--color-border);z-index:950;box-sizing:border-box;gap:6px;height:52px;padding:5px 8px;display:none;position:fixed}.cab-slot{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.cab-center{flex:1.2}.contextual-action-bar.cab-pw-mode .cab-center{display:none}.contextual-action-bar.cab-pw-mode .cab-left{flex:2.2}.contextual-action-bar.cab-pw-mode .cab-right{flex:1}.cab-btn{border:1px solid var(--color-border);background:var(--color-bg-secondary,#2a2a2a);width:100%;height:100%;min-height:40px;color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:0 4px;font-size:12px;display:inline-flex}.cab-btn.cab-primary{background:var(--color-accent-light-blue);color:#000;border-color:var(--color-accent-light-blue);font-weight:600}.cab-btn:disabled,.cab-btn.cab-disabled{opacity:.5;cursor:not-allowed}.cab-label{text-overflow:ellipsis;overflow:hidden}.cab-password{border:1px solid var(--color-border);background:var(--color-bg-secondary,#2a2a2a);width:100%;height:100%;min-height:40px;color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;padding:0 10px;font-size:14px}.pw-error::placeholder{color:#e74c3c;opacity:1}.mobile-bottom-sheet{height:var(--sheet-height,70vh);background:var(--color-bg-primary);visibility:hidden;z-index:900;border-top-left-radius:14px;border-top-right-radius:14px;flex-direction:column;min-height:200px;max-height:calc(100vh - 80px);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;display:none;position:fixed;bottom:50px;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 20px #00000080}.mobile-bottom-sheet.open{visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility linear;transform:translateY(0)}.mobile-bottom-sheet.resizing{min-height:0;transition:none!important}.bottom-sheet-handle{cursor:ns-resize;touch-action:none;background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:20px;margin:0;display:flex}.bottom-sheet-handle:before{content:"";background:#888;border-radius:2px;width:40px;height:4px;transition:background-color .15s;display:block}.bottom-sheet-handle:hover:before,.mobile-bottom-sheet.resizing .bottom-sheet-handle:before{background:var(--color-accent-light-blue,#6fc3ff)}.bottom-sheet-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;padding:0 4px;display:flex;overflow:hidden auto}.more-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);z-index:1001;border-radius:8px;min-width:160px;padding:4px 0;display:none;position:fixed;bottom:56px;right:4px;box-shadow:0 -4px 16px #0006}.more-menu.visible{flex-direction:column;display:flex}.more-menu-item{color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;min-height:40px;padding:10px 16px;font-size:14px;display:flex}.more-menu-item:hover,.more-menu-item:active{background:#ffffff14}@media (width<=768px){body{font-size:13px;overflow:hidden}.app-container{height:100dvh;height:var(--app-height,100dvh);flex-direction:column;display:flex;overflow:hidden}.hamburger-btn{display:inline-flex}.top-bar{scrollbar-width:none;gap:4px;height:36px;padding:0 4px;overflow:auto hidden}.top-bar::-webkit-scrollbar{display:none}.top-bar .toolbar-btn{min-width:36px;min-height:36px;padding:6px}.image-browse-strip{flex-wrap:nowrap}.image-browse-strip #randomImageBtn,.image-browse-strip #flyoutNewBlankBtn,.image-browse-strip #imageHistorySelect{display:none!important}.image-browse-strip .topbar-select{flex:1 1 0;min-width:0;max-width:none}.tool-sidebar{top:36px;left:0;bottom:calc(50px + env(safe-area-inset-bottom,0px));width:var(--tool-sidebar-width-collapsed);z-index:1050;transition:transform .2s;position:fixed;transform:translate(-100%)}.tool-sidebar.mobile-open{transform:translate(0)}.tool-sidebar .sidebar-toggle-btn{display:flex}.tool-sidebar.mobile-open:not(.collapsed){width:var(--tool-sidebar-width-expanded)}.tool-sidebar.mobile-open:not(.collapsed) .sidebar-label{display:inline}.tool-sidebar.mobile-open:not(.collapsed) .sidebar-group-label{border-bottom:none;margin:0;padding:4px 10px 2px;font-size:9px}.sidebar-overlay{display:none}.sidebar-overlay.visible{z-index:1040;display:block!important}.mobile-sidebar,.main-tabs{display:none!important}.bottom-tab-bar{padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;order:999;position:static;display:flex!important}.bottom-tab.piculum-mode-tab,.bottom-tab-bar.piculum-mode .bottom-tab.msg-mode-tab{display:none}.bottom-tab-bar.piculum-mode .bottom-tab.piculum-mode-tab,.contextual-action-bar:not(.hidden){display:flex}.mobile-bottom-sheet{bottom:calc(50px + var(--cab-height,0px) + env(safe-area-inset-bottom,0px));max-height:calc(100vh - 80px - var(--cab-height,0px));display:flex}.mobile-bottom-sheet.open{height:var(--sheet-height,70vh)}.main-content,.main-content.canvas-tab-active{flex-direction:column;flex:1;gap:0;min-height:0;padding:0;overflow:hidden;display:flex!important}.main-content>.left-panel,.main-content.canvas-tab-active .left-panel{margin-right:0;display:none!important}.center-panel,.main-content.canvas-tab-active .center-panel,.center-panel-toggle,.main-content.canvas-tab-active .center-panel-toggle,.main-content.canvas-tab-active .main-tabs,.main-content.canvas-tab-active .main-tabs-container{display:none}.main-content.home-tab-active .right-panel{display:none!important}.main-content.home-tab-active .left-panel,.main-content.home-tab-active .main-tabs-container{flex:1;min-height:0;overflow-y:auto;display:flex!important}.home-cards{grid-template-columns:1fr}.main-content.piculum-tab-active .right-panel{display:none!important}.main-content.piculum-tab-active .left-panel,.main-content.piculum-tab-active .main-tabs-container{flex:1;min-height:0;overflow-y:auto;display:flex!important}.right-panel,.main-content:not(.canvas-tab-active):not(.home-tab-active):not(.piculum-tab-active) .right-panel{flex:1;order:0;min-height:0;overflow:auto;width:100%!important;display:block!important}.image-viewer-container{border:none;border-radius:0;height:100%;max-height:100%;padding:4px;overflow:auto}.image-viewer{min-height:200px}.mobile-bottom-sheet h3{margin:2px 0;font-size:11px}.mobile-bottom-sheet .control-group{padding:4px}.mobile-bottom-sheet .stat-row,.mobile-bottom-sheet label,.mobile-bottom-sheet input,.mobile-bottom-sheet select{font-size:12px}.mobile-bottom-sheet .collapsible-body label,.mobile-bottom-sheet .collapsible-body select,.mobile-bottom-sheet .collapsible-body input{font-size:13px}.mobile-bottom-sheet .collapsible-body select,.mobile-bottom-sheet .collapsible-body .small-input{min-height:32px}.mobile-bottom-sheet .badgel-select{flex:1}.mobile-bottom-sheet .controls-row{flex-direction:row;gap:4px}.mobile-bottom-sheet .view-group,.mobile-bottom-sheet .stats-group{flex:1;min-width:0}.mobile-bottom-sheet .key-input{box-sizing:border-box;flex:none;width:100%;min-width:0;min-height:150px;max-height:240px;font-size:10px}.mobile-bottom-sheet #controlsCenterTab .key-group,.mobile-bottom-sheet #controlsCenterTab .key-section{flex:none;min-height:0}.mobile-bottom-sheet .key-group h3{margin-bottom:4px;font-size:12px}.mobile-bottom-sheet .compose-tune-subpanel{-webkit-overflow-scrolling:touch;overflow-y:auto}.mobile-bottom-sheet .layer-list,.mobile-bottom-sheet .target-list{max-height:200px}.mobile-bottom-sheet .filter-target-container{flex-wrap:wrap}.mobile-bottom-sheet .filter-target-container>.control-group{flex:1 1 0;width:auto;min-width:0}.mobile-bottom-sheet .filter-target-container>.traversal-key-column{flex:0 0 100%}.mobile-bottom-sheet .traversal-key-column{width:100%}.mobile-bottom-sheet .main-tab-content{flex-direction:column;flex:1;min-height:0;display:flex;position:static}.mobile-bottom-sheet .settings-content,.mobile-bottom-sheet .filter-target-container,.mobile-bottom-sheet .layer-list,.mobile-bottom-sheet .target-list{flex:none}.mobile-bottom-sheet .files-group,.mobile-bottom-sheet .tab-container{flex:1;min-height:0}.mobile-bottom-sheet .center-panel{display:flex}.mobile-bottom-sheet .messages-layout{flex-direction:column;flex:1;height:auto;min-height:0}.mobile-bottom-sheet .messages-tree{-webkit-overflow-scrolling:touch;border-bottom:1px solid #3a3a3a;border-right:none;flex-direction:row;width:100%;min-width:0;padding-top:0;overflow-x:auto}.mobile-bottom-sheet .tree-item{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;align-items:center;min-height:36px;padding:8px 14px;display:flex}.mobile-bottom-sheet .tree-item.active{border-bottom-color:#3498db;border-left-color:#0000}.mobile-bottom-sheet .messages-content-area{min-height:150px;padding:4px}.mobile-bottom-sheet .send-message-form .form-row{flex-direction:row;align-items:center;gap:6px}.mobile-bottom-sheet .send-message-form .form-row label{color:#aaa;flex:0 0 56px;min-width:56px;font-size:12px}.mobile-bottom-sheet .send-message-form .form-row select,.mobile-bottom-sheet .send-message-form .form-row input[type=text]{flex:auto;min-width:0}.mobile-bottom-sheet .send-message-form .form-row.message-text-row{flex-direction:column;align-items:stretch;gap:0}.mobile-bottom-sheet .send-message-form .form-row.message-text-row>label{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mobile-bottom-sheet .send-message-group h3{margin-bottom:4px;font-size:12px}.mobile-bottom-sheet .send-message-form{flex-direction:column;gap:4px;display:flex}.mobile-bottom-sheet .compose-header h3{margin:0;padding:2px 0;font-size:13px}.mobile-bottom-sheet #composeEditorWrapper{flex:1;width:100%;height:auto;min-height:120px;max-height:none}.mobile-bottom-sheet #composePanel .send-message-group{box-shadow:none;background:0 0;border:none;padding:0}.mobile-bottom-sheet #composePanel .compose-bottom-actions #sendMessageBtn,.mobile-bottom-sheet #textEncodeBtn,.mobile-bottom-sheet #textDecodeBtn{display:none}.mobile-bottom-sheet .settings-content{padding:4px}.mobile-bottom-sheet .data-display{max-height:120px;overflow-y:auto}.mobile-bottom-sheet .social-content{max-height:none;padding:4px}.mobile-bottom-sheet .friend-add-row,.mobile-bottom-sheet .save-key-row{flex-wrap:wrap}.mobile-bottom-sheet .friend-add-row input,.mobile-bottom-sheet .save-key-row input{flex-basis:100%;min-width:0}.mobile-bottom-sheet .files-group{padding:4px}.mobile-bottom-sheet .tab-container{width:100%}.mobile-bottom-sheet button,.mobile-bottom-sheet .compose-key-picker{min-height:32px}.icon-btn{min-width:36px;min-height:36px;padding:8px}.message-action-btn.icon-btn,.password-toggle-btn{min-width:36px;min-height:36px}.back-btn{min-height:36px;padding:8px 16px}.key-item{flex-wrap:wrap;gap:8px}.key-actions,.message-item{flex-wrap:wrap}.stats-group{min-width:0}.modal-content{border-radius:8px;max-width:95%;padding:16px}.login-modal{max-width:95%}.rtf-display{word-break:break-all;overflow-x:auto}.image-detail-info{min-width:0}.image-detail-actions button{flex:1;min-width:0}.mobile-bottom-sheet .randomize-group{padding:4px}.mobile-bottom-sheet .randomize-subbox{margin:2px 0;padding:4px 6px}.mobile-bottom-sheet .password-group{padding:4px}}@keyframes field-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.field-shake{animation:.4s field-shake;border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c!important}@media (prefers-reduced-motion:reduce){.field-shake{animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes toast-in-top{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@media (width<=768px){#toastContainer{top:calc(36px + env(safe-area-inset-top,0px) + 8px);align-items:stretch;bottom:auto;left:8px;right:8px}.toast{border-top:3px solid #3498db;border-left:none;border-radius:4px;max-width:100%;padding:8px 12px;font-size:12px;animation:.25s forwards toast-in-top}.toast-success{border-top-color:#27ae60;border-left-color:#0000}.toast-error{border-top-color:#e74c3c;border-left-color:#0000}.toast-info{border-top-color:#3498db;border-left-color:#0000}.toast-exit{animation:.25s forwards toast-out-top}.ql-toolbar.ql-snow{padding:2px!important}.ql-toolbar.ql-snow .ql-formats{margin-right:4px}.ql-toolbar.ql-snow button{width:22px;height:22px;padding:2px}.ql-toolbar.ql-snow button svg{width:16px;height:16px}.ql-toolbar.ql-snow .ql-picker-label{padding:0 2px;font-size:11px}}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-secondary:#2d2d2d;--color-bg-tertiary:#1a1a1a;--color-bg-toolbar:#262626;--color-border:#4a4a4a;--color-border-light:#3a3a3a;--color-text-primary:#e0e0e0;--color-text-muted:#999;--color-accent-light-blue:#5dade2;--color-accent-green:#27ae60;--color-accent-red:#e74c3c;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(./material-icons-kAwBdRge.woff2)format("woff2")}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}#piculumMainTab,.piculum-json-overlay,#toastContainer{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:normal}:where(#piculumMainTab,#piculumMainTab *,.piculum-json-overlay,.piculum-json-overlay *){box-sizing:border-box;margin:0;padding:0}:where(#piculumMainTab,.piculum-json-overlay) button{color:#e0e0e0;cursor:pointer;background-color:#3a3a3a;border:1px solid #3a3a3a;border-radius:4px;padding:8px 16px;font-size:14px}:where(#piculumMainTab,.piculum-json-overlay) button:hover{background-color:#4a4a4a}:where(#piculumMainTab,.piculum-json-overlay) button:active{background-color:#2a2a2a}:where(#piculumMainTab,.piculum-json-overlay) input[type=text],:where(#piculumMainTab,.piculum-json-overlay) input[type=password],:where(#piculumMainTab,.piculum-json-overlay) input[type=number],:where(#piculumMainTab,.piculum-json-overlay) input[type=search],:where(#piculumMainTab,.piculum-json-overlay) textarea{color:#e0e0e0;appearance:none;background-color:#1a1a1a;border:1px solid #4a4a4a;border-radius:4px;padding:6px;font-family:inherit}:where(#piculumMainTab,.piculum-json-overlay) input[type=text]:focus,:where(#piculumMainTab,.piculum-json-overlay) input[type=password]:focus,:where(#piculumMainTab,.piculum-json-overlay) input[type=number]:focus,:where(#piculumMainTab,.piculum-json-overlay) input[type=search]:focus,:where(#piculumMainTab,.piculum-json-overlay) textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db4d}:where(#piculumMainTab,.piculum-json-overlay) textarea{resize:vertical;width:100%}:where(#piculumMainTab,.piculum-json-overlay) select{color:#e0e0e0;background-color:#1a1a1a;border:1px solid #4a4a4a;border-radius:4px;padding:6px;font-family:inherit}.hidden{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toolbar-spacer{flex-grow:1}.toolbar-btn{color:#ccc;cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-radius:4px;align-items:center;gap:4px;min-height:32px;padding:4px 6px;font-size:12px;display:inline-flex}.toolbar-btn:hover{color:#fff;background-color:#ffffff1a}.toolbar-btn .material-icons{font-size:20px}.sidebar-toggle-btn .material-icons{font-size:18px;transition:transform .2s}.tool-sidebar.collapsed .sidebar-toggle-btn .material-icons{transform:rotate(180deg)}.sidebar-btn .material-icons{flex-shrink:0;font-size:20px}.toolbar-overflow-btn,.toolbar-overflow-menu{display:none!important}.sidebar-overlay.hidden{display:none}.image-browse-strip .toolbar-btn{min-height:28px;padding:2px 4px}.center-tab-content.hidden,.center-panel-toggle .material-icons{display:none}.main-tab-content.hidden{visibility:hidden;pointer-events:none}.home-action-btn .material-icons{font-size:18px}.filter-target-container>.control-group{flex-direction:column;flex:none;width:fit-content;min-height:0;display:flex}.filter-target-container .layer-list,.filter-target-container .target-list{flex:1;min-height:0;overflow-y:auto}.main-content.home-tab-active .center-panel,.main-content.home-tab-active .center-panel-toggle,.main-content.piculum-tab-active .center-panel,.main-content.piculum-tab-active .center-panel-toggle{display:none}@media (width>=769px){.main-content.home-tab-active #toolSidebar,.main-content.piculum-tab-active #toolSidebar{display:none}}.main-content.home-tab-active .left-panel,.main-content.piculum-tab-active .left-panel{overflow-y:auto}.main-content.home-tab-active .main-tabs-container,.main-content.piculum-tab-active .main-tabs-container{min-height:0;overflow-y:auto}.control-group{background-color:#2d2d2d;border:1px solid #4a4a4a;border-radius:6px;padding:8px 10px;box-shadow:0 2px 4px #0000004d}.control-group h3{text-transform:uppercase;letter-spacing:.5px;color:#8a8a9a;border-bottom:1px solid #3a3a4a;margin-bottom:8px;padding-bottom:4px;font-size:12px;font-weight:600}.icon-btn{min-width:auto;padding:6px 10px}.key-buttons .icon-btn{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.key-buttons .icon-btn:hover{background:#4a4a4a;border-color:#666}.key-buttons .icon-btn:disabled{opacity:.4;cursor:not-allowed}.key-buttons .icon-btn:disabled:hover{background:#3a3a3a;border-color:#4a4a4a}.key-buttons .icon-btn .material-icons{font-size:18px}.pw-form{display:contents}.quill-editor-wrapper{border:1px solid #4a4a4a;border-radius:4px;flex-direction:column;flex:1;min-height:100px;display:flex;overflow:hidden}.quill-editor-wrapper:focus-within{border-color:#3498db;box-shadow:0 0 0 2px #3498db4d}.quill-editor-wrapper .ql-toolbar.ql-snow{background:#2a2a2a;border:none;border-bottom:1px solid #4a4a4a;padding:4px}.quill-editor-wrapper .ql-container.ql-snow{border:none;flex:1;font-family:inherit;font-size:14px}.quill-editor-wrapper .ql-editor{color:#e0e0e0;background:#1e1e1e;min-height:80px;padding:8px}.quill-editor-wrapper .ql-editor.ql-blank:before{color:#666;font-style:normal}.decoded-html-output{color:#e0e0e0;word-wrap:break-word;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;flex:1;min-height:100px;padding:8px;font-family:Helvetica,Arial,sans-serif;overflow-y:auto}.decoded-output-actions{justify-content:flex-end;gap:4px;margin-bottom:2px;display:flex}.decoded-action-btn{color:#bbb;cursor:pointer;background:0 0;border:1px solid #4a4a4a;border-radius:3px;align-items:center;padding:2px 4px;display:flex}.decoded-action-btn .material-icons{font-size:16px}.decoded-action-btn:hover{color:#e0e0e0;background:#3a3a3a}.decoded-message-label-row{justify-content:space-between;align-items:center;display:flex}.encode-mode-toggle{gap:0;margin-right:auto;display:flex}.mode-toggle-btn{color:#aaa;cursor:pointer;background:#2a2a2a;border:1px solid #555;padding:2px 8px;font-size:.75rem;line-height:1.4;transition:background .15s,color .15s}.mode-toggle-btn:first-child{border-radius:3px 0 0 3px}.mode-toggle-btn:last-child{border-left:none;border-radius:0 3px 3px 0}.mode-toggle-btn.active{color:#fff;background:#4a90d9;border-color:#4a90d9}.mode-toggle-btn:hover:not(.active){color:#ddd;background:#3a3a3a}.file-info .material-icons:first-child{color:#4a90d9;font-size:20px}.file-download-link .material-icons{font-size:18px}.ql-editor.no-wrap,.decoded-html-output.no-wrap{white-space:pre;word-wrap:normal;overflow-wrap:normal;overflow-x:auto}.decoded-action-btn.active{color:#6fc3ff;background:#3a3a3a;border-color:#6fc3ff}.layer-list,.target-list{background-color:#1a1a1a;border:1px solid #4a4a4a;border-radius:4px;width:auto;max-width:fit-content;overflow-y:auto;box-shadow:inset 0 1px 3px #0000004d}.tab-content.hidden{display:none}.tab-content textarea,.tab-content .quill-editor-wrapper,.tab-content .decoded-html-output{resize:none;flex:1;min-height:100px}.decoded-section{margin-top:12px}.decoded-section h4{color:#52c77c;margin-bottom:8px}.canvas-loading-bar.hidden{display:none}.menubar-spacer,.toolbar-spacer{flex-grow:1}.social-content>.control-group{flex-direction:column;flex:1;min-height:0;display:flex}.social-content>.control-group .friends-list,.social-content>.control-group .groups-list,.social-content>.control-group .keys-list{flex:1;min-height:0;overflow-y:auto}.social-content>.control-group.account-group{flex:none}.social-content>.control-group:has(#emailNotificationsCheck){flex:none}.key-action-btn.delete-btn{color:#ff6b6b;border-color:#ff6b6b}.key-action-btn.delete-btn:hover{background:#ff6b6b33}.friend-search-results .empty-state{color:#888;padding:8px 10px;font-size:13px}.invite-link-btn .material-icons{font-size:16px}.group-actions .delete-btn{color:#ff6b6b;border-color:#ff6b6b}.group-actions .delete-btn:hover{background:#ff6b6b33}.modal.hidden{display:none}.btn-primary{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;flex:1;padding:10px;font-size:14px}.login-status.error{color:#e74c3c;background:#e74c3c33;border:1px solid #e74c3c4d}.verify-email-banner .material-icons{font-size:18px}.unread-badge.hidden{display:none}.messages-layout{height:100%;min-height:0;display:flex}.messages-tree{background:#1a1a1a;border-right:1px solid #3a3a3a;flex-direction:column;width:132px;min-width:132px;padding-top:4px;display:flex}.tree-item{color:#b0b0b0;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-left:3px solid #0000;padding:8px 12px;font-size:13px;transition:background .15s,color .15s}.tree-item:hover{color:#e0e0e0;background:#2a2a2a}.tree-item.active{color:#3498db;background:#3498db1a;border-left-color:#3498db;font-weight:700}.tree-item .message-count{color:#888;background:#3a3a3a;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:11px}.tree-item.active .message-count{color:#3498db;background:#3498db4d}.messages-content-area{flex-direction:column;flex:1;min-width:0;min-height:0;padding:8px;display:flex;overflow:hidden}.messages-panel{flex-direction:column;flex:1;min-height:0;display:flex}.messages-panel.hidden{display:none}.no-friends-inner .btn-primary{margin-top:4px}.send-message-btn-top .material-icons{font-size:18px}.message-input-wrapper textarea,.message-input-wrapper .quill-editor-wrapper{resize:vertical;box-sizing:border-box;width:100%;height:100%}.decoded-byte-count{color:var(--color-accent-light-blue);font-weight:400}.send-message-form textarea,.send-message-form .quill-editor-wrapper{box-sizing:border-box;flex:1;height:100%;min-height:100px}.message-action-btn{color:#e0e0e0;cursor:pointer;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;padding:4px 10px;font-size:12px}.message-action-btn.icon-btn{justify-content:center;align-items:center;padding:4px 6px;display:inline-flex}.message-action-btn.icon-btn .material-icons{font-size:18px}.message-action-btn:hover{background:#4a4a4a}.message-action-btn.delete-btn{color:#ff6b6b;border-color:#ff6b6b}.message-action-btn.delete-btn:hover{background:#ff6b6b33}.message-view-toolbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.back-btn{color:#3498db;cursor:pointer;background:#3a3a3a;border:1px solid #5a5a5a;border-radius:4px;align-self:flex-start;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.back-btn .material-icons{font-size:18px}.back-btn:hover{background:#4a4a4a}.empty-state{color:#666;text-align:center;padding:20px;font-style:italic}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border:none;border-radius:4px;padding:8px 16px;font-size:12px}.btn-primary:hover{background:linear-gradient(135deg,#2980b9 0%,#1f5f8b 100%)}.btn-danger{color:#e74c3c;cursor:pointer;background:#e74c3c33;border:1px solid #e74c3c;border-radius:4px;padding:8px 16px;font-size:12px}.btn-danger:not(:disabled):hover{background:#e74c3c4d}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.account-panel{visibility:hidden}.account-support-row .material-icons{opacity:.7;font-size:18px}.decoded-message-display{background-color:#2d2d2d;border:1px solid #4a4a4a;border-radius:6px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;box-shadow:0 2px 4px #0000004d}.decoded-message-display label{color:#e0e0e0;font-size:13px;font-weight:700}.decoded-message-display textarea,.decoded-message-display .decoded-html-output{color:#e0e0e0;resize:vertical;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;flex:1;width:100%;min-height:100px;padding:8px}.decoded-message-display textarea:focus{border-color:#3498db;outline:none}.decoded-message-display .btn-secondary{align-self:flex-end;padding:6px 12px;font-size:12px}.decoded-message-header{border-bottom:1px solid #4a4a4a;flex-direction:column;gap:4px;margin-bottom:4px;padding-bottom:8px;display:flex}.decoded-meta-row{gap:8px;font-size:13px;display:flex}.decoded-meta-row label{color:#888;min-width:60px;font-weight:700}.decoded-meta-row span{color:#e0e0e0}.bottom-tab .material-icons{font-size:22px}.compose-mode-segmented{display:none}.compose-tune-subpanel.hidden,.compose-write-subpanel.hidden{display:none!important}@media (width<=768px){.compose-tune-controls-mount{flex-flow:wrap;gap:6px;display:flex}.compose-tune-controls-mount .control-group{box-sizing:border-box;flex:100%;min-width:0;padding:6px 8px}}.contextual-action-bar.hidden{visibility:hidden!important;pointer-events:none!important;border:0!important;height:0!important;padding:0!important;display:none!important}.cab-btn .material-icons{font-size:16px}.more-menu-item .material-icons{color:var(--color-text-muted);font-size:20px}@media (width<=768px){.ql-toolbar.ql-snow{padding:2px!important}.ql-toolbar.ql-snow .ql-formats{margin-right:4px}.ql-toolbar.ql-snow button{width:22px;height:22px;padding:2px}.ql-toolbar.ql-snow button svg{width:16px;height:16px}.ql-toolbar.ql-snow .ql-picker-label{padding:0 2px;font-size:11px}}#piculumMainTab .piculum-content{align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-md);flex-flow:column;flex:1;min-height:0;display:flex}#piculumMainTab .maskdef-library-group{flex-direction:column;flex:1;min-height:0;display:flex}#piculumMainTab .maskdef-editor-group{flex:360px;min-width:0;overflow-y:auto}#piculumMainTab .sub{color:var(--color-text-muted);margin:0;font-size:12px}#piculumMainTab .sub.ok{color:var(--color-accent-green)}#piculumMainTab .sub.err{color:var(--color-accent-red)}#piculumMainTab .row-head{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}#piculumMainTab .row-head h3{margin:0;font-size:15px}#piculumMainTab .maskdef-library-group .row-head{justify-content:flex-start}#piculumMainTab .add-btn{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:6px 12px}#piculumMainTab .add-btn:hover:not(:disabled){background:var(--color-bg-toolbar)}#piculumMainTab .add-btn:disabled{opacity:.45;cursor:default}#piculumMainTab .maskdef-list{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}#piculumMainTab .maskdef-item{cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:12px;padding:10px;transition:background .2s;display:flex}#piculumMainTab .maskdef-item:hover{background:#3a3a3a}#piculumMainTab .maskdef-item:focus{outline-offset:-2px;background:#3a3a3a;outline:2px solid #3498db}#piculumMainTab .maskdef-item.active{background:#3498db1a;border-color:#3498db}#piculumMainTab .maskdef-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#piculumMainTab .maskdef-item-name{color:#e0e0e0;font-weight:700}#piculumMainTab .maskdef-item-meta{color:#a0a0a0;font-size:12px}#piculumMainTab .maskdef-item-meta .material-icons{vertical-align:-2px;font-size:13px}#piculumMainTab .maskdef-item-actions{flex-shrink:0;gap:6px;display:flex}#piculumMainTab .maskdef-name-row{color:var(--color-text-muted);margin-bottom:var(--spacing-sm);gap:4px;max-width:420px;font-size:12px;display:grid}#piculumMainTab .pe-name-row{max-width:none;margin-bottom:0}#piculumMainTab .maskdef-name-row input,#piculumMainTab .maskdef-name-row select,#piculumMainTab .maskdef-name-row textarea{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;padding:8px}#piculumMainTab .maskdef-name-row textarea{resize:vertical;font:inherit;min-height:36px}#piculumMainTab .maskdef-name-row[hidden]{display:none}#piculumMainTab .def-list{gap:8px;display:grid}#piculumMainTab .def-row{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}#piculumMainTab .def-row input,#piculumMainTab .def-row select{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:6px}#piculumMainTab .def-row .def-label{flex:200px;min-width:0;max-width:380px}#piculumMainTab .def-row .def-type{flex:0 0 150px}#piculumMainTab .def-row .def-font{flex:160px}#piculumMainTab .def-row .def-fit,#piculumMainTab .def-row .def-codetype,#piculumMainTab .def-row .def-ecc,#piculumMainTab .def-row .def-qrbg{flex:0 0 130px}#piculumMainTab .def-row .def-fieldtype{flex:0 0 110px}#piculumMainTab .def-row .def-fieldcaption,#piculumMainTab .def-row .def-fieldopts{flex:140px;min-width:0}#piculumMainTab .def-row .def-fieldreq-wrap{color:var(--color-text-muted);white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:12px;display:inline-flex}#piculumMainTab .def-row .def-allocamt{flex:0 0 90px}#piculumMainTab .def-row .def-allocunit{flex:0 0 80px}#piculumMainTab .def-del{background:var(--color-bg-toolbar);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;margin-left:auto;padding:6px 9px;line-height:1}#piculumMainTab .def-del:hover{background:var(--color-accent-red)}#piculumMainTab .maskdef-json{margin:var(--spacing-md) 0}#piculumMainTab .maskdef-json summary{cursor:pointer;color:var(--color-text-muted);font-size:13px}#piculumMainTab .maskdef-json textarea{width:100%;min-height:220px;margin-top:var(--spacing-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;padding:8px;font-family:ui-monospace,monospace;font-size:12px}#piculumMainTab .toolbar{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}#piculumMainTab .toolbar button:not(.btn-primary):not(.btn-danger){background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:8px 14px}#piculumMainTab .toolbar button:not(.btn-primary):not(.btn-danger):not(:disabled):hover{background:var(--color-bg-toolbar)}#piculumMainTab .maskdef-actions{margin-top:var(--spacing-md);justify-content:flex-end}#piculumMainTab #peOpenPanel .maskdef-actions,#piculumMainTab #peViewPanel .maskdef-actions{justify-content:flex-start}#piculumMainTab #pdOpenSelected,#piculumMainTab .maskdef-actions button{border-radius:6px;flex:none;min-width:90px;padding:6px 14px;font-size:13px;font-weight:700}#piculumMainTab .piculum-subtabs{border-bottom:2px solid #3a3a3a;gap:4px;margin-bottom:0;display:flex}#piculumMainTab .piculum-subtab{cursor:pointer;color:#999;background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 16px}#piculumMainTab .piculum-subtab.active{color:#3498db;border-bottom-color:#3498db;font-weight:700}#piculumMainTab .piculum-subtab .tab-count{color:#888;vertical-align:1px;background:#3a3a3a;border-radius:8px;margin-left:2px;padding:1px 6px;font-size:11px;font-weight:400}#piculumMainTab .piculum-subtab .tab-count:empty{display:none}#piculumMainTab .piculum-subtab.active .tab-count{color:#3498db;background:#3498db4d}#piculumMainTab .piculum-subpanel.hidden{display:none}#piculumMainTab .piculum-subpanel{flex-direction:column;flex:1;min-height:0;display:flex}#piculumMainTab .piculum-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#piculumMainTab .piculum-view.hidden{display:none}#piculumMainTab #piculumEditView{overflow:hidden}#piculumMainTab .pe-editor-group{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}#piculumMainTab .pe-editor-group>.maskdef-actions{flex:none}#piculumMainTab .pe-editor-group .maskdef-actions #peStatus{text-align:left;flex:auto;min-width:0;margin-right:12px}#piculumMainTab #piculumEditView{position:relative}#piculumMainTab #piculumEditView>.message-view-toolbar{z-index:3;margin:0;position:absolute;top:6px;left:6px}#piculumMainTab .pe-canvas-wrap{margin-left:120px}#piculumMainTab .pe-editor-layout{flex-wrap:nowrap;flex:1 1 0;align-items:stretch;gap:16px;min-height:0;display:flex}#piculumMainTab .pe-canvas-wrap{border:1px solid var(--color-border);text-align:left;background-color:#1c1c1c;background-image:linear-gradient(45deg,#262626 25%,#0000 25%),linear-gradient(-45deg,#262626 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#262626 75%),linear-gradient(-45deg,#0000 75%,#262626 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:6px;flex:320px;min-width:0;padding:12px;overflow:auto}#piculumMainTab #peCanvas{cursor:crosshair;touch-action:none;image-rendering:pixelated;box-sizing:border-box;border:1px solid #666;display:block}#piculumMainTab .pe-controls{flex-direction:column;flex:0 0 560px;gap:8px;min-width:320px;max-width:560px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}#piculumMainTab .pe-layers-panel{flex:none;min-height:0}#piculumMainTab .pe-controls>:not(.pe-layers-panel){flex-shrink:0}#piculumMainTab .pe-layers-head-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}#piculumMainTab .pe-layer-move{gap:4px;display:inline-flex}#piculumMainTab .pe-move-btn{padding:6px 8px;font-size:12px;line-height:1}@media (pointer:coarse){#piculumMainTab .pe-move-btn{min-width:40px;min-height:40px}}#piculumMainTab .pe-layers-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}#piculumMainTab .pe-layers-tabs{gap:2px;display:flex}#piculumMainTab .pe-ltab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 10px;font-size:13px}#piculumMainTab .pe-ltab:hover{color:var(--color-text-primary)}#piculumMainTab .pe-ltab.active{color:var(--color-text-primary);border-bottom-color:#3498db}#piculumMainTab .pe-split-row{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}#piculumMainTab .pe-split-row.hidden{display:none}#piculumMainTab .pe-split-row .pe-row-label{white-space:nowrap;flex:0 0 78px}#piculumMainTab .pe-split-fields,#piculumMainTab .pe-delete-row #peDeleteName{flex:auto;min-width:0}#piculumMainTab .pe-split-fields{gap:6px;display:flex}#piculumMainTab .pe-split-block{border:1px solid var(--color-border);background:#343438;border-radius:5px;flex-direction:column;gap:6px;padding:6px 8px;display:flex}#piculumMainTab .pe-split-block.hidden{display:none}#piculumMainTab .pe-split-line{align-items:center;gap:8px;display:flex}#piculumMainTab .pe-split-line .pe-row-label{white-space:nowrap;flex:0 0 70px}#piculumMainTab .pe-split-line #peSplitN{flex:0 0 56px;min-width:0}#piculumMainTab .pe-split-line #peSplitUnit{flex:0 0 76px;min-width:0}#piculumMainTab .pe-split-line #peSplitStyle{flex:auto;min-width:0}#piculumMainTab .pe-split-line #peSplitPrefix{flex:0 120px;min-width:0}#piculumMainTab .pe-split-line #peSplitAs{flex:0 0 96px;min-width:0}#piculumMainTab .pe-split-actions{white-space:nowrap;border:1px solid var(--color-border);background:#ffffff0b;border-radius:6px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:3px 4px;display:inline-flex}#piculumMainTab .pe-split-actions .pe-split-pair-btn{min-width:0}#piculumMainTab .pe-split-block .pe-split-saved-line,#piculumMainTab .pe-split-block.pe-split-saved .pe-split-line{display:none}#piculumMainTab .pe-split-block.pe-split-saved .pe-split-saved-line{display:flex}#piculumMainTab .pe-split-block.pe-split-saved{border-color:#7cc47f}#piculumMainTab .pe-split-saved-badge{color:#7cc47f;flex:none}#piculumMainTab .pe-split-saved-text{color:#7cc47f;flex:auto;min-width:0}#piculumMainTab #peSplitN,#piculumMainTab #peSplitUnit,#piculumMainTab #peSplitStyle,#piculumMainTab #peSplitPrefix,#piculumMainTab #peSplitAs,#piculumMainTab .pe-split-row #peDeleteName,#piculumMainTab .pe-split-row #peFieldType,#piculumMainTab .pe-split-row #peFieldCaption,#piculumMainTab .pe-split-row #peFieldOptions{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:3px 4px}#piculumMainTab .pe-split-fields #peFieldType{flex:0 0 90px;min-width:0}#piculumMainTab .pe-split-fields #peFieldCaption,#piculumMainTab .pe-split-fields #peFieldOptions{flex:2 90px;min-width:0}#piculumMainTab .pe-split-fields #peFieldOptions.hidden{display:none}#piculumMainTab .pe-field-req{white-space:nowrap;flex:none;align-items:center;gap:4px;display:inline-flex}#piculumMainTab .pe-row-btn{text-align:center;flex:none;min-width:64px;padding:2px 8px;font-size:12px}#piculumMainTab .pe-toolgroup.pe-layers-panel{gap:3px}#piculumMainTab .layer-list:focus-visible{outline-offset:-2px;outline:2px solid #7ce7a0}#piculumMainTab .pe-editor-group>.maskdef-actions{align-items:center}#piculumMainTab .maskdef-actions .pe-counts{white-space:nowrap;margin-right:12px}#piculumMainTab .pe-layers-panel .def-list{gap:6px}#piculumMainTab .pe-layers-panel .def-row{gap:6px;padding:6px}#piculumMainTab .pe-layers-panel .def-row .def-label{flex:110px;max-width:none}#piculumMainTab .pe-layers-panel .def-row .def-type{flex:120px}#piculumMainTab .pe-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#piculumMainTab .pe-row[hidden]{display:none}#piculumMainTab .pe-row label{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}#piculumMainTab .pe-row input[type=number]{width:64px}#piculumMainTab .pe-vis-btn{padding:2px 7px;line-height:1}#piculumMainTab .pe-vis-btn .material-icons{font-size:16px;display:block}#piculumMainTab .pe-vis-btn[aria-pressed=false]{opacity:.4}#piculumMainTab .pe-row label.pe-small-check{font-size:11px}#piculumMainTab .pe-brush-row{gap:6px}#piculumMainTab .pe-brush-row input[type=number]{width:54px}#piculumMainTab .pe-tools button,#piculumMainTab .pe-action-row button{padding:5px 8px;font-size:12px}#piculumMainTab .pe-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}#piculumMainTab .pe-tools button:disabled{opacity:.45;cursor:default}#piculumMainTab .pe-action-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}#piculumMainTab .pe-col-check{width:46px}#piculumMainTab .pe-col-num{align-items:center;gap:6px;display:inline-flex}#piculumMainTab .pe-num-label{width:52px;display:inline-block}#piculumMainTab .pe-toolgroup{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:6px;flex-direction:column;gap:6px;padding:6px;display:flex}#piculumMainTab .pe-toolgroup .pe-tools{margin-top:0}#piculumMainTab .pe-group-canvas{background:#2c2e31}#piculumMainTab .pe-group-brush{background:#312e2b}#piculumMainTab .pe-group-mask{background:#2c312d}#piculumMainTab .pe-toolgroup.pe-layers-panel{background:#2e2c31}#piculumMainTab .pe-form-card.control-group{background:#2c2e31}#piculumMainTab .pe-visible-block.control-group{background:#312e2b}#piculumMainTab .pe-autosplit.control-group{background:#2c312d}#piculumMainTab #peImageFile{box-sizing:border-box;width:240px}#piculumMainTab .pe-populate-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}#piculumMainTab .pe-populate-row button{padding:5px 8px;font-size:12px}#piculumMainTab #peMdf{box-sizing:border-box;width:100%;min-width:0}#piculumMainTab .pe-populate-row #pePopShape{flex:auto;min-width:0}#piculumMainTab .pe-name-row label{flex:1}#piculumMainTab .pe-name-row input{background:var(--color-bg-secondary);min-width:0;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;flex:1;padding:6px 8px}#piculumMainTab .pe-tools button.active:not(.btn-primary):not(.btn-danger),#piculumMainTab #peTool-poparea.active{color:#fff;background:#3498db;border-color:#3498db}#piculumMainTab .layer-list{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:6px;gap:4px;max-height:340px;padding:4px;display:grid;overflow-y:auto}#piculumMainTab #peLayers{flex:none;align-content:start;min-height:0;max-height:280px;overflow-y:auto}#piculumMainTab .layer-pick{color:var(--color-text-primary);cursor:pointer;align-items:center;gap:8px;min-width:0;display:flex}#piculumMainTab .layer-pick input{flex:none;width:auto}#piculumMainTab .layer-pick .swatch{background:var(--sw);cursor:pointer;border-radius:3px;flex:none;width:12px;height:12px;position:relative}#piculumMainTab .layer-pick .swatch:focus-visible{outline:2px solid var(--color-accent-light-blue);outline-offset:2px}#piculumMainTab .layer-pick .swatch[data-vis=solo]{box-shadow:0 0 0 2px var(--color-text-primary)}#piculumMainTab .layer-pick .swatch[data-vis=off]{box-shadow:inset 0 0 0 1.5px var(--sw);background:0 0}#piculumMainTab .layer-pick .swatch[data-vis=off]:after{content:"";background:linear-gradient(to top right, transparent 43%, var(--color-text-muted) 43%, var(--color-text-muted) 57%, transparent 57%);position:absolute;inset:-1px}#piculumMainTab .layer-pick .layer-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}#piculumMainTab .layer-pick .layer-rename{background:var(--color-bg-tertiary);min-width:0;color:var(--color-text-primary);border:1px solid var(--color-border);font:inherit;border-radius:4px;flex:auto;padding:1px 4px}#piculumMainTab .layer-pick .sub{flex:none;margin-left:auto;padding-left:8px}#piculumMainTab .layer-pick .layer-count{color:var(--color-text-muted);white-space:nowrap;flex:none;font-size:12px}#piculumMainTab .layer-pick .layer-encsplit{color:#7cc47f;white-space:nowrap;margin-left:0;padding-left:6px;font-size:11px}#piculumMainTab .pe-encdec-toggle{margin-bottom:12px}#piculumEncodePanel .hidden{display:none}#piculumEncodePanel .pe-picker-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}#piculumEncodePanel .pe-picker-row .maskdef-name-row{margin-bottom:0}#piculumEncodePanel .pe-picker-row .check{padding-bottom:6px}#piculumEncodePanel .pe-picker-row{margin-bottom:var(--spacing-sm)}#peOpenPanel .check{align-items:center;gap:8px;margin:6px 0 10px;display:inline-flex}#piculumEncodePanel #peFieldsFirstLabel[hidden],#piculumEncodePanel #peShowAutoSplitLabel[hidden],#piculumEncodePanel #peEncRememberRow[hidden],#piculumEncodePanel #peEncScatterRow[hidden],#piculumEncodePanel #peEncViewOnly[hidden]{display:none}#piculumMainTab .pe-content-block{margin-bottom:8px}#piculumMainTab .pe-content-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}#piculumMainTab .pe-content-head .pe-split-note{color:#7cc47f;white-space:nowrap;margin-right:auto;font-size:11px}#piculumMainTab .pe-content-head .pe-part-badge{white-space:nowrap;color:var(--color-text-primary);background:#4a90d92e;border:1px solid #4a90d980;border-radius:10px;margin-right:auto;padding:1px 8px;font-size:11px}#piculumMainTab .pe-qstyle{align-items:center;gap:6px;margin-bottom:4px;display:flex}#piculumMainTab .pe-qstyle .pe-qstyle-tag{flex:none}#piculumMainTab .pe-qstyle select,#piculumMainTab .pe-qstyle .qs-bold,#piculumMainTab .pe-qstyle .qs-italic{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;min-width:0;padding:2px 6px;font-size:12px}#piculumMainTab .pe-qstyle .qs-color{background:var(--color-bg-tertiary);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;flex:none;width:28px;height:22px;padding:1px}#piculumMainTab .pe-qstyle .qs-bold{cursor:pointer;font-weight:700}#piculumMainTab .pe-qstyle .qs-italic{cursor:pointer;font-family:serif;font-style:italic}#piculumMainTab .pe-qstyle .qs-bold.active,#piculumMainTab .pe-qstyle .qs-italic.active{color:#6fc3ff;border-color:#6fc3ff}#piculumMainTab .pc-pw-row{align-items:center;gap:8px;margin-top:6px;display:flex}#piculumMainTab .pc-pw-label{flex:none;align-items:center;gap:8px;display:flex}#piculumMainTab .pc-pw-label .pc-password{flex:none;width:180px}#piculumMainTab .pc-size{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:0 auto;min-width:0;font-size:11px;overflow:hidden}#piculumMainTab .pc-size.over{color:var(--color-accent-red);font-weight:600}#piculumMainTab .pe-form-card{margin-bottom:8px}#piculumMainTab .pf-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}#piculumMainTab .pf-caption{text-align:left;overflow-wrap:anywhere;flex:0 0 80px;min-width:0}#piculumMainTab .pf-input{background:var(--color-bg-tertiary);min-width:0;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;flex:auto;padding:5px 6px;font-family:inherit}#piculumMainTab .pf-size{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;flex:none;min-width:120px;font-size:11px}#piculumMainTab .pf-input.pf-date-empty:not(:focus){color:#0000}#piculumMainTab textarea.pf-multiline{resize:vertical;min-height:0;line-height:1.35;overflow-y:auto}#piculumMainTab .pf-row:has(textarea.pf-multiline){align-items:flex-start}:is(#piculumMainTab .pf-row:has(textarea.pf-multiline) .pf-caption,#piculumMainTab .pf-row:has(textarea.pf-multiline) .pf-size){padding-top:5px}#piculumMainTab .pf-pw-wrap{flex:auto;align-items:stretch;gap:6px;min-width:0;display:flex}#piculumMainTab .pf-pw-wrap .pf-input{flex:auto}#piculumMainTab .pf-pw-wrap .pd-reveal-btn{border-radius:4px}#piculumMainTab .pf-size.over{color:var(--color-accent-red);font-weight:600}#piculumMainTab .pd-record-row{gap:8px;margin-bottom:4px;display:flex}#piculumMainTab .pd-record-caption{text-align:left;overflow-wrap:anywhere;flex:0 0 80px;min-width:0}#piculumMainTab .pd-record-value{white-space:pre-wrap;word-break:break-word;flex:auto;min-width:0}#piculumMainTab .pd-inline-unlock{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}#piculumMainTab .pd-inline-unlock .material-icons{color:#a0a0a0;font-size:16px}#piculumMainTab .pd-inline-pw{color:#e0e0e0;width:12ch;font:inherit;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:3px 7px}#piculumMainTab .pd-inline-err{flex-basis:100%;font-size:12px}#piculumMainTab .pc-textarea,#piculumMainTab .pc-password,#piculumMainTab .pv-text-input,#piculumMainTab .pv-file-input{box-sizing:border-box;background:var(--color-bg-tertiary);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:6px;font-family:inherit}#piculumMainTab .file-drop-zone{cursor:pointer;color:#888;border:2px dashed #555;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:18px 16px;transition:border-color .2s,background .2s;display:flex}#piculumMainTab .file-drop-zone:hover,#piculumMainTab .file-drop-wrap.drag-over .file-drop-zone,#piculumMainTab .file-drop-wrap.drag-over .file-drop-info{background:#4a90d914;border-color:#4a90d9}#piculumMainTab .file-drop-zone:focus-visible{outline:2px solid var(--color-accent-light-blue);outline-offset:2px}#piculumMainTab .file-drop-wrap.rejected .file-drop-zone,#piculumMainTab .file-drop-wrap.rejected .file-drop-info{border-color:var(--color-accent-red)}#piculumMainTab .file-drop-wrap.rejected .file-drop-hint{color:var(--color-accent-red)}#piculumMainTab .file-drop-icon{color:#666;margin-bottom:4px;font-size:32px}#piculumMainTab .file-drop-hint{margin:0;font-size:.85rem}#piculumMainTab .file-drop-info{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;display:flex}#piculumMainTab .file-drop-info>.material-icons{color:#4a90d9;font-size:20px}#piculumMainTab .file-drop-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#piculumMainTab .file-drop-size{white-space:nowrap}#piculumMainTab .file-drop-clear{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}#piculumMainTab .file-drop-clear:hover{color:var(--color-accent-red)}#piculumMainTab .file-drop-clear .material-icons{font-size:18px}.piculum-json-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.piculum-json-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;width:min(720px,100%);max-height:100%;display:flex;overflow:hidden}.piculum-json-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.piculum-json-head-actions{gap:4px;display:flex}.piculum-json-body{color:var(--color-text-primary);white-space:pre;tab-size:2;margin:0;padding:12px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.5;overflow:auto}#piculumMainTab .pe-autosplit{border:1px dashed var(--color-border);border-radius:4px;padding:8px}#piculumMainTab .pas-input{box-sizing:border-box;background:var(--color-bg-tertiary);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);resize:vertical;border-radius:4px;min-height:120px;padding:6px;font-family:inherit}#piculumMainTab .pas-rich-mode,#piculumMainTab .pas-file-mode{margin-bottom:6px}#piculumMainTab .pas-rich-mode .quill-editor-wrapper{min-height:120px}#piculumMainTab .pas-meter{margin:4px 0 2px}#piculumMainTab .pas-meter:empty{display:none}#piculumMainTab .pas-meter.over{color:var(--color-danger,#e06c6c);font-weight:700}#piculumMainTab .pas-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}#piculumMainTab .pas-controls label{align-items:center;gap:6px;display:flex}#piculumMainTab .pas-run{box-sizing:border-box;color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border:none;border-radius:6px;width:140px;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:700;transition:filter .15s}#piculumMainTab .pas-run:hover{filter:brightness(1.12)}#piculumMainTab #peEncRun{box-sizing:border-box;flex:none;width:140px}#piculumMainTab #peEncContent.pe-hide-targets .pe-content-block:not(.pe-autosplit):not(.pe-visible-block){display:none}#piculumMainTab .pas-marker{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:4px 6px;font-family:inherit}#piculumMainTab .pas-lean-end{color:var(--color-text-muted);font-size:.85em}#piculumMainTab .pas-lean-num{background:var(--color-bg-tertiary);width:52px;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:4px 6px;font-family:inherit}#piculumMainTab .pas-status{min-height:1em;margin-top:6px;display:block}#piculumMainTab .pas-choice{margin:4px 4px 0 0}#piculumMainTab .pas-overflow{margin-top:6px}#piculumMainTab .pas-overflow.hidden{display:none}#piculumMainTab .pas-overflow-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}#piculumMainTab .pas-overflow-text{box-sizing:border-box;background:var(--color-bg-tertiary);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);resize:vertical;border-radius:4px;padding:6px;font-family:inherit}#piculumMainTab .pe-visible-block{border-left:2px solid var(--color-border);padding-left:10px}#piculumMainTab .pe-visible-tag{opacity:.8;font-style:italic}#piculumMainTab .pe-visible-block .pv-quill{margin-top:2px}#piculumMainTab .pe-content-block .quill-editor-wrapper{overflow:visible}#piculumMainTab .pe-content-block .ql-editor{resize:vertical;min-height:100px;overflow-y:auto}.ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-font-monospace{font-family:Consolas,Courier New,monospace}.ql-font-arial{font-family:Arial,Helvetica,sans-serif}.ql-font-georgia{font-family:Georgia,serif}.ql-font-times{font-family:Times New Roman,Times,serif}.ql-font-courier{font-family:Courier New,Courier,monospace}.ql-font-verdana{font-family:Verdana,Geneva,sans-serif}.ql-font-tahoma{font-family:Tahoma,Geneva,sans-serif}.ql-font-trebuchet{font-family:Trebuchet MS,Helvetica,sans-serif}.ql-font-impact{font-family:Impact,Charcoal,sans-serif}.ql-font-comicsans{font-family:Comic Sans MS,Comic Sans,cursive}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=arial]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]:before{content:"Arial";font-family:Arial,Helvetica,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=georgia]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=georgia]:before{content:"Georgia";font-family:Georgia,serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=times]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=times]:before{content:"Times";font-family:Times New Roman,Times,serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=courier]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=courier]:before{content:"Courier";font-family:Courier New,Courier,monospace}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=verdana]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=verdana]:before{content:"Verdana";font-family:Verdana,Geneva,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=tahoma]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=tahoma]:before{content:"Tahoma";font-family:Tahoma,Geneva,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=trebuchet]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=trebuchet]:before{content:"Trebuchet";font-family:Trebuchet MS,Helvetica,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=impact]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=impact]:before{content:"Impact";font-family:Impact,Charcoal,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=comicsans]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=comicsans]:before{content:"Comic Sans";font-family:Comic Sans MS,Comic Sans,cursive}.ql-snow .ql-picker.ql-font{width:110px}#piculumEncodePanel .pe-layout{height:100%}#piculumEncodePanel .pe-folder{align-items:center;gap:8px;display:flex}#piculumEncodePanel .pe-folder .material-icons{font-size:18px;line-height:1}#piculumEncodePanel .pe-panel{overflow-y:auto}#piculumEncodePanel #peEncForm{display:contents}#piculumEncodePanel #peEncForm[hidden]{display:none}#piculumEncodePanel #peNewPanel .pe-encode-footer{z-index:3;margin:var(--spacing-md) -10px 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);flex-direction:column;gap:8px;padding:8px 10px;display:flex;position:sticky;bottom:0}#piculumEncodePanel .pe-footer-fields{flex-wrap:wrap;gap:8px 16px;display:flex}#piculumEncodePanel .pe-inline-field{min-width:0;color:var(--color-text-muted);white-space:nowrap;flex:220px;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}#piculumEncodePanel .pe-inline-field .pw-form{flex:1;min-width:0}#piculumEncodePanel .pe-inline-field input{background:var(--color-bg-secondary);min-width:0;color:var(--color-text-primary);border:1px solid var(--color-border);font:inherit;border-radius:6px;flex:1;padding:6px 8px}#piculumEncodePanel .pe-inline-field input.visually-hidden{flex:0}#piculumEncodePanel #peEncPwRow[hidden]{display:none}#piculumEncodePanel .pe-footer-checks{flex-wrap:wrap;gap:6px 16px;display:flex}#piculumEncodePanel .pe-footer-checks .check{color:var(--color-text-muted);align-items:center;gap:6px;margin:0;font-size:12px;display:inline-flex}#piculumEncodePanel .pe-footer-checks .check-note{opacity:.8}#piculumEncodePanel #peNewPanel .maskdef-actions{align-items:center;margin:0;padding-right:9px}#piculumEncodePanel #peNewPanel .maskdef-actions #peEncStatus{text-align:left;overflow-wrap:anywhere;min-width:0;margin-right:auto}#piculumEncodePanel .messages-list{flex:1}#piculumEncodePanel .message-view-toolbar{align-items:center;gap:10px;margin-bottom:8px;display:flex}#piculumEncodePanel #pdDownload[hidden],#piculumEncodePanel #pdDownloadMask[hidden],.tree-item .message-count:empty{display:none}#piculumMainTab .pd-preview-wrap:not(:has(canvas[style*=block])){display:none}#piculumMainTab .maskdef-library-group>p.sub,#piculumEncodePanel #peOpenPanel p.sub{max-width:70ch}#piculumMainTab .maskdef-library-group>p.sub{margin:0 0 var(--spacing-md);font-size:13px}#piculumMainTab #peEncodedPanel .pd-decode-layout{flex:1;align-items:stretch;min-height:0}#piculumMainTab #peEncodedPanel .pd-list-pane{min-height:0}#piculumMainTab #peEncodedPanel .pd-list-pane .maskdef-list{flex:1;min-height:0;max-height:none}#piculumMainTab #peEncodedPanel .pd-view-pane{min-height:0}#piculumMainTab #piculumListView .pd-decode-layout{flex:1;align-items:stretch;min-height:0}#piculumMainTab #piculumListView .pd-view-pane{min-height:0}#piculumMainTab .pe-decoded-rich{color:#e0e0e0;background:#1e1e1e;border-radius:4px;margin-top:4px}#piculumMainTab .pe-decoded-rich .ql-editor{min-height:0;padding:8px}#piculumMainTab .pe-preview{max-width:100%;image-rendering:pixelated;border:1px solid var(--color-border);background:#000;border-radius:6px;margin-top:12px}#piculumMainTab .pe-download{color:#8a9cff;align-self:center}#piculumMainTab .pd-decode-layout{flex-wrap:nowrap;align-items:flex-start;gap:16px;display:flex}#piculumMainTab .pd-list-pane{flex-direction:column;flex:0 0 300px;gap:10px;min-width:240px;max-width:320px;display:flex}#piculumMainTab .pd-list-pane .maskdef-list{flex:0 auto;max-height:50vh}#piculumMainTab #piculumListView .pd-list-pane .maskdef-list,#piculumMainTab #mdfListView .pd-list-pane .maskdef-list{max-height:calc(100vh - 280px)}#piculumMainTab #mdfListView .pd-list-pane{flex-basis:340px;max-width:360px}#piculumMainTab #mdfPreview{overflow-wrap:anywhere;min-width:0}#piculumMainTab .mdf-preview-name{margin:0 0 2px;font-size:17px}#piculumMainTab #mdfPreview .sub{max-width:70ch}#piculumMainTab .mdf-preview-table{border-collapse:collapse;font-size:13px}#piculumMainTab .mdf-preview-table th,#piculumMainTab .mdf-preview-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border-light);padding:5px 18px 5px 0}#piculumMainTab .mdf-preview-table th{color:var(--color-text-muted);font-size:12px;font-weight:600}#piculumMainTab .mdf-preview-table td:first-child{font-weight:600}#piculumMainTab .mdf-preview-table td:nth-child(2){color:var(--color-text-muted)}#piculumMainTab .pd-view-pane{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}#piculumMainTab .pe-preview-zoom{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}#piculumMainTab .pe-preview-zoom select{width:auto}#piculumMainTab .pe-preview-zoom[hidden]{display:none}#piculumMainTab .pd-preview-wrap{border:1px solid var(--color-border);background-color:#1c1c1c;background-image:linear-gradient(45deg,#262626 25%,#0000 25%),linear-gradient(-45deg,#262626 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#262626 75%),linear-gradient(-45deg,#0000 75%,#262626 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:6px;align-self:start;max-width:100%;padding:8px;overflow:auto}#piculumMainTab #peViewPanel .pd-preview-wrap{flex-shrink:0}#piculumMainTab #pdPreview,#piculumMainTab #pePreview{border:1px solid #666;max-width:100%;display:block}#piculumMainTab .pe-decode-results{gap:8px;margin-top:12px;display:grid}#piculumMainTab .decoded{white-space:pre-wrap;word-break:break-word;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:10px;font-size:14px}#piculumMainTab .decoded .err{color:#ff7a7a}#piculumMainTab .pd-freeform{gap:8px;display:grid}#piculumMainTab .pd-combined{border-left:3px solid var(--color-accent-light-blue);gap:6px;display:grid}#piculumMainTab .pd-combined-head{justify-content:space-between;align-items:center;gap:8px;display:flex}#piculumMainTab .pd-combined-text{box-sizing:border-box;resize:vertical;background:var(--color-bg-tertiary);width:100%;min-height:8rem;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:6px;font-family:inherit;font-size:14px;line-height:1.5}#piculumMainTab .pe-break{display:none}@media (width<=768px){#piculumMainTab .piculum-subtabs{flex-wrap:wrap}#piculumMainTab .piculum-subtab{flex:auto;padding:8px 6px}#piculumEncodePanel .pe-layout{flex-direction:column}#piculumEncodePanel .pe-tree{border-bottom:1px solid #3a3a3a;border-right:none;flex-direction:row;flex-shrink:0;gap:4px;width:auto;min-width:0;padding:4px}#piculumEncodePanel .pe-folder{border-left:none;border-radius:5px;flex:1;justify-content:center;padding:6px 8px}#piculumEncodePanel .pe-folder.active{background:#3498db26}#piculumMainTab .pd-decode-layout{flex-direction:column;align-items:stretch}#piculumMainTab .pd-list-pane{flex:none;min-width:0;max-width:none}#piculumMainTab .pd-preview-wrap{max-height:45vh}#piculumMainTab .pe-editor-layout{flex-direction:column;align-items:stretch}#piculumMainTab .pe-canvas-wrap{flex:none;max-height:55vh;margin-left:0}#piculumMainTab .pe-controls{flex:none;min-width:0;max-width:none}#piculumMainTab #piculumEditView{overflow-y:auto}#piculumMainTab .pe-editor-group{flex:none;min-height:auto;overflow:visible}#piculumMainTab .pe-editor-layout{flex:none;min-height:auto}#piculumMainTab .pe-row label:has(#peImageFile){flex:auto;min-width:0}#piculumMainTab #peImageFile{flex:auto;width:0;min-width:0}#piculumMainTab #peMdf{width:100%;min-width:0}#piculumMainTab .pe-populate-row{grid-template-columns:repeat(2,minmax(0,1fr))}#piculumMainTab .maskdef-name-row{max-width:none}#piculumMainTab .pe-break{flex-basis:100%;height:0;display:block}#piculumMainTab .pe-split-row,#piculumMainTab .pe-split-line,#piculumMainTab .pe-split-fields{flex-wrap:wrap}#piculumMainTab .pf-row{flex-wrap:wrap;row-gap:2px}#piculumMainTab .pf-caption{text-align:left;flex:auto;order:0}#piculumMainTab .pf-size{flex:none;order:1;min-width:0}#piculumMainTab .pf-input,#piculumMainTab .pf-pw-wrap{flex:100%;order:2}}@media (width>=769px) and (height<=559px){#piculumMainTab .piculum-view,#piculumMainTab #piculumEditView,#piculumMainTab .messages-content-area,#piculumEncodePanel .pe-panel{overflow:visible}#piculumMainTab .pe-editor-group{flex:none;min-height:auto;overflow:visible}#piculumMainTab .pe-editor-layout{flex:none;min-height:auto}#piculumMainTab .pe-controls{overflow:visible}#piculumMainTab .pe-canvas-wrap{max-height:70vh}#piculumMainTab #peLayers{min-height:60px;max-height:45vh}#piculumMainTab .pe-editor-group>.maskdef-actions{z-index:3;margin:var(--spacing-md) -10px 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:8px 10px;position:sticky;bottom:0}}.pw-error{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c59!important}#toastContainer{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;color:#e0e0e0;background:#2a2a2a;border-left:4px solid #3498db;border-radius:6px;align-items:center;gap:8px;max-width:350px;padding:10px 14px;font-size:13px;animation:.3s forwards toast-in;display:flex;box-shadow:0 4px 12px #0006}.toast-success{border-left-color:#27ae60}.toast-error{border-left-color:#e74c3c}.toast-info{border-left-color:#3498db}.toast-message{word-break:break-word;flex:1}.toast-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.toast-close:hover{color:#e0e0e0}.toast-exit{animation:.3s forwards toast-out}@media (width<=768px){#toastContainer{top:calc(36px + env(safe-area-inset-top,0px) + 8px);align-items:stretch;bottom:auto;left:8px;right:8px}.toast{border-top:3px solid #3498db;border-left:none;border-radius:4px;max-width:100%;padding:8px 12px;font-size:12px;animation:.25s forwards toast-in-top}.toast-success{border-top-color:#27ae60;border-left-color:#0000}.toast-error{border-top-color:#e74c3c;border-left-color:#0000}.toast-info{border-top-color:#3498db;border-left-color:#0000}.toast-exit{animation:.25s forwards toast-out-top}}
