:root {
    --inspector-ui-opacity: 1; --global-banners-height: 0px;
    --active-card-font-family: 'Noto Serif CJK', sans-serif !important;
}
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
    background-color: #edf2e3;
    font-family: var(--active-card-font-family), -apple-system, sans-serif !important;
}
/* Tiptap Support Styles */
.tiptap ul, .tiptap ol, .ql-editor ul, .ql-editor ol { padding-left: 1.6em !important; margin: 0.8em 0 !important; }
.tiptap ul, .ql-editor ul { list-style-type: disc !important; }
.tiptap ol, .ql-editor ol { list-style-type: decimal !important; }
.tiptap ul[data-type="taskList"], .ql-editor ul[data-type="taskList"] { list-style: none !important; padding: 0 !important; }
.tiptap ul[data-type="taskList"] li, .ql-editor ul[data-type="taskList"] li { display: flex !important; align-items: flex-start !important; gap: 8px !important; margin-bottom: 4px !important; cursor: pointer; }
.tiptap ul[data-type="taskList"] li label, .ql-editor ul[data-type="taskList"] li label { position: relative; width: 1.1em; height: 1.1em; border: 1.5px solid currentColor; border-radius: 3px; display: inline-block; flex-shrink: 0; margin-top: 0.2em; pointer-events: none; }
.tiptap ul[data-type="taskList"] li[data-checked="true"] label::after, .ql-editor ul[data-type="taskList"] li[data-checked="true"] label::after { content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.8em; }
.tiptap ul[data-type="taskList"] li[data-checked="true"], .ql-editor ul[data-type="taskList"] li[data-checked="true"] { opacity: 0.6; }
.tiptap ul[data-type="taskList"] li[data-checked="true"] > div, .ql-editor ul[data-type="taskList"] li[data-checked="true"] > div { text-decoration: line-through; }
.spoiler-blur { filter: blur(10px); cursor: pointer; transition: filter 0.3s ease; }
.spoiler-blur:hover { filter: blur(5px); }
.spoiler-blur.revealed { filter: none !important; cursor: text; }
.music-lyrics-container { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 90px; overflow: hidden; }
.lyrics-line { font-size: 0.85em; opacity: 0.4; white-space: pre-wrap; word-break: break-word; text-align: center; transition: all 0.4s; margin: 4px 0; }
.lyrics-line.active { opacity: 1 !important; font-weight: bold !important; transform: scale(1.08); color: var(--music-accent-color); }
.preview-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 80px;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
@media screen and (min-width: 769px) { .preview-wrapper { max-width: 1000px; padding: 40px; } }
.preview-items-container { width: 100%; position: relative; }
.preview-item-wrapper { box-sizing: border-box; }
.preview-item-wrapper.is-hidden { display: none !important; }

.preview-card-inner { position: relative; }
.preview-card-inner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--card-bg-final, transparent);
    background-size: cover;
    background-position: center;
    opacity: var(--card-bg-opacity, 1);
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
}

.footer-credit { text-align: center; padding: 20px; color: #888; font-size: 12px; margin-top: 20px; }
.bk-toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.85); color: white; padding: 12px 24px; border-radius: 50px; z-index: 2147483647; opacity: 0; transition: opacity 0.3s; pointer-events: none; box-shadow: 0 5px 15px rgba(0,0,0,0.3); backdrop-filter: blur(4px); }
.bk-toast.visible { opacity: 1; }
#bk-lightbox { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.95); z-index: 2147483647; display: none; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s; cursor: zoom-out; backdrop-filter: blur(5px); }
#bk-lightbox.visible { display: flex; opacity: 1; }
#bk-lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; box-shadow: 0 0 20px rgba(0,0,0,0.5); user-select: none; }

[data-action="link"],
[data-action="toggle-check"],
[data-action="cycle-check"],
[data-action="alert"],
[data-action="copy"],
[data-action="lightbox"],
[data-action="lightbox-bg"],
[data-action="toggle-spoiler"],
[data-action="toggle-fold"] { cursor: pointer !important; }

.spoiler-blur { filter: blur(8px); cursor: pointer; transition: filter 0.3s; user-select: none; }
.spoiler-blur:hover { filter: blur(4px); }
.spoiler-blur.revealed { filter: none; user-select: text; cursor: text; }
.cal-day-cell { cursor: pointer; }
.cal-day-cell.is-today { box-shadow: inset 0 0 0 2px var(--cal-accent, #FF3B30); }
.cal-day-cell.cal-pulse { animation: cal-pulse 2s infinite cubic-bezier(0.4, 0, 0.6, 1); }
@keyframes cal-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.85; transform: scale(0.95); } }
:root { --bg-editor: #ffffff; --bg-input: #f8f8f8; --border-color: #e8e8e8; --bg-preview-pane: #e3e3e3; --color-primary: #007aff; }
.dark-mode { --bg-editor: #1a1c22; --bg-input: #1a1c22; --border-color: #2d313a; --bg-preview-pane: #0f1115; }
.skeleton { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; animation: 1.5s ease 0s infinite normal none running skeleton-loading; border-radius: 8px; display: block; }
@keyframes skeleton-loading { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
.skeleton-text { height: 16px; margin-bottom: 10px; width: 100%; }
.skeleton-title { height: 24px; margin-bottom: 15px; width: 60%; }
.skeleton-avatar { width: 90px; height: 90px; border-radius: 50%; margin: 0px auto 15px; }
.skeleton-card { background: rgb(255, 255, 255); padding: 20px; border-radius: 12px; margin-bottom: 20px; border: 1px solid var(--border-color); }
.dark-mode .skeleton-card { background: rgb(44, 48, 58); }
#app-skeleton-container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; flex-direction: column; background: var(--bg-preview-pane); z-index: 9999; }
@media screen and (max-width: 768px) {
  .hide-on-mobile { display: none !important; }
}
@import url("https://fontsapi.zeoseven.com/570/main/result.css");
.sticker-item[data-v-a5780031] { cursor: grab; user-select: none; box-sizing: border-box; position: absolute; }
.sticker-item[data-v-a5780031]:active { cursor: grabbing; }
.sticker-item.selected[data-v-a5780031] { outline: 2px dashed var(--color-primary); outline-offset: 2px; }
.sticker-content[data-v-a5780031] { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; overflow: hidden; }
.sticker-content img[data-v-a5780031] { object-fit: contain; pointer-events: none; width: 100%; height: 100%; }
.sticker-idb-placeholder[data-v-a5780031] { background-position: 50% center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; }
.sticker-content svg[data-v-a5780031] { width: 100%; height: 100%; }
.tape-shape[data-v-a5780031], .circle-shape[data-v-a5780031], .rect-shape[data-v-a5780031] { box-sizing: border-box; width: 100%; height: 100%; }
.stroked[data-v-a5780031] { stroke: currentcolor; }
.sticker-handle[data-v-a5780031] { border: 1px solid var(--color-primary); z-index: 100; pointer-events: auto; background: rgb(255, 255, 255); width: 14px; height: 14px; position: absolute; }
.sticker-handle[data-v-a5780031]::after { content: ""; pointer-events: auto; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.handle-nw[data-v-a5780031] { cursor: nw-resize; top: -6px; left: -6px; }
.handle-ne[data-v-a5780031] { cursor: ne-resize; top: -6px; right: -6px; }
.handle-sw[data-v-a5780031] { cursor: sw-resize; bottom: -6px; left: -6px; }
.handle-se[data-v-a5780031] { cursor: se-resize; bottom: -6px; right: -6px; }
.handle-rot[data-v-a5780031] { cursor: crosshair; background: var(--color-primary); border: 2px solid rgb(255, 255, 255); border-radius: 50%; width: 12px; height: 12px; top: -25px; left: 50%; transform: translate(-50%); }
.handle-rot[data-v-a5780031]::after { content: ""; background: var(--color-primary); z-index: -1; width: 1px; height: 13px; position: absolute; top: 10px; left: 50%; transform: translate(-50%); }
.profile-pro[data-v-b775bda7] { user-select: none; flex-direction: column; height: 100%; transition: 0.3s; display: flex; }
.pro-header[data-v-b775bda7] { flex-shrink: 0; align-items: center; gap: 16px; margin-bottom: 20px; display: flex; }
.pro-main-info[data-v-b775bda7] { flex: 1 1 0%; min-width: 0px; }
.pro-nickname[data-v-b775bda7] { letter-spacing: -0.02em; margin: 0px; font-weight: 600; }
.pro-subtitle[data-v-b775bda7] { opacity: 0.9; margin: 2px 0px 0px; font-weight: 510; }
.pro-status-badge[data-v-b775bda7] { overflow: visible; }
.pro-badge-symbol[data-v-b775bda7] { font-size: 14px; }
.pro-badge-icon[data-v-b775bda7] { font-size: 18px; }
.pro-badge-indicator[data-v-b775bda7] { border-radius: 50%; width: 12px; height: 12px; }
.pro-badge-indicator.online[data-v-b775bda7] { background: rgb(67, 181, 129); }
.pro-badge-indicator.busy[data-v-b775bda7], .pro-badge-indicator.dnd[data-v-b775bda7] { background: rgb(240, 71, 71); }
.pro-badge-indicator.idle[data-v-b775bda7] { background: rgb(250, 166, 26); }
.pro-badge-indicator.red-dot[data-v-b775bda7] { color: rgb(255, 255, 255); background: rgb(255, 51, 51); border-radius: 9px; width: auto; height: auto; padding: 1px 4px; font-size: 9px; }
.pro-badge-indicator.red-dot[data-v-b775bda7]::after { content: "99+"; }
.pro-divider[data-v-b775bda7] { background: rgba(255, 255, 255, 0.05); flex-shrink: 0; height: 1px; margin-bottom: 20px; }
.pro-body[data-v-b775bda7] { scrollbar-width: thin; flex-direction: column; flex: 1 1 0%; min-height: 0px; display: flex; overflow-y: auto; }
.pro-body[data-v-b775bda7]::-webkit-scrollbar { width: 4px; }
.pro-body[data-v-b775bda7]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 4px; }
.pro-bio[data-v-b775bda7] { margin: 0px 0px 16px; line-height: 1.6; }
.pro-extras[data-v-b775bda7] { flex-direction: column; gap: 8px; margin-bottom: 20px; display: flex; }
.pro-extra-item[data-v-b775bda7] { align-items: center; gap: 8px; display: flex; }
.pro-tags[data-v-b775bda7] { flex-wrap: wrap; gap: 8px; display: flex; }
.pro-highlight[data-v-b775bda7] { pointer-events: none; background: linear-gradient(135deg, rgba(0, 0, 0, 0) 70%, rgba(255, 255, 255, 0.03) 100%); width: 100px; height: 100px; position: absolute; top: 0px; right: 0px; }
.profile-life[data-v-c5dcc691] { flex-direction: column; width: 100%; height: 100%; display: flex; }
.life-hero[data-v-c5dcc691] { width: 100%; position: relative; }
.life-hero-badge[data-v-c5dcc691] { color: rgb(255, 255, 255); }
.life-badge-icon[data-v-c5dcc691] { font-size: 24px; }
.life-badge-symbol[data-v-c5dcc691] { font-size: 20px; }
.life-content[data-v-c5dcc691] { scrollbar-width: thin; flex: 1 1 0%; min-height: 0px; padding: 20px; overflow-y: auto; }
.life-header[data-v-c5dcc691] { justify-content: space-between; align-items: flex-start; margin-bottom: 12px; display: flex; }
.life-nickname[data-v-c5dcc691] { letter-spacing: -0.02em; margin: 0px; font-weight: 700; }
.life-subtitle[data-v-c5dcc691] { opacity: 0.8; margin: 2px 0px 0px; font-weight: 500; }
.life-rating-badge[data-v-c5dcc691] { color: rgb(255, 255, 255); border-radius: 8px; padding: 4px 10px; font-size: 0.85rem; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; }
.life-bio[data-v-c5dcc691] { margin: 0px 0px 16px; line-height: 1.6; }
.life-tags[data-v-c5dcc691] { flex-wrap: wrap; gap: 8px; display: flex; }
.profile-bg-image[data-v-8ec13d71], .profile-bg-overlay[data-v-8ec13d71] { pointer-events: none; }
.preview-header[data-v-8ec13d71] > :not(.profile-bg-image):not(.profile-bg-overlay) { z-index: 1; position: relative; }
.tiptap-editor-inline[data-v-cbdd8f62] { z-index: 100; background: 0px 0px; position: relative; }
.tiptap-bubble-menu[data-v-cbdd8f62] { pointer-events: none; opacity: 0; z-index: 10000; transition: opacity 0.2s, transform 0.2s; position: absolute; }
.tiptap-bubble-menu.active[data-v-cbdd8f62] { pointer-events: auto; opacity: 1; }
.premium-toolbar[data-v-cbdd8f62] { background: var(--rt-toolbar-bg,#ffffffd9); border: 1px solid var(--rt-toolbar-border,#ffffff4d); color: var(--rt-toolbar-text,#333); border-radius: 100px; align-items: center; gap: 4px; padding: 6px; display: flex; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 32px, rgba(0, 0, 0, 0.05) 0px 2px 8px; }
:root.dark-mode .premium-toolbar[data-v-cbdd8f62], .dark-mode .premium-toolbar[data-v-cbdd8f62] { background: var(--rt-toolbar-bg,#2d313a); border: 1px solid var(--rt-toolbar-border,#4a5568); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 32px; }
.toolbar-group[data-v-cbdd8f62] { gap: 2px; display: flex; }
.premium-toolbar button[data-v-cbdd8f62] { cursor: pointer; width: 30px; height: 30px; color: inherit; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.premium-toolbar button[data-v-cbdd8f62]:hover { background: var(--rt-toolbar-btn-hover,#f0f0f0); }
.premium-toolbar button.danger-btn[data-v-cbdd8f62]:hover { background: rgb(254, 226, 226); color: rgb(239, 68, 68) !important; }
.premium-toolbar button.is-active[data-v-cbdd8f62] { background: var(--color-primary,#4a90e2); box-shadow: rgba(74, 144, 226, 0.3) 0px 4px 12px; color: rgb(255, 255, 255) !important; }
.premium-toolbar button .iconify[data-v-cbdd8f62] { width: 1.25rem; height: 1.25rem; font-size: 1.25rem; }
.toolbar-divider[data-v-cbdd8f62] { background: var(--rt-toolbar-border,#0000001a); width: 1px; height: 18px; margin: 0px 4px; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap { line-height: var(--line-height,inherit); letter-spacing: inherit; white-space: pre-wrap !important; outline: none !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap table { border-collapse: collapse; table-layout: fixed; width: 100%; margin: 1em 0px; overflow: hidden; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap table td, [data-v-cbdd8f62] .tiptap-content-root .tiptap table th { border: 2px solid var(--rt-toolbar-border,#ddd); vertical-align: top; box-sizing: border-box; min-width: 1em; line-height: inherit; padding: 6px 10px; position: relative; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap table th { text-align: left; background-color: rgba(128, 128, 128, 0.05); font-weight: 700; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap table .selectedCell::after { z-index: 2; content: ""; pointer-events: none; background: rgba(200, 200, 255, 0.4); position: absolute; inset: 0px; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap table .column-resize-handle { pointer-events: none; background-color: rgb(170, 221, 255); width: 4px; position: absolute; top: 0px; bottom: -2px; right: -2px; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ul[data-type="taskList"] { list-style: none; padding: 0px !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ul[data-type="taskList"] li { align-items: flex-start; gap: 8px; margin-bottom: 4px; display: flex; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ul[data-type="taskList"] li > label { user-select: none; flex: 0 0 auto; margin-top: 4px; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ul[data-type="taskList"] li > div { flex: 1 1 auto; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ul[data-type="taskList"] input[type="checkbox"] { cursor: pointer; width: 1.2em; height: 1.2em; accent-color: var(--color-primary); }
[data-v-cbdd8f62] .tiptap-content-root .tiptap .ProseMirror { min-height: 0px !important; margin: 0px !important; padding: 0px !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap p { margin: 0px 0px 0.4em; padding: 0px !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap h1, [data-v-cbdd8f62] .tiptap-content-root .tiptap h2, [data-v-cbdd8f62] .tiptap-content-root .tiptap h3 { margin: 0.5em 0px 0.3em !important; font-weight: 800 !important; line-height: 1.2 !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap h1 { font-size: 1.6em; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap h2 { font-size: 1.4em; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap h3 { font-size: 1.2em; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap blockquote { border-left: 4px solid var(--color-primary,#007aff); color: var(--text-secondary); background: rgba(128, 128, 128, 0.05); border-radius: 2px 8px 8px 2px; margin: 0.8em 0px !important; padding-left: 1em !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap pre { color: rgb(212, 212, 212); background: rgb(30, 30, 30); font-family: monospace; font-size: 0.9em; border-radius: 8px !important; margin: 0.8em 0px !important; padding: 12px !important; overflow-x: auto !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap code { background: rgba(128, 128, 128, 0.1); border-radius: 4px !important; padding: 2px 4px !important; }
[data-v-cbdd8f62] .ProseMirror { outline: none !important; padding: 0px !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ul, [data-v-cbdd8f62] .tiptap-content-root .tiptap ol { margin: 0.5em 0px !important; padding-left: 1.5em !important; list-style-position: outside !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ul { list-style-type: disc !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ol { list-style-type: decimal !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap li p { margin: 0px !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap ul[data-type="taskList"] { padding-left: 0.5em !important; list-style: none !important; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap a { color: var(--color-primary); cursor: pointer; text-decoration: underline; }
[data-v-cbdd8f62] .tiptap-content-root .tiptap hr { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 2px solid var(--rt-toolbar-border,#ddd); margin: 1rem 0px; }
.tiptap-bubble-menu.active[data-v-cbdd8f62] { animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running slide-up-cbdd8f62; }
@keyframes slide-up-cbdd8f62 { 
  0% { opacity: 0; transform: translate(-50%, 10px) scale(0.95); }
  100% { opacity: 1; transform: translate(-50%) scale(1); }
}
[data-v-cbdd8f62] .rich-image-container { user-select: none; outline: rgba(0, 0, 0, 0) solid 2px; max-width: 100%; transition: outline 0.2s; display: inline-block; position: relative; }
[data-v-cbdd8f62] .rich-image-container:hover, [data-v-cbdd8f62] .rich-image-container.is-resizing { outline: 2px solid var(--color-primary,#3b82f6); }
[data-v-cbdd8f62] .image-resize-handle { background: var(--color-primary,#3b82f6); cursor: nwse-resize; opacity: 0; z-index: 10; border-top-left-radius: 2px; width: 12px; height: 12px; transition: opacity 0.2s; position: absolute; bottom: 0px; right: 0px; }
[data-v-cbdd8f62] .rich-image-container:hover .image-resize-handle, [data-v-cbdd8f62] .rich-image-container.is-resizing .image-resize-handle { opacity: 1; }
[data-v-cbdd8f62] .rich-image { max-width: 100%; height: auto; }
.preview-card-content[data-v-7999c3af] .tiptap, .preview-card-content[data-v-7999c3af] .ql-editor { max-width: 100%; width: var(--v121510ee) !important; white-space: pre-wrap !important; margin: 0px !important; padding: 0px !important; }
.preview-card-content[data-v-7999c3af] .tiptap p, .preview-card-content[data-v-7999c3af] .ql-editor p { margin: 0px 0px 0.4em; }
.preview-card-content[data-v-7999c3af] .tiptap p[style*="line-height"], .preview-card-content[data-v-7999c3af] .ql-editor p[style*="line-height"] { line-height: unset; }
.preview-card-content[data-v-7999c3af] .tiptap ul, .preview-card-content[data-v-7999c3af] .tiptap ol, .preview-card-content[data-v-7999c3af] .ql-editor ul, .preview-card-content[data-v-7999c3af] .ql-editor ol { margin: 0.5em 0px !important; padding-left: 1.5em !important; list-style-position: outside !important; }
.preview-card-content[data-v-7999c3af] .tiptap ul, .preview-card-content[data-v-7999c3af] .ql-editor ul { list-style-type: disc !important; }
.preview-card-content[data-v-7999c3af] .tiptap ol, .preview-card-content[data-v-7999c3af] .ql-editor ol { list-style-type: decimal !important; }
.preview-card-content[data-v-7999c3af] .tiptap li p, .preview-card-content[data-v-7999c3af] .ql-editor li p { margin: 0px !important; }
.preview-card-content[data-v-7999c3af] .tiptap ul[data-type="taskList"], .preview-card-content[data-v-7999c3af] .ql-editor ul[data-type="taskList"] { padding: 0px !important; list-style: none !important; }
.preview-card-content[data-v-7999c3af] .tiptap ul[data-type="taskList"] li, .preview-card-content[data-v-7999c3af] .ql-editor ul[data-type="taskList"] li { align-items: flex-start; gap: 8px; margin-bottom: 4px; display: flex; }
.preview-card-content[data-v-7999c3af] .tiptap ul[data-type="taskList"] li > label, .preview-card-content[data-v-7999c3af] .ql-editor ul[data-type="taskList"] li > label { user-select: none; flex: 0 0 auto; margin-top: 4px; }
.preview-card-content[data-v-7999c3af] .tiptap ul[data-type="taskList"] input[type="checkbox"], .preview-card-content[data-v-7999c3af] .ql-editor ul[data-type="taskList"] input[type="checkbox"] { cursor: pointer; width: 1.2em; height: 1.2em; accent-color: var(--color-primary); }
.preview-card-content[data-v-7999c3af] .tiptap table, .preview-card-content[data-v-7999c3af] .ql-editor table { border-collapse: collapse; table-layout: fixed; width: 100%; margin: 1em 0px; overflow: hidden; }
.preview-card-content[data-v-7999c3af] .tiptap table td, .preview-card-content[data-v-7999c3af] .tiptap table th, .preview-card-content[data-v-7999c3af] .ql-editor table td, .preview-card-content[data-v-7999c3af] .ql-editor table th { border: 2px solid var(--border-color,#ddd); vertical-align: top; box-sizing: border-box; min-width: 1em; line-height: inherit; padding: 6px 10px; }
.preview-card-content[data-v-7999c3af] .tiptap table th, .preview-card-content[data-v-7999c3af] .ql-editor table th { text-align: left; background-color: rgba(128, 128, 128, 0.05); font-weight: 700; }
.preview-card-content[data-v-7999c3af] .tiptap h1, .preview-card-content[data-v-7999c3af] .tiptap h2, .preview-card-content[data-v-7999c3af] .tiptap h3 { margin: 0.5em 0px 0.3em !important; font-weight: 800 !important; line-height: 1.2 !important; }
.preview-card-content[data-v-7999c3af] .tiptap h1 { font-size: 1.6em; }
.preview-card-content[data-v-7999c3af] .tiptap h2 { font-size: 1.4em; }
.preview-card-content[data-v-7999c3af] .tiptap h3 { font-size: 1.2em; }
.preview-card-content[data-v-7999c3af] .tiptap blockquote { border-left: 4px solid var(--color-primary,#007aff); color: var(--text-secondary); background: rgba(128, 128, 128, 0.05); border-radius: 2px 8px 8px 2px; margin: 0.8em 0px !important; padding-left: 1em !important; }
.preview-card-content[data-v-7999c3af] { overflow-wrap: break-word; word-break: break-all; width: 100%; display: flow-root; }
.preview-card-content[data-v-7999c3af] .tiptap hr { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 2px solid var(--border-color); margin: 1.2em 0px !important; }
.preview-card-content[data-v-7999c3af] .tiptap pre { color: rgb(212, 212, 212); background: rgb(30, 30, 30); font-family: "Fira Code", monospace; font-size: 0.9em; border-radius: 8px !important; margin: 0.8em 0px !important; padding: 12px !important; overflow-x: auto !important; }
.preview-card-content[data-v-7999c3af] .tiptap code { background: rgba(128, 128, 128, 0.1); font-family: monospace; border-radius: 4px !important; padding: 2px 4px !important; }
.preview-card-content[data-v-7999c3af] .tiptap img { vertical-align: middle; border-radius: 8px; max-width: 100%; height: auto; display: inline-block; margin: 5px 4px !important; }
h3.preview-card-title[data-v-7999c3af] { text-align: var(--cdb55c88) !important; box-sizing: border-box !important; width: 100% !important; margin: 0px 0px 16px !important; padding: 0px !important; line-height: 1.4 !important; display: block !important; }
h3.preview-card-title > .title-inner-wrapper[data-v-7999c3af] { flex-direction: row !important; align-items: center !important; gap: 8px !important; width: max-content !important; max-width: 100% !important; margin: 0px !important; padding: 0px !important; display: inline-flex !important; }
h3.preview-card-title > .title-inner-wrapper > .title-icon-fixed[data-v-7999c3af] { flex: 0 0 auto !important; justify-content: center !important; align-items: center !important; margin: 0px !important; display: inline-flex !important; }
h3.preview-card-title > .title-inner-wrapper > span.title-text-content[data-item-key][data-v-7999c3af] { white-space: nowrap !important; text-overflow: ellipsis !important; text-align: left !important; flex: 0 1 auto !important; width: auto !important; min-width: 0px !important; max-width: 100% !important; margin: 0px !important; overflow: hidden !important; }
.button-item-wrapper.is-bento[data-v-370bc0ae] { justify-content: center; align-items: center; height: 100%; display: flex; }
.button-item-wrapper.is-multi[data-v-370bc0ae] { flex-wrap: wrap; gap: 0px; width: 100%; display: flex; }
.button-item-wrapper.is-multi[data-v-370bc0ae]:not(.is-individual) { border-radius: var(--wrapper-radius,12px); overflow: hidden; }
.button-item-wrapper.is-multi.layout-row[data-v-370bc0ae] { flex-direction: row; }
.button-item-wrapper.is-multi.layout-column[data-v-370bc0ae] { flex-direction: column; }
.button-item-wrapper.is-multi.is-individual[data-v-370bc0ae] { gap: 0px; }
.button-item-wrapper.is-bento[data-v-370bc0ae] .preview-button { height: 100%; min-height: unset; flex: 1 1 0%; align-self: stretch; align-items: center !important; justify-content: var(--button-text-align,center) !important; display: flex !important; }
.button-item-wrapper.is-multi.layout-row[data-v-370bc0ae] .preview-button { width: auto !important; height: auto !important; }
.button-item-wrapper.is-multi.layout-column[data-v-370bc0ae] .preview-button { width: 100% !important; height: auto !important; }
.preview-button[data-v-370bc0ae] { cursor: pointer; word-break: break-all; background-color: var(--button-bg-color,var(--g-comp-bg-color)); color: var(--button-text-color,var(--g-comp-text-color)); border-radius: var(--button-border-radius,var(--g-comp-border-radius)); align-items: center; justify-content: var(--button-text-align,var(--g-comp-text-align)); width: 100%; height: 100%; padding: 12px 18px; font-weight: 600; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: flex; }
.preview-button[data-v-370bc0ae]:hover { transform: scale(1.03); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }
.preview-button .icon-view-wrapper[data-v-370bc0ae], .preview-button .iconify[data-v-370bc0ae] { flex-shrink: 0; }
.preview-button.vertical-mode[data-v-370bc0ae] { gap: 4px; text-align: center !important; flex-direction: column !important; justify-content: center !important; padding: 8px 2px !important; }
.stat-block-preview[data-v-370bc0ae] { text-align: center; border-radius: var(--g-comp-border-radius); background-color: var(--card-bg-color,var(--button-bg-color,var(--g-comp-bg-color))); height: 100%; color: var(--card-text-color,var(--button-text-color,var(--g-comp-text-color))); flex-direction: column; justify-content: center; align-items: center; gap: 2px; padding: 15px 5px; display: flex; overflow: hidden; }
.stat-block-icon .icon-view-wrapper[data-v-370bc0ae], .stat-block-icon .iconify[data-v-370bc0ae] { opacity: 0.8; margin-bottom: 6px; font-size: 1.8em !important; display: flex !important; }
.stat-block-value[data-v-370bc0ae] { color: var(--accent-color,var(--g-theme-accent)); font-size: 1.6em; font-weight: 700; line-height: 1.1; }
.stat-block-label[data-v-370bc0ae] { opacity: 0.6; white-space: nowrap; text-overflow: ellipsis; width: 100%; margin-top: 2px; font-size: 0.75em; overflow: hidden; }
.preview-button.vertical-mode .icon-view-wrapper[data-v-370bc0ae], .preview-button.vertical-mode .iconify[data-v-370bc0ae] { margin-bottom: 4px; margin-right: 0px !important; font-size: 1.6em !important; }
.preview-button.vertical-mode span[data-item-key="text"][data-v-370bc0ae] { opacity: 0.9; white-space: nowrap; text-overflow: ellipsis; width: 100%; font-size: 0.8em; line-height: 1.1; overflow: hidden; }
.preview-button .button-subtext[data-v-370bc0ae] { opacity: 0.7; margin-top: 2px; font-size: 0.8em; line-height: 1; display: block; }
.preview-button[data-v-370bc0ae]:not(.vertical-mode) { gap: 8px; }
.preview-button:not(.vertical-mode) .button-text-group[data-v-370bc0ae] { align-items: var(--button-text-align,center); flex-direction: column; gap: 2px; display: flex; }
.preview-button:not(.vertical-mode) .button-subtext[data-v-370bc0ae] { text-align: var(--button-text-align-simple,left); }
.button-item-wrapper.is-bento[data-v-51d8aa5c] { justify-content: center; align-items: center; height: 100%; display: flex; }
.button-item-wrapper.is-multi[data-v-51d8aa5c] { flex-wrap: wrap; gap: 0px; width: 100%; display: flex; }
.button-item-wrapper.is-multi[data-v-51d8aa5c]:not(.is-individual) { border-radius: var(--wrapper-radius,12px); overflow: hidden; }
.button-item-wrapper.is-multi.layout-row[data-v-51d8aa5c] { flex-direction: row; }
.button-item-wrapper.is-multi.layout-column[data-v-51d8aa5c] { flex-direction: column; }
.button-item-wrapper.is-multi.is-individual[data-v-51d8aa5c] { gap: 0px; }
.button-item-wrapper.is-bento[data-v-51d8aa5c] .preview-button { height: 100%; min-height: unset; flex: 1 1 0%; align-self: stretch; align-items: center !important; justify-content: var(--button-text-align,center) !important; display: flex !important; }
.button-item-wrapper.is-multi.layout-row[data-v-51d8aa5c] .preview-button { width: auto !important; height: auto !important; }
.button-item-wrapper.is-multi.layout-column[data-v-51d8aa5c] .preview-button { width: 100% !important; height: auto !important; }
.preview-button[data-v-51d8aa5c] { cursor: pointer; word-break: break-all; align-items: center; width: 100%; height: 100%; padding: 12px 18px; font-weight: 600; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: flex; }
.preview-button[data-v-51d8aa5c]:hover { transform: scale(1.03); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }
.preview-button .icon-view-wrapper[data-v-51d8aa5c], .preview-button .iconify[data-v-51d8aa5c] { flex-shrink: 0; }
.preview-button[data-style="ios"][data-v-51d8aa5c] { border: 1px solid rgba(255, 255, 255, 0.3); position: relative; background-color: var(--button-bg-color,#ffffffbf) !important; border-radius: var(--button-border-radius,14px) !important; color: rgb(0, 0, 0) !important; align-items: flex-start !important; padding: 12px 15px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px !important; }
.preview-button[data-style="ios"][style*="--button-bg-color"][data-v-51d8aa5c] { background-color: var(--button-bg-color) !important; }
.preview-button[data-style="ios"] .ios-icon[data-v-51d8aa5c] { background: var(--icon-background,var(--accent-color,#007aff)); border-radius: 6px; justify-content: center; align-items: center; padding: 4px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px; color: rgb(255, 255, 255) !important; margin-right: 12px !important; font-size: 2em !important; display: flex !important; }
.preview-button[data-style="ios"] .button-text-group[data-v-51d8aa5c] { flex-direction: column; flex: 1 1 0%; justify-content: center; gap: 2px; display: flex; }
.preview-button[data-style="ios"] span[data-item-key="text"][data-v-51d8aa5c] { opacity: 0.9; text-align: left; font-size: 0.95em; font-weight: 600; }
.preview-button[data-style="ios"] .button-subtext[data-v-51d8aa5c] { opacity: 0.6; text-align: left; margin-top: 2px; font-size: 0.85em; font-weight: 400; line-height: 1.3; display: block; }
.preview-button[data-style="ios"][data-v-51d8aa5c]::after { content: "Now"; opacity: 0.4; font-size: 0.75em; font-weight: 400; position: absolute; top: 12px; right: 15px; }
.button-item-wrapper.is-bento[data-v-51d8aa5c] .preview-button[data-style="ios"] { align-items: center !important; padding-top: 15px !important; }
.button-item-wrapper.is-bento[data-v-9c1ead63] { justify-content: center; align-items: center; height: 100%; display: flex; }
.button-item-wrapper.is-multi[data-v-9c1ead63] { flex-wrap: wrap; gap: 0px; width: 100%; display: flex; }
.button-item-wrapper.is-multi[data-v-9c1ead63]:not(.is-individual) { border-radius: var(--wrapper-radius,12px); overflow: hidden; }
.button-item-wrapper.is-multi.layout-row[data-v-9c1ead63] { flex-direction: row; }
.button-item-wrapper.is-multi.layout-column[data-v-9c1ead63] { flex-direction: column; }
.button-item-wrapper.is-multi.is-individual[data-v-9c1ead63] { gap: 0px; }
.button-item-wrapper.is-bento[data-v-9c1ead63] .preview-button { height: 100%; min-height: unset; flex: 1 1 0%; align-self: stretch; align-items: center !important; justify-content: var(--button-text-align,center) !important; display: flex !important; }
.button-item-wrapper.is-multi.layout-row[data-v-9c1ead63] .preview-button { width: auto !important; height: auto !important; }
.button-item-wrapper.is-multi.layout-column[data-v-9c1ead63] .preview-button { width: 100% !important; height: auto !important; }
.preview-button[data-v-9c1ead63] { cursor: pointer; word-break: break-all; align-items: center; width: 100%; height: 100%; padding: 12px 18px; font-weight: 600; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: flex; }
.preview-button[data-v-9c1ead63]:hover { transform: scale(1.03); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }
.preview-button .icon-view-wrapper[data-v-9c1ead63], .preview-button .iconify[data-v-9c1ead63] { flex-shrink: 0; }
.preview-button[data-style="retro"][data-v-9c1ead63] { display: flex; color: rgb(0, 0, 0) !important; background-color: silver !important; border-width: 2px !important; border-style: solid !important; border-image: initial !important; border-color: rgb(255, 255, 255) rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255) !important; border-radius: 0px !important; flex-direction: column !important; gap: 0px !important; padding: 4px !important; font-family: "Courier New", Courier, monospace !important; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px !important; }
.preview-button[data-style="retro"][data-v-9c1ead63]::before { content: attr(data-title-text); color: rgb(255, 255, 255); box-sizing: border-box; text-align: left; white-space: nowrap; text-overflow: ellipsis; background: navy; width: 100%; margin-bottom: 8px; padding: 2px 6px; font-size: 0.8em; font-weight: 700; display: block; overflow: hidden; }
.preview-button[data-style="retro"] .retro-inner[data-v-9c1ead63] { align-items: center; gap: 15px; width: 100%; padding: 10px 15px 15px; display: flex; }
.preview-button[data-style="retro"][data-v-9c1ead63] .iconify { color: rgb(0, 0, 0) !important; margin: 0px !important; font-size: 2em !important; }
.preview-button[data-style="retro"] .button-subtext[data-v-9c1ead63] { text-align: left; width: 100%; font-size: 0.9em; }
.button-item-wrapper.is-bento[data-v-9c1ead63] .preview-button[data-style="retro"] { gap: 0px !important; }
.button-item-wrapper.is-bento[data-v-9c1ead63] .preview-button[data-style="retro"] .retro-inner { align-items: center; justify-content: var(--button-text-align,center); flex: 1 1 0%; display: flex; padding: 0px !important; }
.button-item-wrapper.is-bento[data-v-821bfbdc] { justify-content: center; align-items: center; height: 100%; display: flex; }
.button-item-wrapper.is-multi[data-v-821bfbdc] { flex-wrap: wrap; gap: 0px; width: 100%; display: flex; }
.button-item-wrapper.is-multi[data-v-821bfbdc]:not(.is-individual) { border-radius: var(--wrapper-radius,12px); overflow: hidden; }
.button-item-wrapper.is-multi.layout-row[data-v-821bfbdc] { flex-direction: row; }
.button-item-wrapper.is-multi.layout-column[data-v-821bfbdc] { flex-direction: column; }
.button-item-wrapper.is-multi.is-individual[data-v-821bfbdc] { gap: 0px; }
.button-item-wrapper.is-bento[data-v-821bfbdc] .preview-button { height: 100%; min-height: unset; flex: 1 1 0%; align-self: stretch; justify-content: flex-start !important; align-items: center !important; display: flex !important; }
.button-item-wrapper.is-multi.layout-row[data-v-821bfbdc] .preview-button { width: auto !important; height: auto !important; }
.button-item-wrapper.is-multi.layout-column[data-v-821bfbdc] .preview-button { width: 100% !important; height: auto !important; }
.preview-button[data-v-821bfbdc] { cursor: pointer; word-break: break-all; align-items: center; width: 100%; height: 100%; padding: 12px 18px; font-weight: 600; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; display: flex; }
.preview-button[data-v-821bfbdc]:hover { transform: scale(1.02); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }
.preview-button .icon-view-wrapper[data-v-821bfbdc], .preview-button[data-v-821bfbdc] .iconify { flex-shrink: 0; }
.preview-button[data-style="search"][data-v-821bfbdc] { align-items: center; gap: 10px; display: flex; background-color: var(--button-bg-color,var(--bg-input,#ffffffe6)) !important; border: 1px solid var(--border-input,#80808033) !important; border-radius: var(--button-border-radius,24px) !important; color: var(--button-text-color,var(--text-secondary,#666)) !important; justify-content: flex-start !important; padding: 10px 16px !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px inset, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.8) 0px 1px !important; }
.preview-button[data-style="search"][data-v-821bfbdc] .iconify { opacity: 0.5; color: currentcolor !important; font-size: 1.2em !important; }
.preview-button[data-style="search"] .button-text-group[data-v-821bfbdc] { flex-direction: column; flex: 1 1 0%; justify-content: center; display: flex; }
.preview-button[data-style="search"] .placeholder-text[data-v-821bfbdc] { opacity: 0.6; text-align: left; font-size: 0.95em; font-weight: 400; }
.timeline-preview[data-v-df691c4e] { position: relative; overflow: hidden; }
.timeline-bg-image[data-v-df691c4e], .timeline-bg-overlay[data-v-df691c4e] { pointer-events: none; }
.timeline-preview[data-v-df691c4e] > :not(.timeline-bg-image):not(.timeline-bg-overlay) { z-index: 1; position: relative; }
.showcase-vinyl[data-v-5eff2cac] { box-sizing: border-box; color: rgb(255, 255, 255); width: 100%; height: 100%; transition: 0.3s; }
.vinyl-main-content[data-v-5eff2cac] { z-index: 1; align-items: center; gap: 30px; display: flex; position: relative; }
@media (width <= 480px) {
  .vinyl-main-content[data-v-5eff2cac] { text-align: center; flex-direction: column; gap: 20px; }
}
.vinyl-visual-group[data-v-5eff2cac] { flex-shrink: 0; width: 160px; height: 160px; position: relative; }
.vinyl-sleeve[data-v-5eff2cac] { z-index: 2; background: rgb(34, 34, 34); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; width: 150px; height: 150px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px; }
.vinyl-cover[data-v-5eff2cac] { object-fit: cover; width: 100%; height: 100%; }
.sleeve-gloss[data-v-5eff2cac] { pointer-events: none; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%); position: absolute; inset: 0px; }
.vinyl-disk-wrapper[data-v-5eff2cac] { z-index: 1; width: 140px; height: 140px; transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); position: absolute; top: 5px; left: 70px; transform: rotate(15deg); }
.showcase-vinyl:hover .vinyl-disk-wrapper[data-v-5eff2cac] { transform: translate(10px) rotate(45deg); }
.vinyl-disk[data-v-5eff2cac] { background: radial-gradient(circle, rgb(51, 51, 51) 0%, rgb(17, 17, 17) 100%); border-radius: 50%; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 15px; }
.vinyl-disk-lines[data-v-5eff2cac] { background: repeating-radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(255, 255, 255, 0.02) 3px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 50%; position: absolute; inset: 5px; }
.vinyl-disk-label[data-v-5eff2cac] { z-index: 2; background-color: rgb(68, 68, 68); border: 4px solid rgb(17, 17, 17); border-radius: 50%; width: 50px; height: 50px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px inset; }
.vinyl-disk-label[data-v-5eff2cac]::after { content: ""; background: rgb(17, 17, 17); border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.vinyl-info-area[data-v-5eff2cac] { text-align: center; flex-direction: column; flex: 1 1 0%; align-items: center; gap: 8px; min-width: 0px; display: flex; }
.vinyl-title[data-v-5eff2cac] { letter-spacing: -0.02em; margin: 0px; font-size: 1.5rem; font-weight: 800; line-height: 1.2; }
.vinyl-subtitle[data-v-5eff2cac] { margin-top: -4px; font-size: 0.9rem; font-weight: 500; }
.vinyl-rating[data-v-5eff2cac] { color: rgb(255, 204, 0); justify-content: center; gap: 2px; margin: 4px 0px; font-size: 0.9rem; display: flex; }
.vinyl-comment[data-v-5eff2cac] { opacity: 0.95; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-width: 90%; margin-top: 5px; font-size: 0.95rem; font-style: italic; line-height: 1.5; display: -webkit-box; overflow: hidden; }
.vinyl-tags[data-v-5eff2cac] { flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 10px; display: flex; }
.vinyl-tag[data-v-5eff2cac] { align-items: center; display: inline-flex; }
.radar-area[data-v-7bf002a2] { transition: 0.3s; }
.radar-area.pulse-enabled[data-v-7bf002a2] { filter: drop-shadow(0 0 3px var(--rpg-stroke-color)); transform-origin: 50% center; animation: 4s ease-in-out 0s infinite normal none running radar-pulse-7bf002a2; }
@keyframes radar-pulse-7bf002a2 { 
  0%, 100% { filter: drop-shadow(0 0 2px var(--rpg-stroke-color)); opacity: 0.85; }
  50% { filter: drop-shadow(0 0 6px var(--rpg-stroke-color)); opacity: 1; }
}
.radar-label[data-v-7bf002a2] { fill: var(--rpg-text-color); pointer-events: none; text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px; font-size: 11px; font-weight: 700; }
.radar-grid[data-v-7bf002a2] { transition: 0.5s; }
.social-card-preview[data-v-ac1fcc01] { position: relative; overflow: hidden; }
.social-bg-image[data-v-ac1fcc01], .social-bg-overlay[data-v-ac1fcc01] { pointer-events: none; }
.social-card-preview[data-v-ac1fcc01] > :not(.social-bg-image):not(.social-bg-overlay) { z-index: 1; position: relative; }
.grid-title-container[data-v-751a0db4] { width: 100% !important; display: block !important; }
.grid-title-inner[data-v-751a0db4] { align-items: center !important; max-width: 100% !important; display: inline-flex !important; }
.todo-preview-container[data-v-709829b1] { width: 100%; position: relative; overflow: hidden; }
.todo-bg-image-layer[data-v-709829b1], .todo-bg-overlay-layer[data-v-709829b1] { pointer-events: none; }
.todo-preview-container[data-v-709829b1] > :not(.todo-bg-image-layer):not(.todo-bg-overlay-layer) { z-index: 1; position: relative; }
.win95-style[data-v-709829b1] { font-family: "Courier New", Courier, monospace; }
.sticky-style[data-v-709829b1] { font-family: "Segoe Print", "Comic Sans MS", cursive; }
.qa-preview[data-v-826333a1] { position: relative; overflow: hidden; }
.qa-bg-image[data-v-826333a1], .qa-bg-overlay[data-v-826333a1] { pointer-events: none; }
.qa-preview[data-v-826333a1] > :not(.qa-bg-image):not(.qa-bg-overlay) { z-index: 1; position: relative; }
.letter-preview[data-v-7d256582] { box-sizing: border-box; background-color: var(--letter-bg,#fff); width: 100%; color: var(--letter-text,#333); border-radius: var(--letter-radius,8px); padding: var(--g-comp-padding,20px); flex-direction: column; display: flex; position: relative; overflow: hidden; }
.letter-preview[data-style="email98"][data-v-7d256582] { border-width: 2px; border-style: solid; border-image: initial; border-color: rgb(223, 223, 223) gray gray rgb(223, 223, 223); box-shadow: rgb(0, 0, 0) 1px 1px; background-color: var(--letter-bg,silver) !important; border-radius: 0px !important; padding: 4px !important; }
.letter-preview[data-style="wax_seal"][data-v-7d256582] { background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"); border: 1px solid rgba(0, 0, 0, 0.05); font-family: "Songti SC", "Noto Serif SC", serif; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px; background-color: var(--letter-bg,#fdfbf7) !important; color: var(--letter-text,#4a3b2a) !important; padding: var(--g-comp-padding,30px 25px) !important; }
.letter-preview[data-style="wax_seal"] .letter-seal[data-v-7d256582] { color: rgb(189, 44, 44); opacity: 0.9; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 2px); justify-content: center; align-items: center; width: 50px; height: 50px; display: flex; position: absolute; top: 20px; right: 20px; }
.letter-preview[data-style="wax_seal"] .letter-header[data-v-7d256582] { text-align: center; border-bottom: 2px solid rgba(74, 59, 42, 0.2); margin-bottom: 15px; padding-bottom: 15px; }
.letter-preview[data-style="wax_seal"] .letter-title[data-v-7d256582] { letter-spacing: 2px; margin-bottom: 5px; font-size: 1.3rem; font-weight: 700; }
.letter-preview[data-style="wax_seal"] .letter-date[data-v-7d256582] { opacity: 0.6; font-size: 0.8rem; font-style: italic; }
.letter-preview[data-style="wax_seal"] .letter-footer[data-v-7d256582] { text-align: right; margin-top: 20px; font-style: italic; font-weight: 700; }
.letter-preview[data-style="airmail"][data-v-7d256582] { background-image: repeating-linear-gradient(135deg, rgb(211, 47, 47) 0px, rgb(211, 47, 47) 15px, rgba(0, 0, 0, 0) 15px, rgba(0, 0, 0, 0) 25px, rgb(25, 118, 210) 25px, rgb(25, 118, 210) 40px, rgba(0, 0, 0, 0) 40px, rgba(0, 0, 0, 0) 50px); background-position: center top, center bottom, 0px center, 100% center; background-repeat: no-repeat; background-size: 100% 10px, 100% 10px, 10px 100%, 10px 100%; border: 10px solid rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px; background-color: var(--letter-bg,#fff) !important; color: var(--letter-text,#333) !important; padding: var(--g-comp-padding,25px) !important; }
.letter-preview[data-style="airmail"] .letter-inner[data-v-7d256582] { background: rgb(255, 255, 255); flex-direction: column; width: 100%; height: 100%; display: flex; }
.letter-preview[data-style="airmail"] .letter-stamp-area[data-v-7d256582] { justify-content: flex-end; margin-bottom: 20px; display: flex; }
.letter-preview[data-style="airmail"] .letter-stamp[data-v-7d256582] { color: rgb(204, 204, 204); text-transform: uppercase; border: 2px dotted rgb(204, 204, 204); padding: 5px 10px; font-size: 0.7rem; font-weight: 700; }
.letter-preview[data-style="airmail"] .letter-address-row[data-v-7d256582] { border-bottom: 1px dashed rgb(238, 238, 238); margin-bottom: 15px; padding-bottom: 5px; font-family: "Courier New", monospace; font-size: 0.9rem; display: flex; }
.letter-preview[data-style="airmail"] .letter-label[data-v-7d256582] { color: rgb(153, 153, 153); width: 60px; font-weight: 700; }
.letter-preview[data-style="top_secret"][data-v-7d256582] { border: 1px solid rgb(220, 208, 184); font-family: "Courier New", Courier, monospace; color: rgb(44, 30, 26) !important; padding: var(--g-comp-padding,40px 30px) !important; background-color: rgb(244, 236, 216) !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E") !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 60px inset, rgba(0, 0, 0, 0.1) 1px 1px, rgba(0, 0, 0, 0.15) 0px 10px 20px !important; }
.letter-preview[data-style="top_secret"] .letter-stamp-secret[data-v-7d256582] { color: rgba(183, 28, 28, 0.7); pointer-events: none; text-transform: uppercase; mix-blend-mode: multiply; border: 4px double rgba(183, 28, 28, 0.6); border-radius: 4px; padding: 8px 15px; font-size: 2.2rem; font-weight: 900; position: absolute; bottom: 30px; right: 30px; mask-image: url("data:image/svg+xml,%3Csvg width='200' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.7'/%3E%3C/svg%3E"); }
.letter-preview[data-style="top_secret"] .letter-body[data-v-7d256582] { line-height: var(--g-comp-line-height); border-top: 2px solid rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 15px 0px; padding: 25px 0px; font-weight: 600; }
.letter-body[data-v-7d256582] { line-height: var(--g-comp-line-height); white-space: pre-wrap; word-break: break-word; flex: 1 1 0%; }
.timer-preview[data-v-9351f64d] { position: relative; overflow: hidden; }
.timer-bg-image[data-v-9351f64d], .timer-bg-overlay[data-v-9351f64d] { pointer-events: none; }
.timer-preview[data-v-9351f64d] > :not(.timer-bg-image):not(.timer-bg-overlay) { z-index: 1; position: relative; }
.calendar-bg-image[data-v-b82ee54a], .calendar-bg-overlay[data-v-b82ee54a] { z-index: 0; position: absolute; inset: 0px; }
.calendar-preview[data-v-b82ee54a] > :not(.calendar-bg-image):not(.calendar-bg-overlay) { z-index: 1; position: relative; }
.cal-day-cell.cal-pulse[data-v-b82ee54a] { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running cal-pulse-b82ee54a; }
@keyframes cal-pulse-b82ee54a { 
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(0.96); }
}
.cal-day-cell[data-v-b82ee54a] { cursor: pointer; position: relative; }
.cal-modal-overlay[data-v-b82ee54a] { backdrop-filter: blur(8px); z-index: 99999; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; padding: 20px; animation: 0.3s ease 0s 1 normal none running fadeIn-b82ee54a; display: flex; position: fixed; inset: 0px; }
.cal-modal-content[data-v-b82ee54a] { background: var(--bg-primary,#fff); border: 1px solid var(--border-color,#0000001a); border-radius: 16px; flex-direction: column; width: 100%; max-width: 400px; animation: 0.3s ease 0s 1 normal none running slideUp-b82ee54a; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 30px; }
.cal-modal-header[data-v-b82ee54a] { border-bottom: 1px solid var(--border-color,#0000000d); justify-content: space-between; align-items: center; padding: 16px 20px; display: flex; }
.cal-modal-date[data-v-b82ee54a] { color: var(--color-primary,#111); font-size: 1.1rem; font-weight: 700; }
.cal-modal-close[data-v-b82ee54a] { color: var(--text-secondary,#888); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px 5px; font-size: 1.5rem; }
.cal-modal-body[data-v-b82ee54a] { max-height: 50vh; padding: 20px; overflow-y: auto; }
.cal-modal-note-title[data-v-b82ee54a] { color: var(--text-primary,#000); border-left: 4px solid var(--color-primary,#6366f1); margin-bottom: 12px; padding-left: 10px; font-size: 1rem; font-weight: 600; }
.cal-modal-detail-text[data-v-b82ee54a] { color: var(--text-secondary,#444); white-space: pre-wrap; word-break: break-all; font-size: 0.9rem; line-height: 1.6; }
@keyframes fadeIn-b82ee54a { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes slideUp-b82ee54a { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.achievement-preview[data-v-88599d48] { position: relative; overflow: hidden; }
.ach-bg-image[data-v-88599d48], .ach-bg-overlay[data-v-88599d48] { pointer-events: none; }
.achievement-preview[data-v-88599d48] > :not(.ach-bg-image):not(.ach-bg-overlay) { z-index: 1; position: relative; }
.rel-badge[data-v-8ec0f7df] { transition: transform 0.2s; }
.rel-badge[data-v-8ec0f7df]:hover { transform: scale(1.15); }
.checklist-preview-wrapper[data-v-e8daeb0b] { width: 100%; }
.checklist-preview[data-v-e8daeb0b] { position: relative; overflow: hidden; }
.chk-bg-image[data-v-e8daeb0b], .chk-bg-overlay[data-v-e8daeb0b] { pointer-events: none; }
.checklist-preview[data-v-e8daeb0b] > :not(.chk-bg-image):not(.chk-bg-overlay) { z-index: 1; position: relative; }
.checklist-item[data-v-e8daeb0b] { border-radius: var(--chk-item-radius,6px); user-select: none; box-sizing: border-box; justify-content: center; align-items: center; min-height: 40px; padding: 8px 12px; transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); display: flex; position: relative; }
.checklist-item[data-v-e8daeb0b]:active { transform: scale(0.96); }
.checklist-icon[data-v-e8daeb0b] { flex-shrink: 0; justify-content: center; align-items: center; margin-right: 6px; font-size: 1.2em; line-height: 1; display: flex; }
.checklist-preview[data-style="default"] .checklist-item[data-v-e8daeb0b] { background-color: var(--chk-item-bg,#00000008); border: 1px solid rgba(0, 0, 0, 0); justify-content: flex-start; }
.checklist-preview[data-style="tag"] .checklist-item[data-v-e8daeb0b] { background-color: var(--chk-item-bg,var(--bg-input)); border: 1px solid var(--border-color); color: var(--text-secondary); }
.checklist-preview[data-style="tag"] .checklist-item[data-v-e8daeb0b]:not([data-state="none"]) { color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); font-weight: 700; }
.checklist-preview[data-style="tag"] .checklist-item[data-state="checked"][data-v-e8daeb0b] { background-color: var(--accent-color); }
.checklist-preview[data-style="tag"] .checklist-item[data-state="crossed"][data-v-e8daeb0b] { background-color: var(--crossed-color); }
.checklist-preview[data-style="tag"] .checklist-item[data-state="heart"][data-v-e8daeb0b] { background-color: var(--heart-color); }
.checklist-preview[data-style="tag"] .checklist-icon[data-v-e8daeb0b] { display: none; }
.checklist-preview[data-style="bingo"] .checklist-item[data-v-e8daeb0b] { aspect-ratio: 1 / 1; text-align: center; background-color: var(--chk-item-bg,var(--bg-card)); border: 2px solid var(--border-color); flex-direction: column; justify-content: center; padding: 4px; }
.checklist-preview[data-style="bingo"] .checklist-icon[data-v-e8daeb0b] { margin-bottom: 4px; margin-right: 0px; font-size: 1.5em; }
.checklist-preview[data-style="bingo"] .checklist-item[data-v-e8daeb0b]:not([data-state="none"]) { background-color: var(--chk-item-bg,var(--bg-input)); font-weight: 700; }
.checklist-preview[data-style="bingo"] .checklist-item[data-state="checked"][data-v-e8daeb0b] { border-color: var(--accent-color); color: var(--accent-color); }
.checklist-preview[data-style="bingo"] .checklist-item[data-state="crossed"][data-v-e8daeb0b] { border-color: var(--crossed-color); color: var(--crossed-color); }
.checklist-preview[data-style="bingo"] .checklist-item[data-state="heart"][data-v-e8daeb0b] { border-color: var(--heart-color); color: var(--heart-color); }
.ranking-preview[data-v-e99fd96e] { position: relative; overflow: hidden; }
.rank-bg-image[data-v-e99fd96e], .rank-bg-overlay[data-v-e99fd96e] { pointer-events: none; }
.ranking-preview[data-v-e99fd96e] > :not(.rank-bg-image):not(.rank-bg-overlay) { z-index: 1; position: relative; }
.rank-score[data-v-e99fd96e] { font-family: inherit !important; }
.separator-preview[data-v-1baa3f69] { align-items: center; display: flex; }
.spacer-preview[data-v-6606f16b] { background: rgba(0, 0, 0, 0.02); border: 2px dashed rgba(0, 0, 0, 0.05); border-radius: 8px; justify-content: center; align-items: center; width: 100%; transition: 0.3s; display: flex; }
.spacer-preview[data-v-6606f16b]:hover { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.2); }
.spacer-preview.is-exporting[data-v-6606f16b] { background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; transition: none !important; }
.spacer-label[data-v-6606f16b] { color: rgba(0, 0, 0, 0.3); user-select: none; pointer-events: none; font-size: 0.8rem; }
.spacer-preview.is-exporting .spacer-label[data-v-6606f16b] { display: none; }
.music-apple[data-v-7276aa1d] { user-select: none; transition: transform 0.3s; }
.apple-cover-container[data-v-7276aa1d] { aspect-ratio: 1 / 1; width: 100%; margin-bottom: 24px; position: relative; }
.apple-cover-img[data-v-7276aa1d] { object-fit: cover; z-index: 2; border-radius: 12px; width: 100%; height: 100%; position: relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px; }
.apple-cover-shadow[data-v-7276aa1d] { background: inherit; filter: blur(25px) brightness(0.8); opacity: 0.6; z-index: 1; border-radius: 12px; width: 100%; height: 100%; position: absolute; top: 15px; left: 0px; }
.apple-info[data-v-7276aa1d] { text-align: center; width: 100%; margin-bottom: 24px; }
.apple-title[data-v-7276aa1d] { letter-spacing: -0.28px; white-space: nowrap; text-overflow: ellipsis; margin: 0px 0px 4px; font-size: 20px; font-weight: 600; overflow: hidden; }
.apple-artist[data-v-7276aa1d] { opacity: 0.55; letter-spacing: -0.374px; margin: 0px; font-size: 17px; font-weight: 400; }
.apple-controls[data-v-7276aa1d] { align-items: center; gap: 32px; margin-bottom: 24px; display: flex; }
.control-btn[data-v-7276aa1d] { color: inherit; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; justify-content: center; align-items: center; font-size: 28px; transition: opacity 0.2s, transform 0.1s; display: flex; }
.control-btn[data-v-7276aa1d]:hover { opacity: 0.7; }
.control-btn[data-v-7276aa1d]:active { transform: scale(0.92); }
.play-pause[data-v-7276aa1d] { font-size: 52px; }
.apple-progress-container[data-v-7276aa1d] { width: 100%; }
.apple-progress-bar[data-v-7276aa1d] { background: rgba(255, 255, 255, 0.15); border-radius: 2px; width: 100%; height: 4px; margin-bottom: 8px; overflow: hidden; }
.apple-progress-fill[data-v-7276aa1d] { background: rgb(255, 255, 255); border-radius: 2px; height: 100%; }
.apple-time[data-v-7276aa1d] { letter-spacing: -0.12px; justify-content: space-between; font-size: 12px; font-weight: 600; display: flex; }
.music-item-host[data-v-379a294f] { box-sizing: border-box; width: 100%; }
.music-bg-image[data-v-379a294f], .music-bg-overlay[data-v-379a294f] { pointer-events: none; }
.progress-bar-preview[data-v-f5f0d69e] { position: relative; overflow: hidden; }
.prog-bg-image[data-v-f5f0d69e], .prog-bg-overlay[data-v-f5f0d69e] { pointer-events: none; }
.progress-bar-preview[data-v-f5f0d69e] > :not(.prog-bg-image):not(.prog-bg-overlay) { z-index: 1; position: relative; }
.cut-line-preview[data-v-c04ba884] { width: 100%; padding: var(--g-comp-padding,10px 0); opacity: 0.8; justify-content: center; align-items: center; gap: 10px; display: flex; }
.cut-line-dashed[data-v-c04ba884] { border-top: 1px dashed; flex: 1 1 0%; height: 0px; }
.cut-line-icon[data-v-c04ba884] { justify-content: center; align-items: center; font-size: 1.2rem; display: flex; }
.dialogue-preview-container[data-v-cd3cd21e] { flex-direction: column; gap: 20px; display: flex; position: relative; overflow: hidden; box-sizing: border-box !important; width: 100% !important; }
.dia-bg-image[data-v-cd3cd21e], .dia-bg-overlay[data-v-cd3cd21e] { pointer-events: none; }
.dialogue-preview-container[data-v-cd3cd21e] > :not(.dia-bg-image):not(.dia-bg-overlay) { z-index: 1; position: relative; }
.dialogue-entry[data-v-cd3cd21e] { align-items: flex-start; gap: 12px; width: auto !important; max-width: 85% !important; display: inline-flex !important; }
.dialogue-left[data-v-cd3cd21e] { align-self: flex-start !important; }
.dialogue-right[data-v-cd3cd21e] { flex-direction: row-reverse !important; align-self: flex-end !important; }
.dialogue-center[data-v-cd3cd21e] { align-self: center; max-width: 100%; margin: 4px 0px; }
.dialogue-center .dialogue-content-wrapper[data-v-cd3cd21e] { justify-content: center; width: 100%; display: flex; }
.dialogue-center .dialogue-bubble[data-v-cd3cd21e] { box-shadow: none; backdrop-filter: blur(4px); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 20px; margin: 4px 0px; padding: 4px 16px; font-size: 0.85rem; color: var(--text-secondary) !important; background: rgba(128, 128, 128, 0.15) !important; }
.dialogue-center .dialogue-bubble[data-v-cd3cd21e]::before { display: none; }
.dialogue-avatar[data-v-cd3cd21e] { background-position: 50% center; background-size: cover; border-radius: 50%; flex-shrink: 0; width: 40px; height: 40px; margin-top: 0px; }
.dialogue-avatar.initial-avatar[data-v-cd3cd21e] { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; justify-content: center; align-items: center; font-size: 1.2rem; font-weight: 700; display: flex; }
.dialogue-content-wrapper[data-v-cd3cd21e] { flex-direction: column !important; width: auto !important; max-width: 100% !important; display: inline-flex !important; }
.dialogue-left .dialogue-content-wrapper[data-v-cd3cd21e] { align-items: flex-start; }
.dialogue-right .dialogue-content-wrapper[data-v-cd3cd21e] { align-items: flex-end; }
.dialogue-speaker[data-v-cd3cd21e] { margin-bottom: 4px; padding: 0px 8px; font-size: 0.8em; font-weight: 600; }
.dialogue-bubble[data-v-cd3cd21e] { background-color: var(--bubble-bg-color); word-break: break-word; border-radius: 18px; padding: 10px 15px; position: relative; box-sizing: border-box !important; width: auto !important; max-width: 100% !important; display: inline-block !important; }
.dialogue-left .dialogue-bubble[data-v-cd3cd21e], .dialogue-left .dialogue-header[data-v-cd3cd21e] { align-self: flex-start !important; margin-right: auto !important; }
.dialogue-right .dialogue-bubble[data-v-cd3cd21e], .dialogue-right .dialogue-header[data-v-cd3cd21e] { align-self: flex-end !important; margin-left: auto !important; }
.dialogue-left .dialogue-bubble[data-v-cd3cd21e] { border-top-left-radius: 4px; }
.dialogue-right .dialogue-bubble[data-v-cd3cd21e] { border-top-right-radius: 4px; }
.dialogue-bubble[data-v-cd3cd21e]::before { content: ""; border: 8px solid rgba(0, 0, 0, 0); width: 0px; height: 0px; position: absolute; bottom: 8px; }
.dialogue-left .dialogue-bubble[data-v-cd3cd21e]::before { border-right-color: var(--bubble-bg-color); top: 50%; left: -10px; transform: translateY(-50%); }
.dialogue-right .dialogue-bubble[data-v-cd3cd21e]::before { border-left-color: var(--bubble-bg-color); top: 50%; right: -10px; transform: translateY(-50%); }
.dialogue-image[data-v-cd3cd21e] { border-radius: 8px; max-width: 100%; display: block; }
.dialogue-preview-container[data-style="wechat"][data-v-cd3cd21e] { background-color: rgb(245, 245, 245) !important; }
.dialogue-preview-container[data-style="wechat"] .dialogue-avatar[data-v-cd3cd21e] { width: 40px; height: 40px; box-shadow: none !important; border-radius: 6px !important; }
.dialogue-preview-container[data-style="wechat"] .dialogue-right .dialogue-speaker[data-v-cd3cd21e] { display: none; }
.dialogue-preview-container[data-style="wechat"] .dialogue-left .dialogue-speaker[data-v-cd3cd21e] { margin-bottom: 2px; margin-left: 0px; font-size: 0.75rem; color: rgb(173, 173, 173) !important; }
.dialogue-preview-container[data-style="wechat"] .dialogue-left .dialogue-bubble[data-v-cd3cd21e] { border: 1px solid rgb(237, 237, 237); padding: 9px 11px; color: rgb(11, 11, 11) !important; background-color: rgb(255, 255, 255) !important; border-radius: 6px !important; }
.dialogue-preview-container[data-style="wechat"] .dialogue-right .dialogue-bubble[data-v-cd3cd21e] { border: 1px solid rgb(138, 217, 97); padding: 9px 11px; color: rgb(11, 11, 11) !important; background-color: rgb(149, 236, 105) !important; border-radius: 6px !important; }
.dialogue-preview-container[data-style="wechat"] .dialogue-bubble[data-v-cd3cd21e]::before { border-width: 6px; top: 14px; }
.dialogue-preview-container[data-style="wechat"] .dialogue-left .dialogue-bubble[data-v-cd3cd21e]::before { left: -11px; border-right-color: rgb(255, 255, 255) !important; }
.dialogue-preview-container[data-style="wechat"] .dialogue-right .dialogue-bubble[data-v-cd3cd21e]::before { right: -11px; border-left-color: rgb(149, 236, 105) !important; }
.dialogue-preview-container[data-style="discord"][data-v-cd3cd21e] { gap: 2px; color: rgb(219, 222, 225) !important; background-color: rgb(49, 51, 56) !important; border-radius: 4px !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-entry[data-v-cd3cd21e] { align-items: flex-start; gap: 16px; max-width: 100%; padding: 2px 0px; flex-direction: row !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-entry[data-v-cd3cd21e]:hover { background-color: rgba(0, 0, 0, 0.04); }
.dialogue-preview-container[data-style="discord"] .dialogue-avatar[data-v-cd3cd21e] { cursor: pointer; width: 40px; height: 40px; margin-top: 2px; border-radius: 50% !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-content-wrapper[data-v-cd3cd21e] { flex: 0 1 auto; align-items: flex-start !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-header[data-v-cd3cd21e] { align-items: baseline; gap: 8px; margin-bottom: 2px; display: flex; }
.dialogue-preview-container[data-style="discord"] .dialogue-speaker[data-v-cd3cd21e] { margin: 0px; padding: 0px; font-size: 1rem; font-weight: 500; color: rgb(242, 243, 245) !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-timestamp[data-v-cd3cd21e] { color: rgb(148, 155, 164); font-size: 0.75rem; font-weight: 400; }
.dialogue-preview-container[data-style="discord"] .dialogue-bubble[data-v-cd3cd21e] { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; padding: 0px; color: rgb(219, 222, 225) !important; background: 0px 0px !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-bubble[data-v-cd3cd21e]::before { display: none; }
.qr-code-module-container[data-v-546c4b72] { min-height: 100px; }
.qr-code-item[data-v-546c4b72] { width: 100%; padding: var(--g-comp-padding); flex: 1 1 0%; justify-content: center; align-items: center; display: flex; overflow: hidden; }
.qr-code-item[data-v-546c4b72] canvas, .qr-code-item[data-v-546c4b72] svg { object-fit: contain; display: block; aspect-ratio: 1 / 1 !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 100% !important; }
.qr-title[data-v-546c4b72] { margin-bottom: 4px; font-size: 1.1em; font-weight: 700; }
.qr-description[data-v-546c4b72] { opacity: 0.8; font-size: 0.9em; }
body { font-family: "Fusion Pixel 12px Mono latin"; font-weight: 400; }
a:not(.btn) { color: var(--color-primary); border-bottom: 1px dashed rgba(0, 0, 0, 0); text-decoration: none; transition: 0.2s; }
a:not(.btn):hover { color: var(--color-primary-hover,#006ae6); border-bottom-color: var(--color-primary-hover,#006ae6); background: var(--color-primary-bg); border-radius: 2px; }
a:not(.btn):active { opacity: 0.8; }
#app { width: 100% !important; max-width: none !important; margin: 0px !important; padding: 0px !important; }
.preview-items-container:has(.is-editing-wrapper) { overflow: visible !important; }
.app-container { width: 100% !important; max-width: none !important; margin: 0px !important; }
body.tutorial-active .app-header, body.tutorial-active .app-header * { pointer-events: none !important; touch-action: none !important; user-select: none !important; }
body.tutorial-active .app-container, body.tutorial-active .app-header, body.tutorial-active .inspector-panel, body.tutorial-active .layer-panel, body.tutorial-active #system-broadcast-container { transition: none !important; }
#driver-highlight-element { z-index: 2147483645 !important; }
body.tutorial-active .app-header button { transition: opacity 0.3s; opacity: 0.3 !important; }
.driver-popover, #driver-highlight-element { z-index: 2147483647 !important; }
.driver-popover { background-color: var(--bg-card); border: 1px solid var(--border-color); color: var(--text-primary); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px; }
.driver-popover-title { color: var(--color-primary); font-weight: 800; }
.driver-popover-description { color: var(--text-secondary); line-height: 1.5; }
.driver-popover-btn { background: var(--bg-input); border: 1px solid var(--border-input); color: var(--text-primary); text-shadow: none; border-radius: 6px; }
.driver-popover-next-btn { background: var(--color-primary); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.driver-popover-next-btn:hover { background: var(--color-primary-hover); }
.html-mode-only { display: none !important; }
.inspector-panel.html-mode-active .html-mode-only { display: block !important; }
.inspector-panel.html-mode-active div.html-mode-only[style*="display: flex"], .inspector-panel.html-mode-active .html-mode-only.color-control-row { display: flex !important; }
.spoiler-blur { filter: blur(10px); user-select: none; cursor: pointer; transition: filter 0.3s; position: relative; }
.spoiler-blur:hover { filter: blur(5px); }
.spoiler-blur.revealed, .spoiler-blur.is-editing-rich-text { user-select: text; cursor: text; filter: none !important; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: 0px 0px; }
::-webkit-scrollbar-thumb { background: rgba(128, 128, 128, 0.3); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(128, 128, 128, 0.6); }
* { scrollbar-width: thin; scrollbar-color: rgba(128, 128, 128, 0.3) transparent; }
:root { --g-font-align: center; --g-font-offset-y: 0px; --bg-editor: #f5f7fa; --bg-preview-pane: #eef2f7; --bg-preview-page: #fff; --bg-card: #fff; --bg-primary: var(--bg-card); --bg-input: #fff; --bg-section: #fdfdfd; --bg-inset: #f0f2f5; --bg-secondary: var(--bg-section); --border-color: #e1e8f0; --border-input: #d1d5db; --border-dashed: #cbd5e0; --shadow-light: #0000000d; --shadow-medium: #0000001a; --text-primary: #1a1c23; --text-secondary: #64748b; --text-label: #475569; --text-placeholder: #94a3b8; --text-muted: var(--text-secondary); --text-on-primary: #fff; --text-action: #007aff; --color-primary: #007aff; --color-primary-hover: #006ae6; --color-primary-text: var(--color-primary); --color-primary-bg: #007aff0d; --color-danger: #ff4757; --color-danger-hover: #e03c48; --color-secondary: #007aff; --color-secondary-hover: #636366; --header-height: 55px; --transition-speed: .3s; --transition-short: .2s; --layer-panel-width: 280px; --inspector-panel-width: 380px; --inspector-ui-opacity: 1; --preview-gap: 20px; --g-theme-primary: var(--color-primary); --g-theme-accent: var(--text-action); --g-theme-background: var(--bg-preview-page); --g-theme-text: var(--text-primary); --g-comp-bg-color: var(--bg-card); --g-comp-text-color: var(--text-primary); --g-comp-opacity: 1; --g-comp-border-radius: 12px; --g-comp-text-align: left; --g-comp-line-height: 1.5; --g-comp-letter-spacing: 0px; --g-comp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --g-comp-title-font-family: var(--g-comp-font-family); --g-comp-title-font-weight: 700; --g-comp-title-font-style: normal; --g-comp-title-font-size: 1.1em; --g-comp-content-font-size: .95em; --g-comp-text-stroke: 0px transparent; --g-comp-padding: 15px; --g-border-width: 1px; --g-border-color: transparent; --g-border-shadow-offset: 4px; --g-border-shadow-color: #000; --bg-modal-overlay: #0006; --bg-image-thumb: #f1f5f9; --bg-image-upload-hover: #eef5ff; --rt-toolbar-bg: #fff; --rt-toolbar-text: #333; --rt-toolbar-border: #e0e0e0; --rt-toolbar-btn-hover: #f0f0f0; --rt-toolbar-btn-active: #e6f7ff; }
html.dark-mode { --bg-editor: #1a1c22; --bg-preview-pane: #0f1115; --bg-preview-page: #1a1c22; --bg-card: #23272f; --bg-primary: var(--bg-card); --bg-input: #1a1c22; --bg-section: #1a1c22; --bg-inset: #0f1115; --border-color: #2d313a; --border-input: #3a3f4b; --border-dashed: #4a5568; --shadow-light: #0000004d; --shadow-medium: #00000080; --text-primary: #f8fafc; --text-secondary: #94a3b8; --text-label: #cbd5e0; --text-placeholder: #64748b; --text-on-primary: #fff; --text-action: #3498db; --color-primary: #3b82f6; --color-primary-hover: #2563eb; --color-primary-text: var(--color-primary); --bg-modal-overlay: #000000b3; --bg-image-thumb: #2d313a; --bg-image-upload-hover: #1e293b; --rt-toolbar-bg: #2d313a; --rt-toolbar-text: #f8fafc; --rt-toolbar-border: #4a5568; --rt-toolbar-btn-hover: #3d4452; --rt-toolbar-btn-active: #1e293b; --g-theme-accent: var(--text-action); --g-theme-background: var(--bg-preview-page); --g-theme-text: var(--text-primary); --g-comp-bg-color: var(--bg-card); --g-comp-text-color: var(--text-primary); }
* { box-sizing: border-box; }
img { content-visibility: auto; contain-intrinsic-size: 1px; }
html, body { height: var(--app-height,100vh); width: 100%; margin: 0px; padding: 0px; position: fixed; overflow: hidden; }
body { font-family: var(--g-comp-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); background-color: var(--bg-preview-pane); color: var(--text-primary); transition: background-color var(--transition-speed) ease, color var(--transition-speed) ease; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision !important; }
#system-broadcast-container { z-index: 9999; pointer-events: auto; width: 100%; position: fixed; top: 0px; left: 0px; }
#storage-warning-banner, #page-limit-warning-banner { z-index: auto; box-shadow: none; display: block; position: static; top: auto; }
body.storage-warning .app-header, body.page-limit-warning .app-header, body.has-global-banners .app-header { top: calc(var(--system-broadcast-height,0px) + var(--global-banners-height,0px)); }
body.storage-warning .app-container, body.page-limit-warning .app-container, body.has-global-banners .app-container { top: 0px !important; }
body.storage-warning .layer-panel, body.storage-warning .inspector-panel, body.storage-warning .resizer, body.page-limit-warning .layer-panel, body.page-limit-warning .inspector-panel, body.has-global-banners .layer-panel, body.has-global-banners .inspector-panel { top: calc(var(--header-height) + var(--system-broadcast-height,0px) + var(--global-banners-height,0px)); height: calc(100vh - var(--header-height) - var(--system-broadcast-height,0px) - var(--global-banners-height,0px)); }
.app-header { width: 100%; height: var(--header-height); background: var(--bg-editor); border-bottom: 1px solid var(--border-color); top: var(--system-broadcast-height,0px); z-index: 100; box-shadow: 0 2px 8px var(--shadow-light); transition: all var(--transition-speed) ease; justify-content: space-between; align-items: center; padding: 0px 20px; display: flex; position: fixed; left: 0px; }
.header-actions-wrapper { align-items: center; gap: 15px; display: flex; }
.app-header-title { cursor: default; color: var(--text-primary); align-items: center; font-size: 1.25rem; font-weight: 700; display: flex; }
.app-logo { width: auto; height: 62px; display: block; }
.theme-switch-wrapper { align-items: center; gap: 10px; display: flex; }
.app-container { height: 100dvh; padding-top: calc(var(--header-height) + var(--system-broadcast-height,0px) + var(--global-banners-height,0px)); transition: none; display: flex; position: relative; top: 0px; }
.is-panel-transitioning .preview-panel, .is-panel-transitioning .preview-canvas-area { pointer-events: none !important; user-select: none !important; }
.resizer-left, .resizer { width: 8px; height: calc(100dvh - var(--header-height) - var(--system-broadcast-height,0px) - var(--global-banners-height,0px)); cursor: col-resize; z-index: 101; background: 0px 0px; flex-shrink: 0; margin: 0px -4px; transition: background 0.2s; position: relative; }
.resizer-left:hover, .resizer:hover, body.is-resizing-panel .resizer, body.is-resizing-panel .resizer-left { background: var(--color-primary); opacity: 0.3; }
body.is-resizing-panel { cursor: col-resize; user-select: none; }
body.is-resizing-panel .layer-panel, body.is-resizing-panel .inspector-panel { transition: none !important; }
body.has-broadcast .app-header, body.has-global-banners .app-header { top: calc(var(--system-broadcast-height,0px) + var(--global-banners-height,0px)) !important; }
body.driverjs-active { position: static !important; overflow: hidden !important; }
.layer-panel, .inspector-panel { background: var(--bg-editor); padding-bottom: env(safe-area-inset-bottom); transition: width var(--transition-speed) ease, opacity var(--transition-speed) ease, transform var(--transition-speed) ease; flex-shrink: 0; position: relative; overflow-y: auto; height: calc(100dvh - var(--header-height) - var(--system-broadcast-height,0px)) !important; }
.layer-panel { width: var(--layer-panel-width); border-right: 1px solid var(--border-color); flex-direction: column; padding: 0px; display: flex; overflow: hidden; }
.panel-header-tabs-container { background: var(--bg-editor); border-bottom: 1px solid var(--border-color); flex-wrap: wrap; flex-shrink: 0; gap: 10px; padding: 10px 15px; display: flex; }
.panel-header-tab { background: var(--bg-input); border: 1px solid var(--border-input); cursor: pointer; min-width: 60px; color: var(--text-secondary); border-radius: 6px; flex: 1 1 0%; padding: 8px; font-size: 0.85rem; font-weight: 600; transition: 0.2s; }
.panel-header-tab.active { background: var(--bg-image-upload-hover); color: var(--color-primary-text); border-color: var(--color-primary); }
.layer-list { flex-grow: 1; padding: 0px 15px 10px; overflow-y: auto; }
.module-library-container { background-color: var(--bg-section); border-top: 1px solid var(--border-color); padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 10; flex-shrink: 0; }
.library-tabs { grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); gap: 5px; margin-bottom: 10px; padding-bottom: 5px; display: grid; }
.selected-sub-tabs { border-bottom: 1px solid var(--border-color); gap: 5px; margin-bottom: 15px; padding-bottom: 2px; display: flex; }
.selected-sub-tab-btn { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; border-radius: 6px 6px 0px 0px; flex: 1 1 0%; padding: 8px; font-size: 0.9rem; font-weight: 600; transition: 0.2s; }
.selected-sub-tab-btn:hover { background-color: var(--bg-input); color: var(--text-primary); }
.selected-sub-tab-btn.active { color: var(--color-primary-text); border-bottom-color: var(--color-primary); background-color: var(--bg-editor); }
.inspector-sub-content { animation: 0.2s ease 0s 1 normal none running fadeIn; }
@media (width <= 360px) {
  .library-tabs { gap: 3px; }
  .lib-tab { padding: 4px 2px; font-size: 0.75rem; }
}
.library-tabs::-webkit-scrollbar { display: none; }
.lib-tab { color: var(--text-secondary); cursor: pointer; white-space: nowrap; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; padding: 4px 8px; font-size: 0.8rem; font-weight: 600; transition: 0.2s; }
.lib-tab:hover { background-color: var(--bg-input); }
.lib-tab.active { background-color: var(--bg-image-upload-hover); color: var(--color-primary-text); }
.social-images-grid { display: grid; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; }
.library-grid { grid-template-columns: repeat(3, 1fr); align-content: start; gap: 8px; min-height: 128px; animation: 0.2s ease 0s 1 normal none running fadeIn; display: none; }
.library-grid.active { display: grid; }
.lib-btn { background-color: var(--bg-editor); border: 1px solid var(--border-input); cursor: pointer; color: var(--text-primary); border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; gap: 4px; height: 60px; padding: 8px 4px; transition: 0.2s; display: flex; }
.lib-btn:hover { border-color: var(--color-primary); background-color: var(--bg-input); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px; }
.lib-btn .iconify { color: var(--text-secondary); font-size: 1.4rem; }
.lib-btn:hover .iconify { color: var(--color-primary-text); }
.lib-btn span:last-child { font-size: 0.75rem; }
.inspector-panel { width: var(--inspector-panel-width); border-left: 1px solid var(--border-color); min-width: 350px; max-width: 60vw; opacity: var(--inspector-ui-opacity,1); flex-direction: column; padding: 0px; transition: opacity 0.3s, transform 0.3s; display: flex; overflow: hidden; }
.inspector-scroll-container { flex-direction: column; flex-grow: 1; width: 100%; max-width: 100%; padding: 0px; display: flex; overflow-y: auto; overflow-x: hidden !important; }
.inspector-tab-content { box-sizing: border-box; width: 100%; max-width: 100%; padding: 20px 20px 80px; display: none; overflow-x: hidden; }
.history-item, .export-option p { word-break: break-word; overflow-wrap: break-word; white-space: normal; min-width: 0px; }
.inspector-footer { padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); background: var(--bg-section); border-top: 1px solid var(--border-color); z-index: 50; flex-shrink: 0; justify-content: space-between; align-items: center; transition: padding 0.2s; display: flex; box-shadow: rgba(0, 0, 0, 0.03) 0px -2px 10px; }
.inspector-footer span { align-items: center; gap: 6px; font-size: 0.9rem; font-weight: 600; display: flex; }
.global-sub-tabs { background: var(--bg-editor); z-index: 20; gap: 10px; padding: 10px 15px 0px; display: flex; position: static; top: 0px; }
.sub-tab-btn { text-align: center; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background: var(--bg-input); cursor: pointer; color: var(--text-secondary); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 8px 8px 0px 0px; flex: 1 1 0%; padding: 8px; font-size: 0.85rem; transition: 0.2s; }
.sub-tab-btn.active { background: var(--bg-editor); color: var(--color-primary-text); border-top: 2px solid var(--color-primary); z-index: 21; margin-bottom: -1px; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.02) 0px -2px 5px; }
.global-sub-content { border-top: 1px solid var(--border-input); padding-top: 20px; display: none; }
.global-sub-content.active { animation: 0.2s ease 0s 1 normal none running fadeIn; display: block; }
.inspector-panel.simple-mode .editor-section { padding-bottom: 10px; }
.inspector-panel .input-group { max-width: 100%; }
.inspector-tabs { border-bottom: 1px solid var(--border-color); flex-shrink: 0; display: flex; }
.inspector-tab-btn { cursor: pointer; color: var(--text-secondary); transition: all var(--transition-short); background: 0px 0px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; flex: 1 1 0%; padding: 12px 10px; font-weight: 600; }
.inspector-tab-btn:hover { background-color: var(--bg-input); }
.inspector-tab-btn.active { color: var(--color-primary-text); border-bottom-color: var(--color-primary); }
.inspector-tab-content { flex-grow: 1; padding: 25px; display: none; overflow-y: auto; }
.inspector-tab-content.active { display: block; }
.resizer, .resizer-left { width: 5px; height: calc(100vh - var(--header-height) - var(--system-broadcast-height,0px)); background: var(--border-color); cursor: col-resize; z-index: 50; flex-shrink: 0; transition: background-color 0.2s; position: relative; }
.resizer:hover, .resizer-left:hover, .resizer.active, .resizer-left.active { background: var(--color-primary); }
body.is-resizing-panel .layer-panel, body.is-resizing-panel .inspector-panel, body.is-resizing-panel .preview-wrapper { transition: none !important; }
.preview-panel { height: calc(100dvh - var(--header-height)); background: var(--bg-preview-pane); flex-direction: column; flex-grow: 1; min-width: 0px; display: flex; overflow: hidden; }
.preview-canvas-area { touch-action: pan-y; will-change: scroll-position; background-image: radial-gradient(var(--border-dashed) 1px, transparent 1px); background-size: 24px 24px; flex-direction: column; flex-grow: 1; align-items: center; padding: 40px 20px; display: flex; position: relative; overflow: hidden auto; }
.workspace-tabs-container { background: var(--bg-editor); border-bottom: 1px solid var(--border-color); z-index: 150; scrollbar-width: none; flex-shrink: 0; align-items: flex-end; gap: 4px; width: 100%; height: 42px; padding: 0px 15px; display: flex; position: sticky; top: 0px; overflow-x: auto; }
.workspace-tabs-container::-webkit-scrollbar { display: none; }
.workspace-tab { background: var(--bg-input); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; color: var(--text-secondary); cursor: pointer; user-select: none; white-space: nowrap; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 8px 8px 0px 0px; flex: 0 0 auto; align-items: center; gap: 8px; min-width: 120px; max-width: 200px; height: 34px; padding: 4px 12px; font-size: 0.85rem; transition: 0.2s; display: flex; position: relative; }
.workspace-tab.active { background: var(--bg-preview-pane); color: var(--color-primary); border-bottom: 1px solid var(--bg-preview-pane); z-index: 5; margin-bottom: -1px; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.02) 0px -2px 5px; }
.tab-rename-input { border: 1px solid var(--color-primary); background: var(--bg-input); color: var(--color-primary); border-radius: 4px; outline: none; width: 100px; padding: 2px 6px; font-size: 0.85rem; font-weight: 600; box-shadow: rgba(0, 122, 255, 0.1) 0px 0px 0px 2px; }
.workspace-tab .tab-title { white-space: nowrap; text-overflow: ellipsis; flex-grow: 1; overflow: hidden; }
.workspace-tab .tab-close { opacity: 0.6; border-radius: 50%; justify-content: center; align-items: center; width: 18px; height: 18px; font-size: 12px; display: flex; }
.workspace-tab .tab-close:hover { color: var(--color-danger); opacity: 1; background: rgba(255, 59, 48, 0.1); }
.workspace-add-btn { cursor: pointer; width: 32px; height: 32px; color: var(--text-secondary); border-radius: 6px; flex: 0 0 auto; justify-content: center; align-items: center; margin-bottom: 2px; display: flex; }
.workspace-add-btn:hover { background: var(--bg-input); color: var(--color-primary); }
.res-page-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 10px; flex-direction: column; justify-content: space-between; min-height: 120px; padding: 15px; transition: 0.2s; display: flex; position: relative; }
.res-page-card:hover { border-color: var(--color-primary); transform: translateY(-2px); }
.res-page-info { flex-grow: 1; }
.res-page-name { color: var(--text-primary); margin-bottom: 5px; font-size: 0.95rem; font-weight: 700; }
.res-page-meta { color: var(--text-secondary); font-size: 0.75rem; }
.res-page-actions { border-top: 1px solid var(--border-color); gap: 8px; margin-top: 10px; padding-top: 10px; display: flex; }
.preview-wrapper { transform-origin: center top; width: 100%; font-size: calc(16px * var(--g-comp-scale,1)); flex-shrink: 0; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), font-size 0.3s; position: relative; }
body.layout-desktop .preview-items-container { gap: calc(var(--preview-gap) * var(--g-comp-scale,1)); }
.panel-header { border-bottom: 1px solid var(--border-color); justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 10px; font-size: 1.1rem; font-weight: 700; display: flex; }
.back-to-global-btn { color: var(--text-action); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 4px 8px; font-size: 0.9rem; font-weight: 400; }
.back-to-global-btn:hover { text-decoration: underline; }
.layer-item-container { margin-bottom: 5px; }
.layer-list .layer-item { cursor: pointer; transition: background-color var(--transition-short), border-color var(--transition-short); background-color: var(--bg-section); border: 1px solid var(--border-color); border-radius: 6px; align-items: center; gap: 4px; margin-bottom: 4px; padding: 8px 10px; display: flex; }
.layer-list .layer-item:hover { background-color: var(--bg-input); border-color: var(--text-secondary); }
.layer-list .layer-item.selected { background-color: var(--bg-image-upload-hover); border-color: var(--color-primary); border-left-width: 4px; padding-left: 7px; font-weight: 600; }
html.dark-mode .layer-list .layer-item.selected { color: rgb(255, 255, 255); background-color: rgba(52, 152, 219, 0.15); border-color: rgb(93, 173, 226); }
html.dark-mode .preview-item-wrapper.selected, html.dark-mode .preview-header.selected { outline: rgb(93, 173, 226) solid 2px; box-shadow: rgba(93, 173, 226, 0.3) 0px 0px 15px; }
.layer-list .layer-item .layer-icon { color: var(--text-secondary); font-size: 1.1em; }
.layer-list .layer-item .layer-name { white-space: nowrap; text-overflow: ellipsis; flex-grow: 1; padding-left: 4px; overflow: hidden; }
.layer-actions { align-items: center; gap: 4px; display: flex; }
.layer-actions .btn-icon { width: 26px; height: 26px; color: var(--text-secondary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; font-size: 1.1rem; }
.layer-actions .btn-icon:hover { background: var(--border-color); }
.layer-item.is-hidden .layer-name, .layer-item.is-hidden .layer-icon { opacity: 0.5; }
.layer-item.is-hidden .layer-name { text-decoration: line-through; }
.inspector-state { display: none; }
.inspector-state.active { animation: 0.3s ease 0s 1 normal none running fadeIn; display: block; }
.inspector-placeholder { text-align: center; color: var(--text-placeholder); padding: 40px 10px; font-style: italic; }
.inspector-placeholder .iconify { margin-bottom: 10px; font-size: 2rem; }
.preview-item-wrapper.selected, .preview-header.selected { outline: 2px solid var(--color-primary); z-index: 999; pointer-events: none; }
.preview-item-wrapper.is-hidden { display: none; }
body.export-mode .preview-panel { justify-content: flex-start; }
body.export-mode .mobile-edit-pencil { display: none !important; }
.preview-wrapper { width: 100%; min-height: fit-content; box-shadow: 0 4px 16px var(--shadow-medium); font-family: var(--active-card-font-family); transition: all var(--transition-speed) ease, width .4s cubic-bezier(.25, .8, .25, 1), max-width .4s cubic-bezier(.25, .8, .25, 1); border-radius: 20px; flex-shrink: 0; padding: 20px 20px 40px; position: relative; overflow: visible; }
body.mobile-export-preview-mode .preview-panel { justify-content: center; align-items: flex-start; }
body.mobile-export-preview-mode .preview-wrapper { width: 500px !important; max-width: none !important; transform-origin: center top !important; margin: 0px auto !important; position: relative !important; left: auto !important; }
.preview-wrapper.is-drag-over { outline: 4px dashed var(--color-primary); outline-offset: 5px; background-color: rgba(0, 122, 255, 0.05); transform: scale(1.02); }
.preview-overlay { display: none; }
.preview-header, .preview-items-container { z-index: 2; overflow-wrap: break-word; box-sizing: border-box; width: 100%; position: relative; }
[data-state-key], [data-item-key], [data-separator-text-key], .tag-pill span[data-tag-id] { position: relative; }
[data-state-key]:hover, [data-item-key]:hover, [data-separator-text-key]:hover, .tag-pill span[data-tag-id]:hover { outline: 1px dashed var(--color-primary); cursor: text; }
[contenteditable="true"] { outline: 2px solid var(--color-primary); background-color: rgba(0, 122, 255, 0.1); border-radius: 4px; box-shadow: rgba(0, 122, 255, 0.5) 0px 0px 8px; }
.btn { cursor: pointer; transition: background-color var(--transition-short) ease, transform var(--transition-short) ease, box-shadow var(--transition-short) ease; text-align: center; width: 100%; color: var(--text-on-primary); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; padding: 10px 16px; font-size: 14px; font-weight: 600; display: inline-block; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; }
.btn-primary { background: var(--color-primary); }
.btn-success { color: rgb(255, 255, 255); background: rgb(52, 199, 89); }
.btn-success:hover:not(:disabled) { background: rgb(40, 167, 69); box-shadow: rgba(52, 199, 89, 0.3) 0px 4px 8px; }
.btn-primary:hover:not(:disabled) { background: var(--color-primary-hover); box-shadow: rgba(0, 122, 255, 0.3) 0px 4px 8px; }
.btn-secondary { background: var(--color-secondary); }
.btn-secondary:hover:not(:disabled) { background: var(--color-secondary-hover); box-shadow: rgba(142, 142, 147, 0.3) 0px 4px 8px; }
.btn-danger { background: var(--color-danger); }
.btn-danger:hover:not(:disabled) { background: var(--color-danger-hover); box-shadow: rgba(255, 71, 87, 0.3) 0px 4px 8px; }
.btn-default { background-color: var(--bg-input); border: 1px solid var(--border-input); color: var(--text-secondary); }
.btn-default:hover:not(:disabled) { background-color: var(--border-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; }
.btn:active:not(:disabled) { transform: scale(0.98); }
.btn:disabled { cursor: not-allowed; opacity: 0.6; background: rgb(153, 153, 153); }
.btn-small { padding: 6px 10px; font-size: 0.9rem; }
.btn-icon { justify-content: center; align-items: center; width: auto; padding: 6px 10px; font-size: 0.9rem; display: flex; }
.editor-section { background: var(--bg-editor); border: 1px solid rgba(128, 128, 128, 0.1); border-radius: 14px; width: 100%; margin: 0px 0px 14px; padding: 0px; transition: transform 0.2s, box-shadow 0.2s; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px; }
.editor-section:hover { border-color: var(--color-primary); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px; }
fieldset.editor-section { min-width: 0px; margin-inline: 0px; padding-block: 0px; padding-inline: 0px; }
.editor-section legend { width: 100%; color: var(--text-primary); cursor: pointer; box-sizing: border-box; float: none; border-bottom: 1px solid rgba(128, 128, 128, 0.08); border-left: 4px solid var(--color-primary); background: rgba(128, 128, 128, 0.03); justify-content: space-between; align-items: center; padding: 10px 14px; font-size: 0.9rem; font-weight: 700; transition: 0.2s; display: flex; }
.editor-section legend:hover { color: var(--color-primary); background: var(--bg-input); }
.editor-section legend::after { content: "▼"; color: var(--text-secondary); font-size: 0.7rem; transition: transform 0.2s; transform: rotate(0deg); }
.editor-section.collapsed legend::after { transform: rotate(-90deg); }
.editor-section.collapsed legend { border-bottom-color: rgba(0, 0, 0, 0); }
.editor-section.collapsed .section-content { display: none; }
.editor-section .section-content { background: var(--bg-card); padding: 16px; }
.advanced-toggle-label { color: var(--text-action); font-size: 0.85rem; font-weight: 400; }
.advanced-setting { animation: 0.3s ease 0s 1 normal none running fadeIn; display: block; }
.tab-btn.advanced-setting { display: inline-flex; }
.inspector-panel.simple-mode .advanced-setting, .tab-content:not(.active), .global-sub-content:not(.active) { display: none !important; }
.section-header { justify-content: space-between; align-items: center; margin-bottom: 15px; display: flex; }
.section-header h4 { margin: 0px; }
.form-group { margin-bottom: 15px; }
.form-group label { color: var(--text-label); margin-bottom: 6px; font-size: 0.9rem; font-weight: 600; display: block; }
.form-group input[type="text"], .form-group input[type="number"], .form-group input[type="file"], .form-group select, .form-group textarea { background-color: var(--bg-input); border: 1px solid var(--border-input); width: 100%; color: var(--text-primary); overflow-wrap: break-word; border-radius: 8px; max-width: 100%; padding: 10px 12px; font-size: 14px; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px inset; }
.form-group input[type="text"]:hover, .form-group textarea:hover, .form-group select:hover { background-color: var(--bg-input); border-color: rgba(128, 128, 128, 0.3); }
.form-group input[type="text"]:focus, .form-group input[type="number"]:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--color-primary); outline: none; box-shadow: rgba(0, 122, 255, 0.2) 0px 0px 0px 3px; }
.form-group textarea { resize: vertical; min-height: 80px; }
.input-group { background-color: var(--bg-input); border: 1px solid var(--border-input); border-radius: 8px; align-items: stretch; gap: 0px; height: 40px; transition: 0.2s; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px inset; }
.input-group:hover { border-color: rgba(128, 128, 128, 0.3); }
.input-group:focus-within { background-color: var(--bg-editor); border-color: var(--color-primary); box-shadow: rgba(0, 122, 255, 0.15) 0px 0px 0px 3px; }
.input-group .btn-small { color: var(--text-secondary); width: 36px !important; height: 100% !important; box-shadow: none !important; background-color: rgba(0, 0, 0, 0) !important; border-width: medium medium medium 1px !important; border-style: none none none solid !important; border-color: currentcolor currentcolor currentcolor rgba(128, 128, 128, 0.2) !important; border-image: initial !important; border-radius: 0px !important; margin: 0px !important; }
.input-group .btn-small:hover { color: var(--color-primary); background-color: rgba(0, 0, 0, 0.05) !important; }
.input-group.simple:focus-within { box-shadow: none; }
.input-group input[type="range"] { cursor: pointer; appearance: none; background: rgba(128, 128, 128, 0.2); border-radius: 3px; outline: none; flex-grow: 1; min-width: 100px; height: 6px; margin: 0px 12px; }
.input-group input[type="range"]::-webkit-slider-thumb { appearance: none; background: var(--color-primary); cursor: pointer; border-radius: 50%; width: 16px; height: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; }
.stepper-group { align-items: center; gap: 5px; display: flex; }
.stepper-group input[type="range"] { flex-grow: 1; }
.btn-stepper { background-color: var(--bg-editor); border: 1px solid var(--border-input); width: 28px; height: 28px; color: var(--text-primary); cursor: pointer; border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; padding: 0px; font-size: 1rem; transition: 0.2s; display: none; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; }
.btn-stepper:hover { border-color: var(--color-primary); background-color: var(--color-primary) !important; color: rgb(255, 255, 255) !important; }
.btn-stepper:active { background: var(--bg-image-upload-hover); transform: scale(0.9); }
@media (width <= 1024px) {
  .btn-stepper { display: flex !important; }
  .input-group.simple input[type="range"] { margin: 0px 8px; }
}
.radio-group { background: var(--bg-input); border: 1px solid var(--border-input); box-sizing: border-box; border-radius: 8px; gap: 2px; width: 100%; padding: 3px; display: flex; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px inset; }
.radio-group.wrap { grid-template-columns: repeat(3, 1fr); gap: 2px; display: grid; }
.radio-group.wrap.dense { grid-template-columns: repeat(4, 1fr); }
.radio-group label { text-align: center; cursor: pointer; color: var(--text-secondary); white-space: nowrap; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; margin: 0px; padding: 7px 4px; font-size: 0.85rem; font-weight: 500; transition: 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; }
.radio-group input[type="radio"] { display: none; }
.radio-group label:has(input:checked) { background: var(--bg-card); color: var(--color-primary-text); border-color: rgba(0, 0, 0, 0.05); font-weight: 600; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 5px; }
.radio-group label:not(:has(input:checked)):hover { color: var(--text-primary); background: rgba(0, 0, 0, 0.03); }
.radio-group.wrap { flex-wrap: wrap; }
.color-control-row { flex-wrap: wrap; align-items: flex-start; gap: 15px; min-width: 0px; display: flex; }
.color-control-group { flex: 1 1 0%; min-width: 0px; }
.color-control-row { flex-direction: column !important; gap: 12px !important; }
.color-control-group { flex: 0 0 auto !important; width: 100% !important; }
.input-group.simple { box-sizing: border-box; width: 100%; }
.checkbox-group { cursor: pointer; align-items: center; gap: 8px; font-weight: 400; display: flex; }
.border-apply-to-list .checkbox-group { padding-left: 20px; }
.border-apply-to-list .checkbox-group.is-parent { padding-left: 0px; }
.checkbox-group label { cursor: pointer; align-items: center; gap: 8px; margin: 0px; font-weight: 400; display: flex; }
.apply-tag-cloud { flex-wrap: wrap; gap: 6px; margin-top: 5px; display: flex; }
.apply-tag-item { cursor: pointer; background: var(--bg-input); color: var(--text-secondary); border: 1px solid var(--border-input); user-select: none; text-align: center; border-radius: 6px; flex-grow: 1; justify-content: center; align-items: center; min-width: 60px; padding: 4px 10px; font-size: 0.8rem; transition: 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; }
.apply-tag-item:hover { background: var(--bg-image-thumb); }
.apply-tag-item input[type="checkbox"] { display: none; }
.apply-tag-item:has(input:checked) { background: var(--bg-image-upload-hover); color: var(--color-primary-text); border-color: var(--color-primary); font-weight: 600; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; }
hr.separator { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 20px 0px; }
.tabs { border-bottom: 1px solid var(--border-color); white-space: nowrap; scrollbar-width: none; flex-wrap: nowrap; margin-bottom: 15px; display: flex; overflow-x: auto; }
.tabs::-webkit-scrollbar { display: none; }
.tab-btn { cursor: pointer; color: var(--text-secondary); white-space: nowrap; background: 0px 0px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; flex: 0 0 auto; padding: 8px 12px; font-weight: 600; }
.tab-btn.active { color: var(--text-primary); border-bottom-color: var(--color-primary); }
.tab-content { display: none; }
.tab-content.active { display: block; }
.gradient-controls { grid-template-columns: 1fr; gap: 15px; display: grid; }
.gradient-angle-control { grid-column: 1 / -1; }
.preview-header { text-align: center; transition: all var(--transition-speed) ease; overflow-wrap: break-word; border-radius: 16px; padding: 30px 15px; position: relative; overflow: visible; }
.preview-header.layout-card { text-align: left; gap: 20px; display: flex; }
.preview-header.layout-card .info-left-col { flex-direction: column; flex: 0 0 100px; align-items: center; display: flex; position: relative; }
.preview-header.layout-card .info-right-col { flex: 1 1 0%; }
.preview-header.layout-card #preview-nickname { text-align: center; margin-top: 8px; }
.preview-header.layout-card #preview-subtitle { border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
.preview-header.layout-card .tags-container { justify-content: flex-start; margin-top: 12px; }
#preview-avatar-wrapper { position: relative; }
#preview-avatar { border: 4px solid var(--bg-preview-page); width: 90px; height: 90px; box-shadow: 0 4px 12px var(--shadow-light); object-fit: cover; transition: all var(--transition-speed) ease; cursor: pointer; z-index: 5; background-color: rgb(255, 255, 255); position: relative; }
#preview-avatar-wrapper { transition: all var(--transition-speed) ease; z-index: 20; line-height: 0; display: inline-block; position: relative; }
#avatar-status-badge { width: 24px; height: 24px; box-shadow: none; z-index: 10; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; font-size: 18px; display: flex; position: absolute; bottom: 5%; right: 5%; }
#avatar-status-badge.badge-red-dot { color: rgb(255, 255, 255); width: auto; min-width: 20px; height: 20px; text-shadow: none; background-color: rgb(255, 59, 48); border: 2px solid rgb(255, 255, 255); border-radius: 10px; padding: 0px 4px; font-size: 10px; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; }
.inspector-panel .radio-group { grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); gap: 5px; display: grid; }
.timeline-event-editor { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 8px; align-items: flex-start; margin-bottom: 10px; display: flex; overflow: hidden; }
.timeline-event-editor .card-drag-handle { cursor: grab; background: var(--bg-section); border-right: 1px solid var(--border-color); width: 30px; color: var(--text-placeholder); flex-shrink: 0; justify-content: center; align-self: stretch; align-items: center; display: flex; }
.timeline-event-editor .editor-card-content { flex-grow: 1; min-width: 0px; padding: 10px; }
.timeline-event-editor .card-delete-btn { flex-shrink: 0; width: 32px; height: 32px; margin: 5px; padding: 0px; }
.unified-thumb { background: var(--bg-image-thumb); border: 1px solid var(--border-input); cursor: pointer; border-radius: 6px; flex-shrink: 0; justify-content: center; align-items: center; width: 44px; min-width: 44px; height: 44px; display: flex; position: relative; overflow: hidden; }
.unified-thumb img { object-fit: cover; width: 100%; height: 100%; }
.unified-thumb .iconify { color: rgb(204, 204, 204); font-size: 20px; }
.unified-content input[type="text"], .unified-content textarea, .unified-content select { background: 0px 0px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; width: 100%; padding: 6px; font-size: 0.9em; transition: 0.2s; }
.unified-content input[type="text"]:hover, .unified-content textarea:hover { background: var(--bg-editor); border-color: var(--border-input); }
.unified-content input[type="text"]:focus, .unified-content textarea:focus { background: var(--bg-editor); border-color: var(--color-primary); outline: none; box-shadow: rgba(0, 122, 255, 0.1) 0px 0px 0px 2px; }
#preview-nickname { color: var(--text-primary); transition: color var(--transition-speed) ease; margin: 12px 0px 5px; font-size: 1.6rem; font-weight: 700; }
#preview-subtitle { color: var(--text-primary); opacity: 0.7; transition: color var(--transition-speed) ease, margin var(--transition-speed) ease; margin: 0px 0px 8px; font-size: 1rem; font-weight: 400; }
#preview-bio { color: var(--text-primary); opacity: 0.8; transition: color var(--transition-speed) ease; white-space: pre-wrap; margin: 0px; font-size: 0.9rem; line-height: 1.4; }
#preview-subtitle:empty, #preview-bio:empty { display: none; }
.tags-container { flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 15px; display: flex; }
.tag-pill { white-space: nowrap; height: auto; min-height: 28px; transition: all var(--transition-speed) ease; cursor: grab; border-radius: 16px; flex-shrink: 0; justify-content: center; align-items: center; gap: 6px; padding: 4px 12px; font-size: 0.8rem; font-weight: 600; line-height: normal; display: inline-flex; position: relative; overflow: visible; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; }
.tag-pill > span:not(.icon-view-wrapper) { display: inline-block; }
.editor-item { background: var(--bg-editor); border: 1px solid var(--border-color); box-shadow: 0 2px 4px var(--shadow-light); transition: all var(--transition-speed) ease; border-radius: 8px; margin-bottom: 15px; }
.sortable-ghost { border-radius: 12px; transition: 0.2s; transform: scale(0.95); opacity: 0.2 !important; background: var(--bg-input) !important; border: 2px dashed var(--color-primary) !important; box-shadow: none !important; }
.preview-item-wrapper.sortable-drag { background: var(--bg-card); cursor: grabbing; opacity: 1 !important; z-index: 10000 !important; transition: none !important; transform: scale(1.05) !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 30px !important; }
.preview-item-wrapper { user-select: none; }
.preview-header { font-family: var(--g-comp-font-family) !important; }
.preview-header #preview-nickname { font-family: var(--g-comp-title-font-family,var(--g-comp-font-family)) !important; font-weight: var(--g-comp-title-font-weight,700) !important; font-style: var(--g-comp-title-font-style,normal) !important; }
.editor-item.sortable-chosen { box-shadow: 0 4px 12px var(--shadow-medium); transform: scale(1.02); }
.image-card-editor-content { align-items: flex-start; gap: 15px; display: flex; }
.image-card-editor-thumb { flex-shrink: 0; width: 80px; }
.image-card-editor-fields { flex-grow: 1; }
.thumbnail-wrapper { background: var(--bg-image-thumb); width: 100%; transition: all var(--transition-short) ease; border-radius: 6px; min-height: 80px; padding-top: 100%; position: relative; overflow: hidden; }
.thumbnail-wrapper img { object-fit: cover; width: 100%; height: 100%; transition: transform var(--transition-short) ease; position: absolute; top: 0px; left: 0px; }
.thumbnail-wrapper:hover, .thumbnail-wrapper:hover img { transform: scale(1.05); }
.thumbnail-actions { opacity: 0; transition: opacity var(--transition-short) ease; gap: 4px; display: flex; position: absolute; top: 3px; right: 3px; }
.thumbnail-wrapper:hover .thumbnail-actions { opacity: 1; }
.thumbnail-actions .btn { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; width: 24px; height: 24px; padding: 0px; font-size: 0.8rem; line-height: 24px; }
.thumbnail-actions .btn:hover { background: rgba(0, 0, 0, 0.8); }
.editor-item-header { background: var(--bg-section); border-bottom: 1px solid var(--border-color); z-index: 20; border-radius: 8px 8px 0px 0px; align-items: center; padding: 0px 10px; display: flex; position: sticky; top: 0px; box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 5px; }
.editor-item-title-input { color: var(--text-primary); overflow-wrap: break-word; background: 0px 0px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; flex-grow: 1; min-width: 0px; margin: 0px; padding: 10px; font-size: 1em; font-weight: 600; }
.editor-item-title-input:not(span):hover { border-color: var(--border-input); }
.editor-item-title-input:not(span):focus { outline: 1px solid var(--color-primary); background: var(--bg-input); border-color: var(--color-primary); }
.item-actions { flex-shrink: 0; align-items: center; gap: 5px; margin-left: auto; display: flex; }
.item-delete-btn { flex-shrink: 0; width: auto; padding: 6px 10px; font-size: 0.9rem; }
.editor-item-content { padding: 15px; }
.preview-items-container { margin-top: var(--preview-gap); gap: var(--preview-gap); flex-wrap: wrap; align-items: flex-start; width: 100%; display: flex; }
.preview-items-container.compact-mode { column-gap: var(--preview-gap); grid-template-columns: repeat(6, 1fr); grid-auto-rows: 1px; align-items: start; row-gap: 0px; display: grid; }
.preview-items-container.compact-mode .preview-item-wrapper { align-self: start; height: auto; width: auto !important; }
.preview-items-container.locked-mode * { cursor: default !important; pointer-events: none !important; }
#preview-items-container .empty-placeholder { text-align: center; color: var(--text-placeholder); width: 100%; padding: 50px 0px; }
.preview-item-wrapper { cursor: pointer; z-index: 1; contain: layout style; backface-visibility: hidden; perspective: 1000px; will-change: transform, margin; position: relative; transform: translate(0px, 0px); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), margin 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s, border-radius 0.3s, box-shadow 0.3s !important; overflow: visible !important; }
::view-transition-group(*) { animation-duration: 0.4s; animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1); }
.preview-item-wrapper.sortable-drag { opacity: 1 !important; }
.preview-item-wrapper.adding, .preview-item-wrapper.removing { transition: opacity 0.4s, transform 0.4s; }
.preview-item-wrapper.adding { animation: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s 1 normal none running fadeInScale; }
.preview-item-wrapper.removing { animation: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s 1 normal none running fadeOutScale; }
.preview-card { box-sizing: border-box; width: 100%; height: 100%; view-transition-name: var(--card-transition-name); position: relative; }
.preview-card-inner { box-sizing: border-box; width: 100%; height: 100%; color: var(--card-text-color,var(--g-comp-text-color)); border-radius: var(--g-comp-border-radius); box-shadow: none; border: var(--active-card-border,none); font-weight: var(--card-font-weight,normal); text-shadow: var(--active-card-text-shadow,none); padding: var(--g-comp-padding); overflow-wrap: break-word; transition: all var(--transition-short) ease; -webkit-text-stroke: var(--g-comp-text-stroke); paint-order: stroke; line-height: var(--g-comp-line-height); letter-spacing: var(--g-comp-letter-spacing,0px); position: relative; overflow: hidden; }
.preview-card-inner::before { content: ""; z-index: 0; border-radius: inherit; background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: cover; background-position: center var(--card-bg-pos-y,50%); opacity: var(--card-bg-opacity,1); filter: var(--g-comp-bg-blur,none); transform: var(--g-comp-bg-transform,none); background-repeat: no-repeat; transition: filter 0.3s, opacity 0.3s; position: absolute; inset: 0px; }
.preview-card-inner[data-card-style]:not([data-card-style="default"]):not([data-card-style="quote"]):not([data-card-style="terminal"])::before { display: none !important; }
.preview-card-inner::before { display: block; }
.preview-card-inner::after { content: none; }
.preview-card-sticker { z-index: 10; pointer-events: none; width: 80px; height: 25px; position: absolute; top: -10px; left: 50%; transform: translate(-50%) rotate(-3deg); }
.preview-card-sticker.tape { opacity: 1; backdrop-filter: blur(1px); background-color: rgba(255, 255, 245, 0.85); border-left: 2px dashed rgba(0, 0, 0, 0.1); border-right: 2px dashed rgba(0, 0, 0, 0.1); width: 90px; height: 26px; top: -12px; transform: translate(-50%) rotate(-2deg); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; }
.preview-card-sticker.pushpin { background-color: rgb(231, 76, 60); border: 2px solid rgb(192, 57, 43); border-radius: 50%; width: 20px; height: 20px; top: -8px; transform: translate(-50%) rotate(10deg); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; }
.preview-card-sticker.pushpin::before { content: ""; background: rgb(189, 195, 199); width: 6px; height: 6px; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%) rotate(45deg); }
.preview-card-sticker.pink-tape { opacity: 1; backdrop-filter: blur(1px); background-color: rgba(255, 182, 193, 0.85); border-left: 2px dashed rgba(0, 0, 0, 0.1); border-right: 2px dashed rgba(0, 0, 0, 0.1); width: 90px; height: 26px; top: -12px; transform: translate(-50%) rotate(2deg); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; }
.preview-card-sticker.black-tape { opacity: 1; backdrop-filter: blur(1px); background-color: rgba(40, 40, 40, 0.85); border-left: 2px dashed rgba(255, 255, 255, 0.2); border-right: 2px dashed rgba(255, 255, 255, 0.2); width: 90px; height: 26px; top: -12px; transform: translate(-50%) rotate(-1.5deg); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px; }
.preview-card-sticker.staple { background: linear-gradient(rgb(212, 212, 212), rgb(255, 255, 255), rgb(153, 153, 153)); border-radius: 2px; width: 24px; height: 5px; top: 8px; left: 50%; transform: translate(-50%) rotate(-4deg); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px; }
.preview-card .preview-card-inner, .music-card-preview, .showcase-card, .timeline-preview, .progress-bar-preview, .rpg-card-preview, .social-card-preview, .grid-preview-wrapper, .preview-header, .preview-items-container figure, .todo-preview-container, .calendar-preview, .qa-preview, .achievement-preview, .letter-preview, .ranking-preview, .checklist-preview, .relationship-preview, .timer-preview, .dialogue-preview-container, .marquee-container { will-change: transform, box-shadow; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; }
.music-card-preview, .showcase-card, .rpg-card-preview, .timeline-preview, .progress-bar-preview { }
.preview-card:hover .preview-card-inner, .music-card-preview:hover, .showcase-card:hover, .timeline-preview:hover, .progress-bar-preview:hover, .rpg-card-preview:hover, .social-card-preview:hover, .grid-preview-wrapper:hover, .preview-header:hover, .preview-items-container figure:hover, .todo-preview-container:hover, .calendar-preview:hover, .qa-preview:hover, .achievement-preview:hover, .letter-preview:hover, .ranking-preview:hover, .relationship-preview:hover, .checklist-preview:hover, .timer-preview:hover, .dialogue-preview-container:hover, .marquee-container:hover { z-index: 100; transform: translateY(-5px) scale(1.01); box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 35px !important; }
.preview-card-title, .preview-card-content { z-index: 2; overflow-wrap: break-word; color: inherit; margin: 0px; position: relative; }
.preview-card-title { font-size: var(--g-comp-title-font-size); font-weight: inherit; align-items: var(--g-font-align,center); gap: 8px; margin-bottom: 8px; display: flex; line-height: 1.2 !important; }
.preview-card-title .iconify, .tag-pill .iconify { flex-shrink: 0; font-size: 1.25em; }
.preview-card-content { font-size: var(--g-comp-content-font-size); font-family: var(--g-comp-font-family); line-height: var(--g-comp-line-height,1.5); letter-spacing: var(--g-comp-letter-spacing,0px); white-space: pre-wrap; font-variant-ligatures: none; overflow-wrap: break-word; word-break: break-word; hyphens: none; box-sizing: border-box; padding-right: 0.5px; width: 100% !important; }
.preview-card-content .tiptap, .preview-card-content .ql-editor, .letter-body .tiptap, .dialogue-text, .qa-content, .tiptap-content-root .tiptap, .preview-card-content .tiptap ul, .preview-card-content .ql-editor ul, .preview-card-content .tiptap ol, .preview-card-content .ql-editor ol, .preview-card-content .tiptap li, .preview-card-content .ql-editor li, .letter-body li, .dialogue-text li, .qa-content li { line-height: inherit; letter-spacing: inherit; white-space: pre-wrap !important; margin: 0px !important; padding: 0px !important; }
.preview-card-content .tiptap p, .preview-card-content .ql-editor p, .letter-body p, .dialogue-text p, .qa-content p { white-space: pre-wrap !important; margin-left: 0px !important; margin-right: 0px !important; padding: 0px !important; }
.preview-card-content p, .preview-card-content .tiptap p, .ql-empty-p { min-height: calc(var(--g-comp-line-height,1.5) * 1em); white-space: pre-wrap !important; margin: 0px !important; padding: 0px !important; }
.preview-card-content strong, .preview-card-content b { font-weight: 700; }
.preview-card-content em, .preview-card-content i { font-style: italic; }
.ql-align-center { text-align: center; }
.ql-align-right { text-align: right; }
.ql-align-justify { text-align: justify; }
.ql-indent-1 { padding-left: 2em; }
.ql-indent-2 { padding-left: 4em; }
.ql-indent-3 { padding-left: 6em; }
.preview-card-inner:not(.is-editing-rich-text) .preview-card-content ul, .preview-card-inner:not(.is-editing-rich-text) .preview-card-content ol { margin: 0.8em 0px !important; padding-left: 1.6em !important; display: block !important; }
.preview-card-inner:not(.is-editing-rich-text) .preview-card-content ul { list-style-type: disc !important; }
.preview-card-inner:not(.is-editing-rich-text) .preview-card-content ol { list-style-type: decimal !important; }
.preview-card-inner:not(.is-editing-rich-text) .preview-card-content li { margin-bottom: 4px !important; list-style-position: outside !important; display: list-item !important; }
.preview-card-inner:not(.is-editing-rich-text) .preview-card-content ul ul { margin: 4px 0px !important; list-style-type: circle !important; }
.preview-card-inner:not(.is-editing-rich-text) .preview-card-content ul ul ul { list-style-type: square !important; }
.ql-editor ul, .ql-editor ol, .tiptap ul, .tiptap ol { margin: 0.8em 0px !important; padding-left: 1.6em !important; list-style-position: outside !important; display: block !important; }
.ql-editor ul, .tiptap ul { list-style-type: disc !important; }
.ql-editor ol, .tiptap ol { list-style-type: decimal !important; }
.ql-editor li, .tiptap li { list-style-position: outside !important; list-style-type: inherit !important; margin-bottom: 4px !important; display: list-item !important; }
.preview-card-content ul li, .preview-card-content ol li, .letter-body ul li, .letter-body ol li { list-style: inherit !important; display: list-item !important; }
.tiptap ul ul { margin: 4px 0px !important; list-style-type: circle !important; }
.tiptap ul ul ul { list-style-type: square !important; }
@media (width <= 1024px) {
  .tag-pill span[data-tag-text-id], .tag-pill span[data-profile-tag-idx] { display: inline-block; position: relative; top: 1.5px; }
  .tag-pill .iconify, .tag-pill .custom-svg-icon { transform: translateY(0.5px); }
}
.tag-pill span { margin: 0px !important; padding: 2px 0px !important; line-height: 1.4 !important; display: inline-block !important; transform: none !important; }
.preview-card-title .iconify, .preview-card-title .custom-svg-icon, .tag-pill .iconify, .tag-pill .custom-svg-icon { flex-shrink: 0; margin: 0px !important; padding: 0px !important; display: block !important; }
.tag-pill .iconify, .tag-pill .custom-svg-icon { font-size: 1.1em; margin: 0px !important; display: block !important; }
.preview-items-container figure { vertical-align: top; background-color: rgba(0, 0, 0, 0); border-radius: 8px; flex-direction: column; width: 100%; height: auto; margin: 0px; transition: transform 0.3s; display: flex; position: relative; overflow: hidden; }
.img-wrapper { flex-shrink: 0; line-height: 0; overflow: hidden; }
.preview-items-container figure.circle-style .img-wrapper, .preview-items-container figure.circle-style .img-wrapper img { border-radius: 50% !important; }
.preview-items-container figure.circle-style figcaption { text-align: center; margin-top: 10px; }
.preview-items-container figure img { border-radius: 8px 8px 0px 0px; width: 100%; max-width: 100%; height: 100%; transition: transform 0.3s; display: block; }
.preview-items-container figure:not(:has(figcaption)) img { border-radius: 8px; }
.preview-items-container figure:hover .img-wrapper img { transform: scale(1.05); }
.preview-items-container figure figcaption { text-align: center; overflow-wrap: break-word; color: var(--g-comp-text-color); z-index: 2; width: 100%; margin: 0px; padding: 5px; position: relative; }
.preview-items-container figure figcaption > * { text-align: center; display: block; }
.preview-items-container figure.polaroid-style { border-radius: 2px; padding: 12px; transition: transform 0.3s, box-shadow 0.3s; transform: rotate(-1.5deg); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px; background-color: rgb(255, 255, 255) !important; height: auto !important; }
.preview-items-container figure.polaroid-style figcaption { text-align: center; opacity: 0.9; width: 100%; margin-top: 15px; margin-bottom: 10px; padding: 0px; font-family: "LXGW WenKai", "Comic Sans MS", cursive, sans-serif; font-size: 1rem; position: static; color: rgb(51, 51, 51) !important; background: 0px 0px !important; }
.separator-preview { justify-content: center; align-items: center; width: 100%; display: flex; }
.separator-preview-line { flex-grow: 1; height: 1px; transition: none; }
.spacer-preview { border: 1px dashed var(--border-dashed,#ccc); box-sizing: border-box; width: 100%; min-height: 20px; }
body.export-mode .spacer-preview { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; min-height: 0px; }
.apply-global-border::before, .apply-global-border::after { content: ""; border-radius: inherit; pointer-events: none; transition: 0.3s; display: none; position: absolute; inset: 0px; }
.apply-global-border { z-index: 1; border-radius: var(--g-comp-border-radius); position: relative; border: 0px solid rgba(0, 0, 0, 0) !important; }
.apply-global-border:not([data-border-style="pixel"]):not([data-border-style="neo-brutalism"]):not([data-border-style="double-offset"])::after { content: ""; z-index: 10; pointer-events: none; box-sizing: border-box; border-radius: inherit; display: block; position: absolute; inset: 0px; border: var(--g-border-width) var(--g-border-style,solid) var(--g-border-color) !important; background-clip: border-box !important; }
.apply-global-border > * { box-sizing: border-box; width: 100%; height: 100%; }
.preview-header.apply-global-border:not([data-border-style="pixel"]):not([data-border-style="neo-brutalism"]):not([data-border-style="double-offset"]) { border: 0px solid rgba(0, 0, 0, 0) !important; }
.preview-header.apply-global-border:not([data-border-style="pixel"]):not([data-border-style="neo-brutalism"]):not([data-border-style="double-offset"])::after { display: block; border: var(--g-border-width) var(--g-border-style,solid) var(--g-border-color) !important; }
.preview-header.apply-global-border { transform-style: flat; }
.apply-global-border[data-border-style="pixel"] { box-shadow: var(--g-border-width) 0 0 0 var(--g-border-color), calc(-1 * var(--g-border-width)) 0 0 0 var(--g-border-color), 0 var(--g-border-width) 0 0 var(--g-border-color), 0 calc(-1 * var(--g-border-width)) 0 0 var(--g-border-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.apply-global-border.apply-global-shadow[data-border-style="pixel"] { box-shadow: var(--g-border-width) 0 0 0 var(--g-border-color), calc(-1 * var(--g-border-width)) 0 0 0 var(--g-border-color), 0 var(--g-border-width) 0 0 var(--g-border-color), 0 calc(-1 * var(--g-border-width)) 0 0 var(--g-border-color), var(--g-shadow-value) !important; }
.apply-global-border[data-border-style="neo-brutalism"] { border: var(--g-border-width) solid var(--g-border-color); box-shadow: var(--g-border-shadow-offset) var(--g-border-shadow-offset) 0 0 var(--g-border-shadow-color); background-clip: border-box !important; }
.apply-global-border.apply-global-shadow[data-border-style="neo-brutalism"] { box-shadow: var(--g-border-shadow-offset) var(--g-border-shadow-offset) 0 0 var(--g-border-shadow-color), var(--g-shadow-value) !important; }
.apply-global-border[data-border-style="neo-brutalism"]::after { display: none !important; }
.apply-global-border[data-border-style="double-offset"] { z-index: 1; position: relative; border: var(--g-border-width) solid var(--g-border-color) !important; background-clip: border-box !important; }
.apply-global-border[data-border-style="double-offset"] > * { z-index: 2; position: relative; }
.apply-global-border[data-border-style="double-offset"]::before { content: ""; border: var(--g-border-width) solid var(--g-border-color); border-radius: inherit; transform: translate(var(--g-border-shadow-offset), var(--g-border-shadow-offset)); opacity: 0.6; pointer-events: none; display: block; position: absolute; inset: 0px; z-index: -1 !important; }
.apply-global-border[data-border-style="double-offset"]::after { display: none !important; }
.apply-global-border .apply-global-border::before, .apply-global-border .apply-global-border::after { content: none !important; display: none !important; }
.apply-global-border .apply-global-border { box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.apply-global-border[data-border-style="double-offset"] .info-left-col, .apply-global-border[data-border-style="double-offset"] #preview-avatar-wrapper { z-index: auto; position: relative; }
.apply-global-shadow { z-index: 1; transition: box-shadow 0.3s, transform 0.3s; box-shadow: var(--g-shadow-value) !important; }
.preview-item-wrapper.apply-global-shadow:hover { z-index: 10; }
#quick-add-menu { z-index: 10001; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; min-width: 180px; padding: 5px 0px; animation: 0.1s ease 0s 1 normal none running fadeIn; display: none; position: fixed; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; }
#quick-add-menu .menu-header { color: var(--text-secondary); background: var(--bg-input); border-bottom: 1px solid var(--border-color); margin-bottom: 4px; padding: 8px 12px; font-size: 0.75rem; font-weight: 600; }
#quick-add-menu li { cursor: pointer; color: var(--text-primary); align-items: center; gap: 8px; padding: 8px 15px; font-size: 0.9rem; transition: background 0.1s; display: flex; }
#quick-add-menu li:hover { background-color: var(--bg-image-upload-hover); color: var(--color-primary); }
#quick-add-menu li.separator { background: var(--border-color); cursor: default; height: 1px; margin: 4px 0px; padding: 0px; }
#quick-add-menu li.smart-suggestion { background: linear-gradient(90deg, var(--bg-card), var(--bg-image-upload-hover)); border-left: 3px solid var(--color-primary); font-weight: 700; }
.layer-panel-buttons { grid-template-columns: 1fr 1fr; gap: 8px; display: grid; position: relative; }
.flyout-panel { background: var(--bg-editor); border: 1px solid var(--border-color); z-index: 1000; border-radius: 12px; width: 200px; max-height: 400px; padding: 10px; display: none; position: absolute; bottom: 0px; left: 105%; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px; }
.flyout-panel.visible { animation: 0.2s ease 0s 1 normal none running fadeIn; display: block; }
.flyout-grid { grid-template-columns: 1fr; gap: 5px; display: grid; }
@media (width <= 1024px) {
  .layer-panel-buttons { white-space: nowrap; scrollbar-width: none; gap: 10px; padding-bottom: 10px; overflow-x: auto; display: flex !important; }
  .layer-panel-buttons::-webkit-scrollbar { display: none; }
  .layer-panel-buttons .btn { flex: 0 0 auto; min-width: 80px; padding: 10px 16px; width: auto !important; }
  #show-more-modules-btn, .flyout-panel { display: none !important; }
  .mobile-only-visible { display: inline-block !important; }
}
.music-card-preview { background-color: var(--music-bg-color); border-radius: var(--music-radius); color: var(--music-text-color); box-sizing: border-box; align-items: center; gap: 15px; width: 100%; height: 100%; min-height: 140px; padding: 20px; display: flex; position: relative; overflow: hidden; }
.music-cover { object-fit: cover; border-radius: 8px; flex-shrink: 0; align-self: center; width: 100px; height: 100px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px; }
.music-card-preview { text-align: center; align-items: center; display: flex; }
.music-card-preview[data-style="cd_player"] .music-info, .music-card-preview[data-style="lockscreen"] .music-info, .music-card-preview[data-style="streaming"] .music-info { text-align: center; align-items: center; }
.music-info { flex-direction: column; flex-grow: 1; justify-content: center; gap: 12px; min-width: 0px; height: 100%; padding: 5px 0px; display: flex; }
.music-header { flex-direction: column; flex-shrink: 0; margin-top: 8px; display: flex; }
.music-title { white-space: nowrap; text-overflow: ellipsis; font-size: 1.2em; font-weight: 700; line-height: 1.2; overflow: hidden; }
.music-artist { opacity: 0.7; margin-top: 4px; font-size: 0.85em; }
.music-lyrics-container { text-align: center; flex-direction: column; flex: 0 1 auto; justify-content: center; align-items: center; min-height: 45px; margin: 5px 0px; display: flex; overflow: hidden; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); }
.lyrics-line { opacity: 0.5; white-space: pre-wrap; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 100%; margin: 4px 0px; font-size: 0.85em; line-height: 1.4; transition: 0.3s; display: -webkit-box; overflow: hidden; }
.music-lyrics-container { text-align: center; flex-direction: column; flex: 1 1 0%; justify-content: center; align-items: center; min-height: 80px; display: flex; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%); }
.lyrics-line.active { opacity: 1; color: var(--music-accent-color); margin: 2px 0px; font-size: 0.95em; font-weight: 700; transform: scale(1.05); }
.music-bottom-area { flex-direction: column; flex-shrink: 0; gap: 8px; display: flex; }
.music-progress-area { flex-direction: column; gap: 4px; display: flex; }
.music-progress-bar { background-color: rgba(128, 128, 128, 0.2); border-radius: 2px; width: 100%; height: 4px; overflow: hidden; }
.music-progress-fill { background-color: var(--music-accent-color); border-radius: 2px; height: 100%; }
.music-time-labels { opacity: 0.7; font-variant-numeric: tabular-nums; justify-content: space-between; font-size: 0.75em; display: flex; }
.music-controls { opacity: 0.9; justify-content: center; align-items: center; gap: 25px; margin-top: 2px; font-size: 1.8em; display: flex; }
.vinyl-record, .spool, .cd-disc { transition: transform 0.5s; animation-duration: 8s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-name: spin; animation-timeline: auto; animation-range: normal; animation-play-state: paused !important; }
.is-playing .vinyl-record, .is-playing .spool, .is-playing .cd-disc { animation-play-state: running !important; }
.play-icon { transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s; }
.music-controls:active .play-icon { transform: scale(0.9); }
.tag-pill { transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; }
.tag-pill:hover { filter: brightness(1.1); transform: translateY(-1px) scale(1.05); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; }
.vinyl-tonearm { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: rotate(-35deg); }
.is-playing .vinyl-tonearm { transform: rotate(-5deg); }
.lyrics-line { opacity: 0.4; white-space: pre-wrap; word-break: break-word; text-align: center; max-width: 100%; margin: 4px 0px; font-size: 0.85em; line-height: 1.4; transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
.lyrics-line.active { color: var(--music-accent-color); transform: scale(1.08); opacity: 1 !important; font-weight: 700 !important; }
.music-lyrics-container { flex-direction: column; flex: 1 1 0%; justify-content: center; align-items: center; min-height: 90px; display: flex; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); }
.music-card-cassette { color: rgb(34, 34, 34); background: linear-gradient(rgb(42, 42, 42), rgb(26, 26, 26)); border-radius: 8px; flex-direction: column; padding: 12px; display: flex; position: relative; overflow: visible; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 10px; font-family: 栗壳坚坚体, LikeJianJianTi, "LikeJianJianTi Regular", cursive !important; }
.music-card-cassette * { font-family: inherit !important; }
.music-card-cassette::before { content: ""; z-index: 2; background: rgb(17, 17, 17); border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 8px; left: 8px; box-shadow: rgba(255, 255, 255, 0.1) 1px 1px 1px inset, rgb(51, 51, 51) 0px 0px 0px 2px; }
.music-card-cassette::after { content: ""; z-index: 2; background: rgb(17, 17, 17); border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 8px; right: 8px; box-shadow: rgba(255, 255, 255, 0.1) 1px 1px 1px inset, rgb(51, 51, 51) 0px 0px 0px 2px; }
.cassette-body { background-color: rgb(227, 224, 209); background-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 10%); border-width: 1px 1px 12px; border-style: solid; border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(176, 173, 158); border-image: initial; border-radius: 4px; padding: 15px 10px; position: relative; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px inset, rgba(255, 255, 255, 0.5) 2px 2px inset; }
.cassette-body::after, .cassette-body::before { content: ""; z-index: 5; background: rgb(34, 34, 34); border-radius: 50%; width: 8px; height: 8px; position: absolute; bottom: -8px; }
.cassette-body::before { left: 20px; }
.cassette-body::after { right: 20px; }
.cassette-header { background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0.03) 3px) rgb(255, 253, 245); border: 1px solid rgb(212, 212, 212); border-radius: 2px; justify-content: space-between; align-items: center; margin-bottom: 12px; padding: 6px 10px; display: flex; transform: rotate(-0.5deg); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; }
.cassette-header [data-item-key="songTitle"] { width: auto !important; min-width: 0px !important; }
.cassette-spools { background: rgb(34, 34, 34); border: 2px solid rgb(85, 85, 85); border-radius: 30px; justify-content: center; align-items: center; gap: 25px; margin-bottom: 5px; padding: 8px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px inset; }
.cassette-spools::before { content: ""; pointer-events: none; background: rgba(255, 255, 255, 0.1); position: absolute; inset: 0px 15%; }
.spool { background: radial-gradient(circle, rgb(238, 238, 238) 3px, rgba(0, 0, 0, 0) 4px), conic-gradient(rgb(255, 255, 255) 0deg, rgb(255, 255, 255) 45deg, rgb(51, 51, 51) 45deg, rgb(51, 51, 51) 90deg, rgb(255, 255, 255) 90deg, rgb(255, 255, 255) 135deg, rgb(51, 51, 51) 135deg, rgb(51, 51, 51) 180deg, rgb(255, 255, 255) 180deg, rgb(255, 255, 255) 225deg, rgb(51, 51, 51) 225deg, rgb(51, 51, 51) 270deg, rgb(255, 255, 255) 270deg, rgb(255, 255, 255) 315deg, rgb(51, 51, 51) 315deg, rgb(51, 51, 51) 360deg); border: 4px solid rgb(92, 64, 51); border-radius: 50%; width: 36px; height: 36px; animation: 4s linear 0s infinite normal none running spin; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; }
.cassette-tape-window { opacity: 0.8; background: rgb(62, 39, 35); flex-grow: 1; height: 4px; margin: 0px 5px; }
.music-card-MP3 { box-sizing: border-box; color: rgb(43, 56, 54); text-shadow: rgba(255, 255, 255, 0.15) 0px 1px; background: linear-gradient(145deg, rgb(240, 240, 240), rgb(220, 220, 220)); border-radius: 18px; flex-direction: column; align-items: center; font-family: "Fusion Pixel 12px Mono latin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; display: flex; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.9) 2px 2px 5px inset, rgba(0, 0, 0, 0.1) -2px -2px 5px inset, rgba(0, 0, 0, 0.1) 5px 5px 15px; }
.MP3-screen { background-color: rgb(198, 216, 211); background-image: linear-gradient(rgba(0, 0, 0, 0.06) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.06) 1px, rgba(0, 0, 0, 0) 1px); background-size: 3px 3px; border: 2px solid rgb(95, 122, 118); border-radius: 4px; gap: 10px; width: 100%; margin-bottom: 15px; padding: 10px; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 6px inset, rgba(255, 255, 255, 0.3) -1px -1px 2px inset; }
.MP3-cover { object-fit: cover; background: rgb(204, 204, 204); border: 1px solid rgb(51, 51, 51); flex-shrink: 0; width: 50px; height: 50px; }
.MP3-info { flex-direction: column; flex: 1 1 0%; justify-content: center; gap: 2px; min-width: 0px; display: flex; }
.MP3-info > div { white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; }
.MP3-click-wheel { background: rgb(230, 230, 230); border: 1px solid rgb(187, 187, 187); border-radius: 50%; justify-content: center; align-items: center; width: 100px; height: 100px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; }
.MP3-center-btn { background: rgb(204, 204, 204); border-radius: 50%; width: 45px; height: 45px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px inset; }
.MP3-ctrl { color: rgb(153, 153, 153); font-size: 12px; font-weight: 700; position: absolute; }
.MP3-ctrl.top { top: 10px; }
.MP3-ctrl.bottom { bottom: 10px; }
.MP3-ctrl.left { left: 10px; }
.MP3-ctrl.right { right: 10px; }
.progress-bar-preview { flex-direction: column; gap: 8px; width: 100%; display: flex; }
.progress-bar-header { color: var(--g-comp-text-color); justify-content: space-between; font-size: 0.9em; display: flex; }
.progress-bar-label { font-weight: 600; }
.progress-bar-value { opacity: 0.8; }
.progress-bar-track { border-radius: 4px; width: 100%; overflow: hidden; }
.progress-bar-fill { border-radius: 4px; height: 100%; transition: width 0.5s, background-color 0.3s; }
.progress-bar-preview.circular .progress-bar-label { opacity: 0.9; font-size: 0.95em; }
.rpg-card-preview { width: 100%; height: 100%; padding: var(--g-comp-padding); box-sizing: border-box; background-color: var(--rpg-bg-color); color: var(--rpg-text-color); border-radius: var(--rpg-radius); flex-direction: column; justify-content: center; align-items: center; transition: 0.3s; display: flex; position: relative; overflow: hidden; }
.rpg-title { z-index: 2; text-align: center; margin-bottom: 15px; font-size: 1.2em; font-weight: 700; }
.rpg-radar-container { aspect-ratio: 1 / 1; z-index: 2; width: 100%; max-width: 240px; position: relative; }
.rpg-radar-container svg { width: 100%; height: 100%; overflow: visible; }
.rpg-card-preview[data-style="default"] .radar-grid { stroke: rgba(128, 128, 128, 0.3); stroke-width: 1px; fill: none; }
.rpg-card-preview[data-style="default"] .radar-axis { stroke: rgba(128, 128, 128, 0.3); stroke-width: 1px; }
.rpg-card-preview[data-style="default"] .radar-area { fill: var(--rpg-fill-color); stroke: var(--rpg-stroke-color); stroke-width: 2px; }
.rpg-card-preview[data-style="default"] .radar-label { fill: var(--rpg-text-color); font-size: 12px; font-weight: 600; }
.rpg-card-preview[data-style="red"] { border: 2px solid rgb(255, 255, 255); overflow: visible; transform: rotate(-1deg); color: rgb(255, 255, 255) !important; background-color: rgb(0, 0, 0) !important; }
.rpg-card-preview[data-style="red"]::before { content: ""; z-index: 0; opacity: 0.6; pointer-events: none; background: repeating-linear-gradient(45deg, rgb(26, 26, 26), rgb(26, 26, 26) 10px, rgb(34, 34, 34) 10px, rgb(34, 34, 34) 20px); position: absolute; inset: 0px; }
.rpg-card-preview[data-style="red"] .rpg-title { color: rgb(0, 0, 0); background: rgb(255, 255, 255); margin-bottom: 25px; padding: 4px 15px; font-family: pingfangzhangyalinheifang, sans-serif; font-size: 1.8em; transform: skew(-15deg) rotate(-2deg); box-shadow: rgb(211, 13, 25) 3px 3px; }
.rpg-card-preview[data-style="red"] .radar-grid { stroke: rgb(102, 102, 102); stroke-width: 1px; fill: none; stroke-dasharray: 4, 2; }
.rpg-card-preview[data-style="red"] .radar-axis { display: none; }
.rpg-card-preview[data-style="red"] .radar-area { fill: rgba(211, 13, 25, 0.85); stroke: rgb(255, 255, 255); stroke-width: 3px; stroke-linejoin: round; }
.rpg-card-preview[data-style="red"] .radar-label { fill: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 2px 2px; font-family: pingfangzhangyalinheifang, sans-serif; font-size: 16px; }
.rpg-card-preview[data-style="blue"] { color: rgb(0, 43, 77); background: linear-gradient(160deg, rgb(238, 251, 252) 0%, rgb(196, 233, 250) 100%); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 183, 246, 0.25) 0px 8px 32px; }
.rpg-card-preview[data-style="blue"]::after { content: ""; pointer-events: none; border: 1px solid rgba(0, 183, 246, 0.15); border-radius: 50%; width: 280px; height: 280px; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); }
.rpg-card-preview[data-style="blue"] .rpg-title { letter-spacing: 2px; color: rgb(0, 86, 179); border-bottom: 2px solid rgb(0, 183, 246); padding-bottom: 5px; font-family: sans-serif; font-weight: 300; }
.rpg-card-preview[data-style="blue"] .radar-grid { stroke: rgba(0, 183, 246, 0.3); stroke-width: 1px; fill: none; }
.rpg-card-preview[data-style="blue"] .radar-area { fill: url("#blue-gradient"); stroke: rgb(0, 183, 246); stroke-width: 2px; filter: drop-shadow(rgba(0, 183, 246, 0.5) 0px 0px 5px); }
.rpg-card-preview[data-style="blue"] .radar-label { fill: rgb(0, 64, 128); font-size: 12px; font-weight: 700; }
.timeline-preview { width: 100%; position: relative; overflow: hidden; }
.timeline-line { background-color: var(--border-color); width: 2px; position: absolute; top: 0px; bottom: 0px; left: 8px; }
.timeline-event { margin-bottom: 20px; position: relative; }
.timeline-event:last-child { margin-bottom: 0px; }
.timeline-dot { border: 2px solid var(--g-theme-accent,var(--text-action)); background-color: var(--bg-preview-page); border-radius: 50%; width: 10px; height: 10px; position: absolute; top: 4px; left: -26px; }
.timeline-time { color: inherit; opacity: 0.7; margin-bottom: 4px; font-size: 0.8em; font-weight: 600; }
.timeline-content { color: var(--g-comp-text-color); font-size: 0.95em; }
.font-controls { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 8px; display: flex; }
.font-controls select { width: 100%; }
.font-controls .buttons { gap: 10px; display: flex; }
.font-controls .buttons .btn { flex-grow: 1; width: auto; padding: 8px 12px; font-size: 13px; }
.modal-overlay { background: var(--bg-modal-overlay); z-index: 5000; opacity: 0; visibility: hidden; width: 100%; height: 100%; transition: opacity var(--transition-speed) ease, visibility 0s var(--transition-speed) ease; backdrop-filter: blur(5px); pointer-events: none; justify-content: center; align-items: center; display: flex; position: fixed; top: 0px; left: 0px; }
.modal-overlay.visible { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.modal-container { background: var(--bg-editor); box-shadow: 0 10px 30px var(--shadow-medium); border: 1px solid var(--border-color); opacity: 0; width: 90%; max-width: 500px; transition: all var(--transition-speed) ease; border-radius: 16px; padding: 25px; transform: scale(0.95); }
.modal-overlay.visible .modal-container { opacity: 1; transform: scale(1); }
.modal-container h3 { color: var(--text-primary); margin-top: 0px; margin-bottom: 20px; font-size: 1.25rem; }
.fade-enter-active, .fade-leave-active { transition: opacity 0.3s !important; }
.fade-enter-from, .fade-leave-to { opacity: 0 !important; }
.fade-enter-active .modal-container, .fade-leave-active .modal-container { transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
.fade-enter-from .modal-container, .fade-leave-to .modal-container { transform: scale(0.95) translateY(20px) !important; }
#cropper-modal .modal-container { max-width: 720px; }
.cropper-main-content { gap: 15px; margin-bottom: 0px; display: flex; }
.cropper-img-container { background: var(--bg-input); border-radius: 8px; flex: 3 1 0%; height: 320px; overflow: hidden; }
#cropper-preview-canvas { max-height: 180px !important; }
.cropper-img-container img { max-width: 100%; }
.cropper-sidebar { flex-direction: column; flex: 1 1 0%; min-width: 180px; display: flex; }
#filter-controls { border-top: 1px solid var(--border-color); padding-top: 15px; }
#filter-sliders-grid { grid-template-columns: repeat(2, 1fr); gap: 15px 20px; display: grid; }
#filter-sliders-grid .form-group { margin-bottom: 0px; }
#filter-controls .form-group label { justify-content: space-between; margin-bottom: 2px; font-size: 0.85rem; display: flex; }
#filter-controls .form-group input[type="range"] { width: 100%; }
.modal-actions { justify-content: flex-end; gap: 15px; margin-top: 15px; display: flex; }
.modal-actions .btn { width: auto; min-width: 100px; }
#download-modal-content { text-align: center; }
#download-modal-content img { border: 1px solid var(--border-color); border-radius: 8px; max-width: 100%; max-height: 50vh; margin-bottom: 15px; }
#download-modal-content a { background: var(--color-primary); color: rgb(255, 255, 255); transition: background-color var(--transition-short) ease; border-radius: 8px; margin-bottom: 20px; padding: 12px 20px; font-size: 1rem; font-weight: 600; text-decoration: none; display: block; }
#download-modal-content a:hover { background-color: var(--color-primary-hover); }
.crop-ratios { margin-bottom: 15px; }
.crop-ratios label { cursor: pointer; margin-right: 10px; font-size: 0.9rem; }
.error-modal { background: var(--bg-editor); color: var(--text-primary); z-index: 2000; border: 1px solid var(--border-color); border-radius: 12px; width: 450px; max-width: 90%; padding: 25px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 20px; }
.error-modal h3 { color: var(--color-danger); margin-top: 0px; }
.error-modal p { margin: 10px 0px; font-size: 0.95rem; }
.error-modal .btn { float: right; margin-top: 15px; }
#loading-overlay { z-index: 1000000; color: rgb(255, 255, 255); backdrop-filter: blur(5px); opacity: 0; visibility: hidden; pointer-events: none; background: rgba(0, 0, 0, 0.6); flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1.2rem; transition: opacity 0.3s, visibility 0.3s; display: flex; position: fixed; top: 0px; left: 0px; }
#loading-overlay.visible { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.spinner { border-right: 4px solid rgb(243, 243, 243); border-bottom: 4px solid rgb(243, 243, 243); border-left: 4px solid rgb(243, 243, 243); border-image: initial; border-top: 4px solid var(--color-primary); border-radius: 50%; width: 40px; height: 40px; margin-bottom: 15px; animation: 1s linear 0s infinite normal none running spin; }
.toast-notification-container { z-index: 2000000; pointer-events: none; flex-direction: column; gap: 10px; display: flex; position: fixed; bottom: 20px; right: 20px; }
.toast-notification { background-color: var(--bg-card); color: var(--text-primary); border: 1px solid var(--border-color); opacity: 0; word-break: break-word; white-space: normal; pointer-events: auto; border-radius: 10px; max-width: 320px; padding: 10px 16px; font-size: 0.88rem; line-height: 1.5; animation: 0.5s ease 0s 1 normal forwards running toast-in, 0.5s ease 4.5s 1 normal forwards running toast-out; transform: translate(100%); box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 20px; }
.toast-notification.success { border-left: 4px solid rgb(46, 204, 113); }
.toast-notification.error { border-left: 4px solid var(--color-danger); }
.toast-notification.info { border-left: 4px solid var(--color-primary); }
#icon-picker-modal .modal-container, #texture-picker-modal .modal-container, #font-manager-modal .modal-container, #pixabay-search-modal .modal-container { max-width: 700px; }
#icon-grid, #texture-grid, #pixabay-grid { border: 1px solid var(--border-input); background: var(--bg-input); border-radius: 8px; grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); gap: 10px; max-height: 50vh; padding: 10px; display: grid; overflow-y: auto; }
#pixabay-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.pixabay-grid-item { cursor: pointer; border-radius: 6px; position: relative; overflow: hidden; }
.pixabay-grid-item img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.2s; display: block; }
.pixabay-grid-item:hover img { transform: scale(1.1); }
.pixabay-grid-item .photographer-info { color: rgb(255, 255, 255); text-align: center; white-space: nowrap; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.6); width: 100%; padding: 4px 6px; font-size: 0.7rem; position: absolute; bottom: 0px; left: 0px; overflow: hidden; }
#texture-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
.icon-grid-item { height: 50px; color: var(--text-primary); cursor: pointer; transition: background-color var(--transition-short); border-radius: 6px; justify-content: center; align-items: center; font-size: 1.5rem; display: flex; position: relative; }
.icon-grid-item:hover, .texture-grid-item:hover { background-color: var(--border-color); }
.icon-grid-item .delete-custom-icon-btn { border-radius: 50%; width: 18px; height: 18px; padding: 0px; font-size: 0.7rem; line-height: 18px; display: none; position: absolute; top: 2px; right: 2px; }
.icon-grid-item:hover .delete-custom-icon-btn { display: flex; }
.texture-grid-item { cursor: pointer; transition: background-color var(--transition-short); border-radius: 6px; flex-direction: column; justify-content: center; align-items: center; padding: 5px; display: flex; }
.texture-preview { border: 1px solid var(--border-color); background-size: 20px; border-radius: 4px; width: 100%; height: 80px; }
.texture-name { color: var(--text-secondary); text-align: center; margin-top: 5px; font-size: 0.75rem; }
#tag-manager-list { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex-direction: column; gap: 0px; max-height: 300px; margin-bottom: 15px; padding: 2px; display: flex; overflow-y: auto; }
#font-manager-list, #history-list { border: 1px solid var(--border-input); background-color: var(--bg-input); border-radius: 6px; flex-direction: column; gap: 10px; max-height: 250px; margin-bottom: 15px; padding: 10px; display: flex; overflow-y: auto; }
#history-list { max-height: 300px; }
.tag-manager-item, .font-manager-item, .history-item { background-color: var(--bg-section); border: 1px solid var(--border-color); border-radius: 4px; align-items: center; gap: 8px; padding: 8px; display: flex; }
.history-item { cursor: pointer; font-size: 0.9rem; }
.history-item:hover { background-color: var(--bg-image-upload-hover); }
.history-item.active { border-color: var(--color-primary); font-weight: 700; }
.tag-manager-item .tag-drag-handle { cursor: grab; color: var(--text-placeholder); padding: 0px 8px; font-size: 1.5rem; }
.tag-manager-item .tag-icon-btn { cursor: pointer; flex-shrink: 0; width: 32px; height: 32px; padding: 0px; font-size: 1.2rem; }
.tag-manager-item .tag-text-input { cursor: text; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex-grow: 1; padding: 4px 6px; }
.tag-manager-item .tag-delete-btn, .font-manager-item .font-delete-btn { cursor: pointer; flex-shrink: 0; width: 32px; height: 32px; padding: 0px; }
.font-manager-item-name { flex-grow: 1; }
.empty-tag-list, .empty-font-list, .empty-history-list { text-align: center; color: var(--text-placeholder); padding: 20px 0px; }
.inset-controls { border: 1px solid var(--border-input); background: var(--bg-input); border-radius: 6px; margin-top: 10px; padding: 15px; }
#help-modal .tab-content { max-height: 65vh; padding: 15px; overflow-y: auto; }
.modal-container.sidebar-layout { min-height: 450px; max-height: 85vh; transition: height 0.3s; overflow: hidden; flex-direction: row !important; max-width: 900px !important; height: auto !important; padding: 0px !important; display: flex !important; }
.modal-sidebar { background: var(--bg-section); border-right: 1px solid var(--border-color); flex-direction: column; flex-shrink: 0; width: 180px; padding: 10px 0px; display: flex; overflow-y: auto; }
.modal-sidebar .tab-btn { text-align: left; border-left: 4px solid rgba(0, 0, 0, 0); border-radius: 0px; gap: 10px; width: 100%; padding: 12px 20px; font-size: 0.9rem; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; align-items: center !important; display: flex !important; }
#help-modal .btn { justify-content: center; gap: 6px; align-items: center !important; display: inline-flex !important; }
.modal-sidebar .tab-btn.active { background: var(--bg-image-upload-hover); border-left-color: var(--color-primary); color: var(--color-primary); }
.modal-main-content { background: var(--bg-editor); flex-direction: column; flex: 1 1 0%; min-width: 0px; display: flex; overflow: hidden; }
.modal-tab-container { box-sizing: border-box; flex: 0 1 auto; width: 100%; min-width: 0px; padding: 25px 30px; overflow-y: auto; }
@media (width <= 1024px) {
  .modal-container.sidebar-layout { min-height: auto; border-radius: 16px !important; flex-direction: column !important; width: 90% !important; max-width: 450px !important; height: 80vh !important; max-height: 80vh !important; margin: 0px !important; position: fixed !important; top: 50% !important; bottom: auto !important; left: 50% !important; overflow: hidden !important; transform: translate(-50%, -50%) !important; }
  .modal-main-content { flex-direction: column; display: flex; flex: 1 1 0% !important; height: 100% !important; overflow: hidden !important; }
  .modal-sidebar { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid var(--border-color); background: var(--bg-section); scrollbar-width: none; scroll-behavior: smooth; flex-direction: row; flex-shrink: 0; width: 100%; padding: 0px 10px; display: flex; overflow-x: auto; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%); }
  .modal-sidebar::-webkit-scrollbar { display: none; }
  .modal-sidebar .tab-btn { white-space: nowrap; text-align: center; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; flex: 0 0 auto; padding: 12px 15px; font-size: 0.85rem; border-bottom: 3px solid rgba(0, 0, 0, 0) !important; width: auto !important; }
  .modal-sidebar .tab-btn.active { font-weight: 700; border-bottom-color: var(--color-primary) !important; }
  .modal-tab-container { flex: 1 1 0%; height: auto !important; padding: 20px 15px 40px !important; overflow-y: auto !important; }
  .tab-content.active { height: auto !important; max-height: none !important; display: block !important; }
  #help-modal .modal-actions { padding: 10px 20px !important; }
}
#help-thanks .thanks-item { border-bottom: 1px solid var(--border-color); margin-bottom: 20px; padding-bottom: 15px; }
#help-thanks .thanks-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
#help-thanks h4 { margin-top: 0px; margin-bottom: 8px; }
#help-thanks p { margin: 4px 0px; }
#help-thanks details { margin-top: 10px; }
#help-thanks summary { cursor: pointer; color: var(--text-action); font-weight: 600; }
#help-thanks pre { white-space: pre-wrap; overflow-wrap: break-word; background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 6px; max-height: 200px; padding: 10px; font-size: 0.8rem; overflow-y: auto; }
.palette-container { grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); gap: 10px; margin-top: 10px; display: grid; }
.palette-color { cursor: pointer; border: 2px solid var(--border-color); width: 100%; transition: transform var(--transition-short); border-radius: 8px; padding-top: 100%; position: relative; }
.palette-color:hover { transform: scale(1.1); }
.color-tooltip { background: var(--bg-card); color: var(--text-primary); white-space: nowrap; box-shadow: var(--shadow-medium); opacity: 0; visibility: hidden; transition: opacity var(--transition-short); border-radius: 4px; padding: 4px 8px; font-size: 0.8rem; position: absolute; bottom: 110%; left: 50%; transform: translate(-50%); }
.palette-color:hover .color-tooltip { opacity: 1; visibility: visible; }
#color-context-menu { z-index: 10000; background: var(--bg-editor); border: 1px solid var(--border-color); box-shadow: var(--shadow-medium); border-radius: 8px; min-width: 180px; padding: 5px; display: none; position: fixed; }
#color-context-menu ul { margin: 0px; padding: 0px; list-style: none; }
#color-context-menu li { cursor: pointer; border-radius: 4px; padding: 8px 12px; font-size: 0.9rem; }
#color-context-menu li:hover { background: var(--bg-input); }
#color-context-menu hr { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 4px 0px; }
#preview-context-menu { z-index: 10000; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; min-width: 160px; padding: 5px; animation: 0.1s ease 0s 1 normal none running fadeIn; display: none; position: fixed; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; overflow: visible !important; }
#preview-context-menu ul { margin: 0px; padding: 0px; list-style: none; }
#preview-context-menu li { cursor: pointer; color: var(--text-primary); border-radius: 4px; align-items: center; gap: 8px; padding: 8px 12px; font-size: 0.9rem; display: flex; }
#preview-context-menu li:hover { background-color: var(--bg-input); }
#preview-context-menu li { position: relative; }
#preview-context-menu .submenu { background: var(--bg-card); border: 1px solid var(--border-color); z-index: 10001; border-radius: 8px; min-width: 140px; padding: 5px; display: none; position: absolute; top: -5px; left: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; }
#preview-context-menu li:hover > .submenu { animation: 0.1s ease 0s 1 normal none running fadeIn; display: block; }
#preview-context-menu li.has-submenu { justify-content: space-between; align-items: center; display: flex; }
#preview-context-menu li.has-submenu::after { content: "?"; color: var(--text-secondary); margin-left: 8px; font-size: 0.8em; }
#preview-context-menu .submenu.flip-left { left: auto; right: 98%; }
#preview-context-menu .submenu.flip-up { top: auto; bottom: -5px; }
.vertical-rl .preview-card-inner { writing-mode: vertical-rl; text-orientation: mixed; align-items: flex-start; width: 100%; height: 320px; overflow: hidden; padding: 20px 15px !important; }
.vertical-rl .preview-card-title { max-width: none; max-height: 100%; margin-bottom: 0px; margin-left: 12px; }
.vertical-rl .preview-card-content { text-align: justify; max-width: none; max-height: 100%; }
#qrcode-container { text-align: center; background: rgb(255, 255, 255); border-radius: 8px; margin: 10px 0px; padding: 30px; display: inline-block; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px; }
#qrcode-container canvas, #qrcode-container img { background-color: rgb(255, 255, 255); max-width: 100%; height: auto; margin: 0px auto; padding: 10px; display: block; }
.tooltip-trigger { color: var(--text-secondary); cursor: help; margin-left: 8px; display: inline-block; position: relative; }
#floating-tooltip { background-color: var(--bg-card); color: var(--text-primary); border: 1px solid var(--border-color); white-space: normal; z-index: 10001; pointer-events: none; opacity: 0; border-radius: 6px; max-width: 250px; padding: 8px 12px; font-size: 0.85rem; font-weight: 400; transition: opacity 0.2s; position: fixed; transform: translate(-50%, -100%); }
.rich-text-editor-trigger { border: 1px solid var(--border-input); background-color: var(--bg-input); min-height: 80px; transition: all var(--transition-short); border-radius: 6px; padding: 10px; position: relative; }
.rich-text-editor-trigger:hover { border-color: var(--color-primary); }
.rich-text-preview { color: var(--text-secondary); word-break: break-all; max-height: 120px; font-size: 0.9em; overflow: hidden; }
.rich-text-preview > * { margin: 0px !important; padding: 0px !important; }
.edit-content-btn { padding: 4px 10px; font-size: 0.85rem; }
#rich-text-editor-modal .modal-container { flex-direction: column; max-width: 800px; display: flex; }
#rich-text-editor-modal .modal-container h3 { order: 1; }
#rich-text-editor-container { background-color: var(--bg-preview-page); flex-grow: 1; order: 2; height: 35vh; margin-bottom: 15px; }
#rich-text-editor-modal .modal-actions { order: 3; }
#rich-text-editor-container { flex-direction: column; display: flex; }
#rich-text-editor-container .ql-toolbar { border-color: var(--border-color); }
#rich-text-editor-container .ql-container { flex-direction: column; flex-grow: 1; display: flex; }
#rich-text-editor-container .ql-editor { color: var(--text-primary); flex-grow: 1; }
#rich-text-editor-container .ql-toolbar .ql-picker-label, #rich-text-editor-container .ql-toolbar .ql-stroke { color: var(--text-secondary) !important; stroke: var(--text-secondary) !important; }
html.dark-mode #rich-text-editor-container .ql-picker-options { background-color: var(--bg-card); border-color: var(--border-color); }
.export-option { border: 1px solid var(--border-color); cursor: pointer; transition: all var(--transition-short); border-radius: 8px; padding: 15px; }
.export-option:hover { background-color: var(--bg-input); border-color: var(--color-primary); }
.export-option h4 { margin: 0px 0px 5px; }
.export-option p { color: var(--text-secondary); margin: 0px; font-size: 0.9rem; }
#confirm-modal { z-index: 10000; }
#image-source-modal .modal-container { max-width: 400px; }
#image-source-modal .modal-actions { flex-direction: column; gap: 15px; margin-top: 25px; }
#image-source-modal .btn { width: 100%; padding: 12px; font-size: 1rem; }
@keyframes toast-in { 
  100% { opacity: 1; transform: translate(0px); }
}
@keyframes toast-out { 
  100% { opacity: 0; transform: translate(100%); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeInScale { 
  0% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes fadeOutScale { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.9); }
}
.preview-header { animation: 0.4s ease 0s 1 normal forwards running fadeIn; }
#mobile-layer-toggle, #mobile-inspector-toggle { display: none; }
.mobile-edit-pencil { background-color: var(--color-primary); color: rgb(255, 255, 255); border: 2px solid var(--bg-preview-page); z-index: 2; cursor: pointer; opacity: 0.8; width: 28px; height: 28px; transition: all var(--transition-short); border-radius: 50%; justify-content: center; align-items: center; font-size: 1rem; display: none; position: absolute; top: -5px; right: -5px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px; }
@media (width <= 1024px) {
  .app-header { width: 100%; height: calc(55px + env(safe-area-inset-bottom)); padding-top: 0px; padding-right: 15px; padding-left: 15px; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--border-color); background: var(--bg-editor); z-index: 300; justify-content: space-between; align-items: center; position: fixed; left: 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px -2px 10px; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; display: flex !important; top: auto !important; bottom: 0px !important; transform: none !important; }
  body.has-broadcast .app-header, body.storage-warning .app-header, body.page-limit-warning .app-header, body.storage-warning.page-limit-warning .app-header { top: auto !important; bottom: 0px !important; }
  .app-header-title { display: none; }
  #mobile-layer-toggle, #mobile-inspector-toggle { justify-content: center; align-items: center; padding: 8px 12px !important; display: flex !important; }
  .header-actions-wrapper { align-items: center; gap: 10px; display: flex; }
  .theme-switch-wrapper { display: block !important; }
  #theme-toggle-btn { min-width: 40px; padding: 6px 10px !important; font-size: 0.85rem !important; }
  .app-container { padding-bottom: calc(55px + env(safe-area-inset-bottom)); height: 100dvh; overflow: hidden; padding-top: calc(var(--system-broadcast-height,0px) + var(--global-banners-height,0px)) !important; }
  .preview-panel { height: 100%; padding: 20px 0 var(--mobile-inspector-height,0px); font-variant-ligatures: none; overflow: hidden auto; letter-spacing: -0.015em !important; }
  .preview-canvas-area { align-items: center !important; padding: 10px 0px !important; overflow: visible !important; }
  body.export-mode .preview-panel { letter-spacing: normal !important; }
  .layer-panel { height: calc(var(--app-height,100vh) - 55px - env(safe-area-inset-bottom)); left: 0px; bottom: calc(55px + env(safe-area-inset-bottom)); border-right: 1px solid var(--border-color); z-index: 200; width: 85%; max-width: 350px; padding-bottom: 20px; transition: transform 0.3s ease-in-out; position: fixed; transform: translate(-100%); background-color: var(--bg-editor) !important; top: 0px !important; }
  .layer-panel.is-open { transform: translate(0px); }
  .inspector-panel { height: 50vh; max-height: calc(var(--app-height,100vh) - 60px - env(safe-area-inset-bottom)); top: auto; bottom: calc(55px + env(safe-area-inset-bottom)); width: 100%; max-width: none; transform: translateY(calc(100% + 60px + env(safe-area-inset-bottom))); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-top: 1px solid var(--border-color); z-index: 201; will-change: transform; touch-action: none; contain: size layout style; isolation: isolate; border-radius: 20px 20px 0px 0px; flex-direction: column; transition: transform 0.3s, height 0.2s; display: flex; position: fixed; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.12) 0px -4px 20px; background-color: var(--bg-editor) !important; padding-bottom: 0px !important; }
  .skeleton { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; border-radius: 8px; animation: 1.5s ease 0s infinite normal none running skeleton-loading; display: block; }
  @keyframes skeleton-loading { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
  .skeleton-text { width: 100%; height: 16px; margin-bottom: 10px; }
  .skeleton-title { width: 60%; height: 24px; margin-bottom: 15px; }
  .skeleton-avatar { border-radius: 50%; width: 90px; height: 90px; margin: 0px auto 15px; }
  .skeleton-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 20px; padding: 20px; }
  .inspector-panel.is-dragging { transition: none !important; }
  .inspector-tab-content .editor-item { content-visibility: auto; contain-intrinsic-size: 80px; contain: layout style; }
  .inspector-drag-handle-bar { cursor: grab; background: var(--bg-editor); border-bottom: 1px solid var(--border-color); touch-action: none; border-radius: 20px 20px 0px 0px; flex-shrink: 0; justify-content: center; align-items: center; width: 100%; height: 28px; display: flex; }
  .inspector-drag-indicator { background-color: var(--border-input); border-radius: 3px; width: 40px; height: 5px; }
  .inspector-panel.is-open { transform: translateY(0px); }
  .inspector-scroll-container { flex: 1 1 0%; padding-bottom: 10px; overflow-y: auto; }
  .inspector-footer { background: var(--bg-section); border-top: 1px solid var(--border-color); flex-shrink: 0; min-height: 45px; padding: 10px 20px calc(5px + env(safe-area-inset-bottom)) 20px !important; }
  body.panels-open::after { content: ""; width: 100%; height: calc(100% - 55px - env(safe-area-inset-bottom)); z-index: 199; pointer-events: auto; background: rgba(0, 0, 0, 0.05); transition: opacity 0.3s; position: fixed; top: 0px; left: 0px; }
  .toast-notification-container { max-width: 80vw; align-items: flex-start !important; width: auto !important; inset: 30px auto auto 20px !important; transform: none !important; }
  .toast-notification { text-align: left; margin-bottom: 10px; transform: translate(-120%); box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; max-width: 85vw !important; animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards running toast-in-left, 0.4s ease 4s 1 normal forwards running toast-out-left !important; }
  .mobile-edit-pencil { display: flex; }
  .resizer, .resizer-left { display: none; }
  #mobile-simulation-controls .for-mobile-only { display: block; }
  #mobile-simulation-controls .for-desktop-only { display: none; }
  .inspector-panel.is-dragging-slider { pointer-events: none; opacity: 0.3 !important; background-color: rgba(0, 0, 0, 0.2) !important; }
  body.inspector-open .app-header { display: none !important; }
  body.inspector-open .inspector-panel.is-open { bottom: 0px !important; }
  .toast-notification-container { z-index: 2000000 !important; }
}
@media (width >= 1025px) {
  #mobile-simulation-controls .for-mobile-only { display: none; }
  #mobile-simulation-controls .for-desktop-only { display: block; }
  .inspector-panel .editor-section > legend { z-index: 10; position: sticky; top: 0px; }
  html.dark-mode .inspector-panel .editor-section > legend { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }
  .inspector-panel.is-dragging-slider { pointer-events: none; }
}
.music-card-vinyl { flex-direction: column; align-items: center; gap: 15px; padding: 25px; }
.music-card-vinyl .music-info { text-align: center; gap: 5px; }
.vinyl-player { aspect-ratio: 1 / 1; flex-shrink: 0; width: 120px; max-width: 100%; position: relative; }
.vinyl-record { background-color: rgb(17, 17, 17); background-image: repeating-radial-gradient(circle, rgb(51, 51, 51), rgb(51, 51, 51) 1px, rgb(17, 17, 17) 1px, rgb(17, 17, 17) 3px); border-radius: 50%; justify-content: center; align-items: center; width: 100%; height: 100%; animation: 8s linear 0s infinite normal none running spin; display: flex; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px, rgba(255, 255, 255, 0.1) 0px 0px 5px inset; }
.vinyl-label { object-fit: cover; background-color: rgb(255, 255, 255); border: 1px solid rgb(85, 85, 85); border-radius: 50%; width: 45%; height: 45%; }
.vinyl-tonearm { transform-origin: 90% center; z-index: 20; pointer-events: none; background-color: rgb(209, 213, 219); border-radius: 3px; width: 75px; height: 6px; position: absolute; top: -10px; right: -10px; transform: rotate(-35deg); box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 4px; }
.vinyl-tonearm::before { content: ""; background-color: rgb(55, 65, 81); border-radius: 2px; width: 14px; height: 12px; position: absolute; top: -3px; left: -2px; transform: rotate(25deg); box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px; }
.vinyl-tonearm::after { content: ""; background: radial-gradient(circle, rgb(243, 244, 246) 40%, rgb(156, 163, 175) 100%); border: 2px solid rgb(255, 255, 255); border-radius: 50%; width: 18px; height: 18px; position: absolute; top: -6px; right: -6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; }
@keyframes highlight { 
  0% { background-color: rgba(0, 122, 255, 0.2); }
  100% { background-color: rgba(0, 0, 0, 0); }
}
.highlight-animation { animation: 1.5s ease-out 0s 1 normal none running highlight; }
@media (width <= 768px) {
  #cropper-modal .modal-container { padding: 15px; }
  .cropper-main-content { gap: 10px; }
  .cropper-img-container { flex: 4 1 0%; }
  .cropper-sidebar { flex: 1 1 0%; min-width: 120px; }
  #filter-sliders-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
}
.showcase-card { background-color: var(--card-bg-color,var(--g-comp-bg-color)); width: 100%; height: 100%; color: var(--card-text-color,var(--g-comp-text-color)); border-radius: var(--g-comp-border-radius); padding: var(--g-comp-padding); z-index: 1; text-align: left; flex-direction: column; transition: 0.3s; display: flex; position: relative; overflow: hidden; }
.showcase-cover { object-fit: cover; z-index: 2; flex-shrink: 0; transition: transform 0.3s; position: relative; }
.showcase-info { z-index: 2; flex-direction: column; flex-grow: 1; min-width: 0px; display: flex; position: relative; }
.showcase-meta { opacity: 0.7; margin-bottom: 5px; font-size: 0.85em; }
.showcase-rating { color: rgb(255, 180, 0); letter-spacing: 1px; margin: 5px 0px; font-size: 0.9em; }
.showcase-comment { white-space: pre-wrap; margin: 10px 0px; font-size: 0.95em; line-height: 1.6; }
.showcase-tags { flex-wrap: wrap; gap: 6px; width: 100%; margin-top: auto; display: flex; }
.showcase-tag { white-space: nowrap; background-color: rgba(127, 127, 127, 0.1); border: 1px solid rgba(127, 127, 127, 0.1); border-radius: 4px; flex-shrink: 0; padding: 3px 8px; font-size: 0.75em; display: inline-block; }
.showcase-card[data-style="magazine"] { z-index: 2; margin-bottom: 0px; position: relative; overflow: visible; }
.showcase-card[data-style="magazine"][data-layout="horizontal"] { flex-direction: row; align-items: flex-start; gap: 20px; }
.showcase-card[data-style="magazine"] .showcase-cover { background-color: var(--card-bg-color,#fff); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 20px; }
.showcase-card[data-style="magazine"][data-layout="vertical"] .showcase-cover { border-radius: 8px; width: calc(100% - 30px); height: 200px; margin: -30px auto 15px; }
body.mobile-full-view-mode .preview-panel { flex-direction: column; justify-content: flex-start; display: flex; overflow-x: hidden; align-items: flex-start !important; padding: 20px 0px !important; }
body.mobile-full-view-mode .preview-wrapper { -webkit-font-smoothing: subpixel-antialiased; position: relative; left: 0px; transform-origin: 0px 0px !important; width: 600px !important; max-width: none !important; margin: 0px !important; }
body.mobile-full-view-mode .mobile-edit-pencil { width: 32px; height: 32px; font-size: 1.1rem; }
.preview-item-wrapper { isolation: isolate; overflow: visible !important; }
.showcase-card[data-style="magazine"][data-layout="horizontal"] .showcase-cover { border-radius: 6px; width: 100px; height: 140px; margin-top: -10px; }
.showcase-card[data-style="magazine"] .showcase-comment { border-left: 3px solid var(--g-theme-accent,#007aff); background: linear-gradient(90deg, rgba(127, 127, 127, 0.05) 0%, rgba(127, 127, 127, 0) 100%); border-radius: 0px 8px 8px 0px; padding: 10px 12px; font-family: "Songti SC", "Noto Serif SC", serif; font-style: italic; }
.showcase-card[data-style="poster"] { border-radius: var(--g-comp-border-radius); isolation: isolate; background: var(--poster-bg,#222); text-align: center; justify-content: center; align-items: center; padding: 25px; position: relative; overflow: hidden; color: rgb(255, 255, 255) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.showcase-card[data-style="poster"]::before { display: none; }
.showcase-card[data-style="poster"]::after { content: ""; z-index: -1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); position: absolute; inset: 0px; }
.showcase-card[data-style="poster"] .showcase-cover { border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 8px; align-self: center; width: 120px; height: 120px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 30px; }
.showcase-card[data-style="poster"] .showcase-info { text-align: center; align-items: center; width: 100%; }
.showcase-card[data-style="poster"] .showcase-info > * { text-align: center; width: 100%; }
.showcase-card[data-style="poster"] .showcase-meta { opacity: 0.85; color: rgb(240, 240, 240); }
.showcase-card[data-style="poster"] .showcase-tags { justify-content: center; }
.showcase-card[data-style="poster"] .showcase-tag { color: rgb(255, 255, 255); backdrop-filter: blur(4px); background-color: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); }
.showcase-card[data-style="book"] { background-color: rgb(255, 253, 249); position: relative; overflow: hidden; flex-direction: row !important; align-items: flex-start !important; padding: 20px !important; font-family: "Songti SC", "Noto Serif SC", SimSun, serif !important; }
.showcase-card[data-style="book"]::after { content: ""; background-color: var(--accent-color,#c0392b); clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 50% 80%, 0px 100%); z-index: 10; width: 30px; height: 55px; position: absolute; top: 0px; right: 25px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; }
.showcase-card[data-style="book"] .showcase-cover { object-fit: cover; z-index: 2; border-left: 4px solid rgba(60, 60, 60, 0.15); border-radius: 3px 6px 6px 3px; flex-shrink: 0; margin-right: 20px; box-shadow: rgba(0, 0, 0, 0.1) 3px 0px 6px inset, rgba(0, 0, 0, 0.15) 4px 5px 15px; width: 100px !important; height: 145px !important; }
.showcase-card[data-style="book"] .showcase-info { z-index: 2; flex: 1 1 0%; padding-top: 5px; }
.showcase-card[data-style="book"] .preview-card-title { letter-spacing: 1px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 8px; padding-bottom: 8px; font-weight: 700; }
.showcase-card[data-style="book"] .showcase-meta { opacity: 0.8; font-size: 0.85em; font-style: italic; }
.showcase-card[data-style="book"] .showcase-rating { display: none; }
.showcase-card.ticket-style { color: var(--card-text-color,#333); --stub-width: 90px; mask-image: radial-gradient(circle at calc(100% - var(--stub-width)) 0, transparent 8px, black 8.5px), radial-gradient(circle at calc(100% - var(--stub-width)) 100%, transparent 8px, black 8.5px); border-radius: 8px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; mask-composite: intersect; background-color: var(--card-bg-color,#fff) !important; flex-direction: row !important; padding: 0px !important; }
.ticket-left { flex: 1 1 0%; gap: 12px; min-width: 0px; padding: 15px 10px 15px 15px; display: flex; }
.ticket-poster-area img { object-fit: cover; filter: sepia(0.2) contrast(1.1); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; width: 70px; height: 100px; }
.ticket-info-area { flex-direction: column; flex: 1 1 0%; justify-content: center; min-width: 0px; font-family: "Courier New", Courier, monospace; display: flex; }
.ticket-header { letter-spacing: 2px; opacity: 0.5; text-transform: uppercase; margin-bottom: 2px; font-size: 0.6rem; font-weight: 700; }
.ticket-title { white-space: nowrap; text-overflow: ellipsis; margin: 0px; font-size: 1.1rem; font-weight: 900; line-height: 1.2; overflow: hidden; }
.ticket-meta { opacity: 0.7; white-space: nowrap; text-overflow: ellipsis; margin: 2px 0px 6px; font-size: 0.75rem; overflow: hidden; }
.ticket-comment { opacity: 0.85; -webkit-line-clamp: 2; border-top: 1px dashed rgba(0, 0, 0, 0.15); -webkit-box-orient: vertical; margin-top: auto; padding-top: 6px; font-size: 0.75rem; font-style: italic; line-height: 1.3; display: -webkit-box; overflow: hidden; }
.showcase-card.ticket-style .ticket-right { position: relative; overflow: hidden; }
.showcase-card.ticket-style svg.real-barcode { transform-origin: 50% center; transform: rotate(90deg); width: 80px !important; height: 100% !important; display: block !important; }
.preview-header[data-style="id-card-v"] svg.real-barcode { opacity: 0.8; mix-blend-mode: multiply; margin-top: auto; }
.ticket-barcode-wrapper { justify-content: center; align-items: center; width: 30px; height: 100%; display: flex; position: relative; overflow: hidden; }
.showcase-card.ticket-style svg.real-barcode { opacity: 0.8; mix-blend-mode: multiply; display: block; position: absolute; top: 50%; left: 50%; width: 140px !important; height: 30px !important; transform: translate(-50%, -50%) rotate(90deg) !important; }
.ticket-barcode { display: none !important; }
.ticket-right { width: var(--stub-width); background-color: rgba(0, 0, 0, 0.03); border-left: 2px dashed rgba(0, 0, 0, 0.15); flex-direction: row; flex-shrink: 0; justify-content: center; align-items: center; gap: 8px; padding: 10px 6px; display: flex; position: relative; }
.ticket-barcode { opacity: 0.75; filter: contrast(1.2); background: repeating-linear-gradient(currentcolor 0px, currentcolor 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 3px, currentcolor 3px, currentcolor 5px, rgba(0, 0, 0, 0) 5px, rgba(0, 0, 0, 0) 6px); width: 24px; height: 90%; }
.ticket-right-text-group { flex-direction: row; justify-content: center; align-items: center; gap: 4px; height: 100%; display: flex; }
.ticket-stub-title { writing-mode: vertical-rl; text-orientation: mixed; letter-spacing: 3px; opacity: 0.3; white-space: nowrap; font-size: 0.6rem; font-weight: 900; position: static; transform: rotate(180deg); }
.ticket-stub-no { writing-mode: vertical-rl; text-orientation: mixed; opacity: 0.6; white-space: nowrap; letter-spacing: 1px; font-family: "Courier New", Consolas, monospace; font-size: 0.65rem; font-weight: 700; transform: rotate(180deg); }
.preview-card-inner[data-card-style="grid"] { color: rgb(51, 51, 51) !important; background-color: rgb(255, 255, 255) !important; background-image: linear-gradient(rgb(224, 224, 224) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgb(224, 224, 224) 1px, rgba(0, 0, 0, 0) 1px) !important; background-position: -1px -1px !important; background-size: 24px 24px !important; border-top: 2px solid rgb(229, 57, 53) !important; padding-top: 12px !important; line-height: 24px !important; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px !important; }
.preview-card-inner[data-card-style="grid"] .preview-card-title { background: rgb(255, 255, 255); border-radius: 4px; margin-bottom: 12px; padding: 0px 8px; font-weight: 700; display: inline-block; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px; color: rgb(26, 35, 126) !important; }
.preview-card-inner[data-card-style="paper"] { color: rgb(58, 36, 9) !important; text-shadow: rgba(255, 255, 255, 0.2) 0px 1px 1px !important; background-blend-mode: multiply, overlay, normal !important; background-color: tan !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paperFiber'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paperFiber)' opacity='0.55'/%3E%3C/svg%3E"), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.4) 0%, rgba(184, 134, 11, 0.1) 40%, rgba(139, 69, 19, 0.3) 100%), radial-gradient(circle at 10% 90%, rgba(255, 255, 210, 0.3) 0%, rgba(184, 134, 11, 0.1) 50%, rgba(139, 69, 19, 0.2) 100%) !important; background-size: 150px 150px, cover, cover !important; border: 1px solid rgba(80, 42, 4, 0.1) !important; box-shadow: rgba(80, 42, 4, 0.2) 0px 0px 50px inset, rgba(80, 42, 4, 0.3) 0px 0px 0px 1px inset !important; }
.preview-card-inner[data-card-style="paper"] .preview-card-title { border-bottom: 1px solid rgba(74, 42, 12, 0.3); padding-bottom: 8px; font-weight: 700; color: rgb(74, 42, 12) !important; }
.preview-card-inner[data-card-style="terminal"] { letter-spacing: 1px; text-shadow: 0px 0px 2px; background-color: rgba(26, 27, 38, var(--card-bg-opacity,1)) !important; color: var(--card-text-color,#4af626) !important; border: 1px solid rgb(51, 51, 51) !important; border-radius: 6px !important; padding-top: 38px !important; font-family: "Fusion Pixel 12px Mono latin", Consolas, Monaco, monospace !important; font-size: 0.95em !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 30px !important; }
.preview-card-inner[data-card-style="browser"] { background-color: rgba(255, 255, 255, var(--card-bg-opacity,1)) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 8px !important; flex-direction: column !important; padding: 0px !important; display: flex !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px !important; }
.preview-card-inner[data-card-style="browser"] .preview-card-content { flex: 1 1 0%; padding: var(--g-comp-padding) !important; }
.preview-card-inner[data-card-style="win95"] { flex-direction: column; display: flex; overflow: hidden; background-color: rgba(192, 192, 192, var(--card-bg-opacity,1)) !important; color: var(--card-text-color,#000) !important; border: 2px solid rgb(223, 223, 223) !important; border-radius: 0px !important; padding: 2px !important; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(0, 0, 0) -1px -1px inset, gray -2px -2px inset, rgba(0, 0, 0, 0.3) 2px 2px 5px !important; }
.preview-card-inner[data-card-style="win95"] .win95-header { color: rgb(255, 255, 255); white-space: nowrap; background: navy; justify-content: space-between; align-items: center; margin-bottom: 4px; padding: 2px 4px; font-family: "Fusion Pixel 12px Mono latin", Consolas, sans-serif; font-size: 14px; font-weight: 700; display: flex; }
.preview-card-inner[data-card-style="win95"] .win95-controls { gap: 2px; display: flex; }
.preview-card-inner[data-card-style="win95"] .win95-btn { color: rgb(0, 0, 0); text-align: center; cursor: default; background: silver; border-width: 1px; border-style: solid; border-image: initial; border-color: rgb(255, 255, 255) rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255); width: 16px; height: 14px; font-family: sans-serif; font-size: 10px; line-height: 12px; box-shadow: gray -1px -1px inset; }
.preview-card-inner[data-card-style="win95"] .preview-card-content { flex: 1 1 0%; padding: 10px; font-family: "Fusion Pixel 12px Mono latin", 宋体, SimSun, serif; line-height: 1.4; }
.preview-card-inner[data-card-style="terminal"]::before { content: "● ● ●  Terminal"; color: rgb(86, 95, 137); white-space: pre; z-index: 10; pointer-events: none; letter-spacing: 2px; text-align: left; background: rgb(36, 40, 59); border-bottom: 1px solid rgb(17, 17, 17); border-radius: 5px 5px 0px 0px; height: 28px; padding-left: 10px; font-family: sans-serif; font-size: 10px; line-height: 28px; position: absolute; top: 0px; left: 0px; right: 0px; }
.preview-card-inner[data-card-style="terminal"] .preview-card-title { border-bottom: 1px dashed rgba(255, 255, 255, 0.2); margin-bottom: 10px; padding-bottom: 8px; font-weight: 700; }
.preview-card-inner[data-card-style="terminal"] .preview-card-title::before { content: "> "; opacity: 0.6; }
.preview-card-inner[data-card-style="terminal"] .preview-card-content::after { content: "▋"; opacity: 0.8; margin-left: 2px; animation: 1s step-end 0s infinite normal none running terminal-blink; }
@keyframes terminal-blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.showcase-card[data-style="steam"] { border: 1px solid rgba(0, 0, 0, 0.5); min-height: 180px; overflow: hidden; color: rgb(198, 212, 223) !important; background: linear-gradient(rgb(27, 40, 56) 0%, rgb(27, 40, 56) 100%) !important; flex-direction: row !important; align-items: stretch !important; height: auto !important; padding: 0px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px !important; }
.showcase-card[data-style="steam"] .showcase-cover { object-fit: cover; background-color: rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-radius: 0px !important; width: 160px !important; min-width: 160px !important; height: 100% !important; margin: 0px !important; }
.showcase-card[data-style="steam"] .showcase-info { background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); flex-direction: column; flex-grow: 1; justify-content: flex-start; padding: 12px 15px; display: flex; }
.showcase-card[data-style="steam"] h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 8px; margin-bottom: 4px !important; }
.showcase-card[data-style="steam"] h3 span { text-shadow: rgba(0, 0, 0, 0.5) 1px 1px; font-size: 1.3em; font-weight: 400; color: rgb(255, 255, 255) !important; }
.showcase-card[data-style="steam"] .showcase-comment { background-color: rgb(22, 32, 45); border: 1px solid rgb(69, 85, 108); border-radius: 2px; flex-direction: column; flex-grow: 1; margin: 10px 0px; padding: 0px; font-size: 0.9em; line-height: 1.5; display: flex; color: rgb(172, 178, 184) !important; font-style: normal !important; }
.showcase-card[data-style="steam"][data-is-bad="true"] .showcase-comment { border-color: rgb(88, 51, 51); }
.steam-review-header { color: rgb(102, 192, 244); background-color: rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgb(69, 85, 108); align-items: center; gap: 6px; padding: 8px 10px; font-size: 1em; font-weight: 400; display: flex; }
.steam-review-header.is-bad { color: rgb(163, 76, 38); background-color: rgba(40, 10, 10, 0.2); border-bottom-color: rgb(88, 51, 51); }
.steam-review-header .iconify { font-size: 1.2em; }
.steam-review-content { white-space: pre-wrap; padding: 10px; }
.showcase-card[data-style="steam"] .showcase-cover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; border-radius: 0px !important; }
.showcase-card[data-style="steam"] h3 span { text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; font-size: 1.2em; color: rgb(255, 255, 255) !important; }
.showcase-card[data-style="steam"] .showcase-meta { font-size: 0.85em; color: rgb(143, 152, 160) !important; }
.showcase-card[data-style="steam"] .showcase-rating { display: none; }
.showcase-card[data-style="steam"] .showcase-tag { color: rgb(103, 193, 245); background-color: rgba(103, 193, 245, 0.2); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 2px; }
.preview-items-container figure.polaroid-style { border-radius: 2px; padding: 12px; transition: transform 0.3s, box-shadow 0.3s; transform: rotate(-1.5deg); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px; height: auto !important; }
.preview-items-container figure.polaroid-style:hover { z-index: 10; transform: scale(1.02) rotate(0deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 25px; }
.preview-items-container figure.polaroid-style .img-wrapper { aspect-ratio: 1 / 1; background: rgb(238, 238, 238); border: 1px solid rgba(0, 0, 0, 0.05); width: 100%; }
.preview-items-container figure.polaroid-style img { object-fit: cover; border-radius: 0px; height: 100% !important; }
.preview-items-container figure.polaroid-style figcaption { text-align: center; opacity: 0.9; width: 100%; margin-top: 15px; margin-bottom: 10px; font-family: "LXGW WenKai", "Comic Sans MS", cursive, sans-serif; font-size: 1rem; position: static; color: rgb(51, 51, 51) !important; }
@media (width <= 768px) {
  #cropper-modal .modal-container { flex-direction: column; display: flex; overflow-y: auto; width: 95% !important; max-width: 95% !important; height: auto !important; max-height: 90dvh !important; padding: 15px !important; }
  .cropper-main-content { flex-direction: column !important; flex: 0 0 auto !important; gap: 15px !important; }
  .cropper-img-container { width: 100%; min-height: 200px; margin: 0px auto; flex: 0 0 auto !important; height: 40vh !important; }
  .cropper-sidebar { flex-direction: column; align-items: center; display: flex; width: 100% !important; min-width: 0px !important; margin-top: 0px !important; }
  #cropper-preview-canvas { max-height: 120px !important; margin-bottom: 10px !important; }
  .crop-ratios.radio-group { justify-content: center; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 10px !important; }
  .crop-ratios label { background: var(--bg-input); border-radius: 4px; padding: 4px 8px; margin: 0px !important; }
  #filter-controls { border-top: 1px dashed var(--border-color); margin-top: 10px !important; padding-top: 10px !important; }
  #filter-sliders-grid { grid-template-columns: 1fr 1fr !important; gap: 10px 15px !important; }
  .modal-actions { padding-bottom: 10px; flex-wrap: wrap !important; gap: 10px !important; margin-top: 20px !important; }
  .modal-actions > div { flex: 1 1 100% !important; gap: 10px !important; display: flex !important; }
  .modal-actions .btn { justify-content: center; font-size: 0.95rem; flex: 1 1 0% !important; padding: 12px !important; }
}
.preview-item-wrapper { z-index: 1; background-color: rgba(0, 0, 0, 0) !important; transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1), border-radius 0.3s, box-shadow 0.3s !important; overflow: visible !important; }
.preview-card-inner, .music-card-preview, .showcase-card, .progress-bar-preview, .timeline-preview, .rpg-card-preview { z-index: 2; position: relative; }
.social-card-preview { background-color: var(--card-bg-color,var(--g-comp-bg-color)); width: 100%; color: var(--card-text-color,var(--g-comp-text-color)); border-radius: var(--g-comp-border-radius); padding: var(--g-comp-padding); font-size: var(--g-comp-content-font-size); flex-direction: column; gap: 10px; display: flex; text-align: left !important; }
.social-card-preview[data-style="moments"] { flex-direction: row; align-items: flex-start; gap: 12px; }
.social-card-preview[data-style="moments"] .social-avatar { background-color: rgb(238, 238, 238); background-position: 50% center; background-size: cover; border-radius: 6px; flex-shrink: 0; width: 42px; height: 42px; }
.social-card-preview[data-style="moments"] .social-right-col { flex-grow: 1; min-width: 0px; }
.social-card-preview[data-style="moments"] .social-name { color: var(--accent-color,#576b95); margin-bottom: 4px; font-size: 1.05em; font-weight: 700; line-height: 1.2; }
.social-card-preview[data-style="moments"] .social-content { white-space: pre-wrap; margin-bottom: 8px; line-height: 1.5; }
.social-card-preview[data-style="moments"] .social-images-grid { gap: 4px; width: 100%; max-width: 300px; margin-bottom: 10px; display: grid; }
.social-card-preview[data-style="moments"] .social-images-grid[data-count="1"] { grid-template-columns: 1fr; max-width: 200px; }
.social-card-preview[data-style="moments"] .social-images-grid[data-count="1"] .social-img { object-fit: cover; max-height: 250px; }
.social-card-preview[data-style="moments"] .social-images-grid[data-count="2"], .social-card-preview[data-style="moments"] .social-images-grid[data-count="4"] { grid-template-columns: repeat(2, 1fr); }
.social-card-preview[data-style="moments"] .social-images-grid[data-count="3"], .social-card-preview[data-style="moments"] .social-images-grid[data-count="5"], .social-card-preview[data-style="moments"] .social-images-grid[data-count="6"], .social-card-preview[data-style="moments"] .social-images-grid[data-count="7"], .social-card-preview[data-style="moments"] .social-images-grid[data-count="8"], .social-card-preview[data-style="moments"] .social-images-grid[data-count="9"] { grid-template-columns: repeat(3, 1fr); }
.social-img { aspect-ratio: 1 / 1; object-fit: cover; cursor: pointer; background-color: rgb(240, 240, 240); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 100%; }
.social-meta-row { color: inherit; opacity: 0.6; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 0.8em; display: flex; }
.social-comments-area { border-radius: 4px; margin-top: 5px; padding: 6px 10px; font-size: 0.9em; position: relative; background-color: rgba(0, 0, 0, 0.05) !important; }
.social-card-preview[data-style="moments"] .social-comments-area::before { content: ""; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); width: 0px; height: 0px; position: absolute; top: -6px; left: 12px; border-bottom: 6px solid rgba(0, 0, 0, 0.05) !important; }
.social-likes { color: var(--accent-color,#576b95); border-bottom: 1px solid rgba(0, 0, 0, 0.05); align-items: flex-start; gap: 5px; margin-bottom: 6px; padding-bottom: 4px; display: flex; }
.social-likes .iconify { transform: translateY(2px); }
.social-card-preview[data-style="feed"] { gap: 8px; }
.social-card-preview[data-style="feed"] .social-header { align-items: center; gap: 10px; display: flex; }
.social-card-preview[data-style="feed"] .social-avatar { background-color: rgb(238, 238, 238); background-position: 50% center; background-size: cover; border-radius: 50%; width: 48px; height: 48px; }
.social-card-preview[data-style="feed"] .social-name-col { flex-direction: column; display: flex; }
.social-card-preview[data-style="feed"] .social-name { font-size: 1.1em; font-weight: 700; }
.social-card-preview[data-style="feed"] .social-handle { opacity: 0.6; font-size: 0.9em; font-weight: 400; }
.social-card-preview[data-style="feed"] .social-images-grid { aspect-ratio: auto; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 2px; margin-top: 8px; display: grid; overflow: hidden; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; }
.social-card-preview[data-style="feed"] .social-images-grid[data-count="1"] { grid-template-columns: 1fr; }
.social-card-preview[data-style="feed"] .social-images-grid[data-count="2"] { aspect-ratio: 2 / 1; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); }
.social-card-preview[data-style="feed"] .social-images-grid[data-count="3"] { aspect-ratio: 16 / 9; grid-template-rows: minmax(0px, 1fr) minmax(0px, 1fr); grid-template-columns: 1.2fr minmax(0px, 1fr); }
.social-card-preview[data-style="feed"] .social-images-grid[data-count="3"] .social-img:first-child { grid-area: 1 / 1 / 3; height: 100%; }
.social-card-preview[data-style="feed"] .social-images-grid[data-count="3"] .social-img:nth-child(2) { grid-area: 1 / 2; }
.social-card-preview[data-style="feed"] .social-images-grid[data-count="3"] .social-img:nth-child(3) { grid-area: 2 / 2; }
.social-card-preview[data-style="feed"] .social-images-grid[data-count="4"] { aspect-ratio: 1 / 1; grid-template-columns: 1fr 1fr; }
.social-card-preview[data-style="feed"] .social-images-grid[data-count="5"], .social-card-preview[data-style="feed"] .social-images-grid[data-count="6"], .social-card-preview[data-style="feed"] .social-images-grid[data-count="7"], .social-card-preview[data-style="feed"] .social-images-grid[data-count="8"], .social-card-preview[data-style="feed"] .social-images-grid[data-count="9"] { aspect-ratio: auto; grid-template-columns: repeat(3, 1fr); }
.social-card-preview[data-style="feed"] .social-footer-stats { color: inherit; opacity: 0.65; border-top: 1px solid rgba(0, 0, 0, 0.05); justify-content: space-between; margin-top: 10px; padding-top: 10px; font-size: 0.9em; display: flex; }
.social-card-preview[data-style="feed"] .stat-item { align-items: center; gap: 5px; display: flex; }
.social-card-preview[data-style="instagram"] { border: 1px solid rgb(219, 219, 219); background: rgb(255, 255, 255) !important; gap: 0px !important; padding: 0px !important; }
.social-card-preview[data-style="instagram"] .social-header { justify-content: space-between; align-items: center; padding: 10px 12px; display: flex; }
.social-card-preview[data-style="instagram"] .social-avatar { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; width: 32px; height: 32px; }
.social-card-preview[data-style="instagram"] .social-name { margin-left: 10px; font-weight: 600; color: rgb(38, 38, 38) !important; font-size: 0.9rem !important; }
.social-card-preview[data-style="instagram"] .social-images-grid { aspect-ratio: auto; background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; gap: 1px; margin: 0px; width: 100% !important; }
.social-ins-actions { color: rgb(38, 38, 38); justify-content: space-between; padding: 10px 12px 0px; font-size: 1.5rem; display: flex; }
.social-ins-likes { color: rgb(38, 38, 38); margin-top: 8px; padding: 0px 12px; font-size: 0.9rem; font-weight: 600; }
.social-ins-content { padding: 6px 12px 12px; font-size: 0.9rem; line-height: 1.4; }
.inspector-social-img-list { grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 5px; display: grid; }
.inspector-social-img-item { aspect-ratio: 1 / 1; border: 1px solid var(--border-color); cursor: grab; background: rgb(238, 238, 238); border-radius: 4px; position: relative; overflow: hidden; }
.inspector-social-img-item img { object-fit: cover; width: 100%; height: 100%; }
.inspector-social-img-item .delete-btn { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); border-radius: 50%; justify-content: center; align-items: center; width: 20px; height: 20px; padding: 0px; font-size: 12px; display: flex; position: absolute; top: 2px; right: 2px; }
.inspector-social-img-item:hover .delete-btn { display: flex; }
.inspector-social-comment-item { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 4px; margin-bottom: 5px; padding: 8px; }
#mobile-theme-fab { background: var(--bg-card); border: 1px solid var(--border-color); z-index: 900; width: 40px; height: 40px; color: var(--text-primary); cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; font-size: 1.2rem; transition: 0.3s; display: none; position: fixed; top: 85px; right: 15px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
.resource-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 12px; padding: 10px 0px; display: grid; }
.res-img-card { aspect-ratio: 1 / 1; border: 1px solid var(--border-color); background: var(--bg-image-thumb); border-radius: 8px; transition: transform 0.2s; position: relative; overflow: hidden; }
.res-img-card:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.res-img-card img { object-fit: cover; width: 100%; height: 100%; }
.res-img-actions { gap: 4px; display: flex; position: absolute; top: 4px; right: 4px; }
.res-btn { cursor: pointer; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 0.8rem; display: flex; }
.res-btn.delete { background: rgba(255, 59, 48, 0.9); }
.res-btn.delete:hover { background: rgb(211, 47, 47); }
.res-badge-used { color: rgb(255, 255, 255); text-align: center; backdrop-filter: blur(2px); background: rgba(0, 122, 255, 0.8); width: 100%; padding: 2px 0px; font-size: 0.7rem; position: absolute; bottom: 0px; left: 0px; }
.empty-state { text-align: center; color: var(--text-placeholder); grid-column: 1 / -1; padding: 40px 0px; font-style: italic; }
#p2p-modal .modal-container { text-align: center; max-width: 380px; padding-top: 30px; overflow: hidden; }
.p2p-ripple-container { justify-content: center; align-items: center; width: 80px; height: 80px; margin: 0px auto 20px; display: flex; position: relative; }
.p2p-icon { color: var(--color-primary); z-index: 2; font-size: 40px; position: relative; }
.p2p-ripple { border: 2px solid var(--color-primary); opacity: 0; border-radius: 50%; width: 100%; height: 100%; animation: 2s ease 0s infinite normal none running ripple; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.p2p-ripple:nth-child(2) { animation-delay: 0.5s; }
.p2p-ripple:nth-child(3) { animation-delay: 1s; }
@keyframes ripple { 
  0% { opacity: 0.8; border-width: 4px; width: 40px; height: 40px; }
  100% { opacity: 0; border-width: 0px; width: 120px; height: 120px; }
}
.p2p-status-badge { background: var(--bg-input); color: var(--text-secondary); border-radius: 20px; max-width: 100%; margin: 0px auto 15px; padding: 6px 16px; font-size: 0.85rem; transition: 0.3s; display: table; }
.p2p-status-badge.connected { color: rgb(46, 125, 50); background: rgb(232, 245, 233); font-weight: 600; }
#p2p-qrcode-box { background: rgb(255, 255, 255); border-radius: 12px; width: fit-content; margin: 0px auto 10px; padding: 10px; transition: opacity 0.3s; display: block; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }
#p2p-qrcode-box img { max-width: 100%; display: block; }
#receiver-overlay { background: var(--bg-editor); z-index: 20000; text-align: center; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; display: flex; position: fixed; top: 0px; left: 0px; }
.receiver-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 20px; width: 100%; max-width: 400px; padding: 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; }
.receiver-progress { background: var(--bg-input); border-radius: 3px; width: 100%; height: 6px; margin: 20px 0px; overflow: hidden; }
.receiver-progress-bar { background: var(--color-primary); width: 0%; height: 100%; transition: width 0.2s linear; }
#mobile-theme-fab { top: calc(60px + var(--system-broadcast-height,0px) + var(--global-banners-height,0px)); background: var(--bg-card); border: 1px solid var(--border-color); z-index: 900; width: 40px; height: 40px; color: var(--text-primary); cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; font-size: 1.2rem; transition: 0.3s; display: none; position: fixed; right: 15px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
html.dark-mode #mobile-theme-fab { color: gold; background: rgb(51, 51, 51); border-color: rgb(85, 85, 85); }
@media (width <= 1024px) {
  #mobile-theme-fab { display: flex; }
  .app-header .theme-switch-wrapper { display: none !important; }
  .header-actions-wrapper { gap: 15px !important; }
}
.save-status-badge { color: var(--text-secondary); opacity: 0; pointer-events: none; background: var(--bg-input); border: 1px solid var(--border-color); z-index: 2000; white-space: nowrap; border-radius: 12px; padding: 4px 10px; font-size: 0.75rem; font-weight: 600; transition: opacity 0.3s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media (width <= 1024px) {
  .save-status-badge { background: var(--bg-card); border-color: var(--color-primary); color: var(--color-primary); left: 15px; top: max(15px, env(safe-area-inset-top) + 10px); position: fixed; transform: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
}
#rich-text-editor-container { border: 1px solid var(--border-color); border-radius: 4px; flex-direction: column; display: flex; height: 300px !important; max-height: 40vh !important; }
#rich-text-editor-container .ql-container { flex: 1 1 0%; height: auto !important; overflow-y: auto !important; }
.preview-card-content .ql-container { font-family: inherit; font-size: inherit; text-align: inherit; width: 100% !important; height: auto !important; overflow: visible !important; }
.preview-card-content .ql-editor { line-height: inherit; min-height: 1em; user-select: text !important; touch-action: auto !important; white-space: pre-wrap !important; word-break: break-word !important; outline: none !important; padding: 0px !important; overflow: visible !important; }
.preview-card-content .ql-container { outline: none !important; }
.preview-card-content .ql-editor p { min-height: 1em; line-height: inherit; margin: 0px !important; padding: 0px !important; }
.preview-card-content p:empty { min-height: 1em !important; display: block !important; }
.preview-card-content p:has(br) { min-height: 1em !important; display: block !important; }
.ql-tooltip { white-space: nowrap; z-index: 20000 !important; writing-mode: horizontal-tb !important; pointer-events: auto !important; width: max-content !important; max-width: 100vw !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px !important; }
@media (width >= 769px) {
  .ql-bubble .ql-tooltip { transform: translate(0px, 0px); position: absolute !important; }
}
@media (width <= 768px) {
  .ql-bubble .ql-tooltip.global-fixed-tooltip { top: calc(20px + env(safe-area-inset-top)) !important; opacity: 1 !important; z-index: 2147483647 !important; background-color: rgb(51, 51, 51) !important; border-radius: 12px !important; flex-wrap: wrap !important; justify-content: center !important; width: auto !important; min-width: 280px !important; max-width: 95vw !important; margin-top: 0px !important; padding: 8px 12px !important; display: flex !important; position: fixed !important; left: 50% !important; transform: translate(-50%) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 20px !important; }
  .ql-bubble .ql-tooltip-arrow { display: none !important; }
  .ql-bubble .ql-tooltip-editor input { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.1) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; width: 150px !important; height: 35px !important; }
  .ql-bubble .ql-tooltip button { width: 26px !important; height: 26px !important; }
}
.preview-card-inner.is-editing-rich-text { min-height: 100%; height: auto !important; overflow: visible !important; }
.preview-card-content.is-editing-rich-text { max-height: none !important; }
.preview-item-wrapper.is-editing-wrapper { will-change: z-index; z-index: 5000 !important; contain: none !important; position: relative !important; }
.progress-bar-preview[data-style="battery"] { align-items: center; gap: 10px; flex-direction: row !important; }
.progress-bar-preview[data-style="battery"] .progress-bar-header { display: none !important; }
.progress-bar-preview[data-style="battery"] .progress-bar-track { border: 2px solid var(--g-comp-text-color); padding: 2px; position: relative; background: 0px 0px !important; border-radius: 4px !important; height: 24px !important; overflow: visible !important; }
.progress-bar-preview[data-style="battery"] .progress-bar-track::after { content: ""; background: var(--g-comp-text-color); border-radius: 0px 2px 2px 0px; width: 3px; position: absolute; top: 4px; bottom: 4px; right: -5px; }
.progress-bar-preview[data-style="battery"] .progress-bar-fill { background: linear-gradient(rgb(168, 224, 99), rgb(86, 171, 47)); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px inset; border-radius: 1px !important; height: 100% !important; }
.progress-bar-preview[data-style="battery"][data-value-low="true"] .progress-bar-fill { background: linear-gradient(rgb(255, 94, 98), rgb(255, 153, 102)); }
.progress-bar-preview[data-style="retro"] .progress-bar-track { border-width: 2px; border-style: solid; border-image: initial; border-color: gray rgb(255, 255, 255) rgb(255, 255, 255) gray; padding: 2px; background: silver !important; border-radius: 0px !important; height: 24px !important; }
.progress-bar-preview[data-style="retro"] .progress-bar-fill { background-size: 100% 100%; background-color: navy !important; background-image: repeating-linear-gradient(90deg, navy, navy 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 12px) !important; border-radius: 0px !important; }
.timeline-preview[data-style="receipt"] { border-width: 2px 1px; border-style: dashed solid; border-color: rgb(204, 204, 204) rgb(221, 221, 221); border-image: initial; font-family: "Fusion Pixel 12px Mono latin", Consolas, monospace; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px; color: rgb(51, 51, 51) !important; background-color: rgb(255, 253, 245) !important; padding-left: 15px !important; }
.timeline-preview[data-style="receipt"] .timeline-line { border-left: 1px dashed rgb(153, 153, 153); width: 0px; left: 6px; background: 0px 0px !important; }
.timeline-preview[data-style="receipt"] .timeline-dot { background: rgb(51, 51, 51); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; width: 6px; height: 6px; top: 5px; left: -24px; }
.timeline-preview[data-style="receipt"] .timeline-time { border-bottom: 1px dotted rgb(204, 204, 204); width: 100%; margin-bottom: 2px; font-weight: 400; }
.timeline-preview[data-style="metro"] { background-color: rgb(245, 245, 247) !important; padding-left: 50px !important; }
.timeline-preview[data-style="metro"] .timeline-line { border-radius: 3px; width: 6px; left: 18px; background-color: var(--tl-accent-color) !important; }
.timeline-preview[data-style="metro"] .timeline-dot { border: 4px solid var(--tl-accent-color); background: rgb(255, 255, 255); width: 16px; height: 16px; top: 2px; left: -33px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; }
.timeline-preview[data-style="metro"] .timeline-time { background: var(--tl-accent-color); border-radius: 4px; padding: 2px 8px; font-size: 0.75em; font-weight: 700; display: inline-block; color: rgb(255, 255, 255) !important; }
.timeline-preview[data-style="metro"] .timeline-content { font-size: 1.05em; font-weight: 700; }
.grid-preview-container { gap: 10px; width: 100%; display: grid; }
.grid-preview-container.is-masonry { align-items: flex-start; gap: 10px; display: flex !important; }
.grid-masonry-column { flex-direction: column; flex: 1 1 0%; gap: 10px; min-width: 0px; display: flex; }
.grid-item { flex-direction: column; transition: transform 0.2s; display: flex; position: relative; overflow: hidden; }
.grid-img-wrapper { border-radius: var(--grid-radius,8px); background: rgba(0, 0, 0, 0.05); width: 100%; position: relative; overflow: hidden; }
.grid-preview-container[data-style="circle"] .grid-img-wrapper { width: 100%; overflow: hidden; mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0)); aspect-ratio: 1 / 1 !important; border-radius: 50% !important; }
.grid-preview-container[data-style="circle"] .grid-img-wrapper img { object-fit: cover !important; border-radius: 0px !important; width: 100% !important; height: 100% !important; }
.grid-preview-container[data-style="circle"] .grid-item { box-shadow: none !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; overflow: visible !important; }
.grid-preview-container[data-style="circle"] .grid-label { margin-top: 10px; }
.grid-img-wrapper img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.3s; position: absolute; top: 0px; left: 0px; }
.grid-preview-container.is-masonry .grid-img-wrapper img { object-fit: contain; height: auto; position: static; }
.grid-item:hover .grid-img-wrapper img { transform: scale(1.05); }
.grid-label { text-align: center; opacity: 0.95; overflow-wrap: break-word; margin-top: 6px; font-size: 0.9em; font-weight: 600; line-height: 1.3; }
.grid-subtitle { text-align: center; opacity: 0.7; overflow-wrap: break-word; white-space: pre-line; margin-top: 2px; font-size: 0.75em; line-height: 1.2; }
.grid-preview-container[data-style="polaroid"] { gap: 15px; }
.grid-preview-container[data-style="polaroid"] .grid-item { transform: rotate(var(--grid-rot,0deg)); background: rgb(255, 255, 255); padding: 8px 8px 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; color: rgb(51, 51, 51) !important; }
.grid-preview-container[data-style="polaroid"] .grid-img-wrapper { border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0px; }
.grid-preview-container[data-style="polaroid"] .grid-label { justify-content: center; width: 100%; margin-top: 8px; font-family: "LXGW WenKai", "Comic Sans MS", cursive, sans-serif; }
.grid-preview-container[data-style="inventory"] { background: rgba(0, 0, 0, 0.3); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 6px; gap: 4px; padding: 4px; }
.grid-preview-container[data-style="inventory"] .grid-item { aspect-ratio: 1 / 1; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; padding: 4px; }
.grid-preview-container[data-style="inventory"] .grid-img-wrapper { border-radius: 2px; width: 100%; height: 100%; }
.grid-preview-container[data-style="inventory"] .grid-label { color: rgb(255, 255, 255); white-space: nowrap; text-overflow: ellipsis; pointer-events: none; background: rgba(0, 0, 0, 0.6); margin: 0px; padding: 2px; font-size: 0.7em; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; }
.unified-editor-item { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 8px; align-items: stretch; margin-bottom: 8px; transition: border-color 0.2s, box-shadow 0.2s; display: flex; position: relative; overflow: hidden; }
.unified-editor-item:hover { border-color: var(--color-primary); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; }
.unified-drag-handle { background: var(--bg-section); border-right: 1px solid var(--border-color); cursor: grab; width: 28px; color: var(--text-placeholder); flex-shrink: 0; justify-content: center; align-items: center; font-size: 1.2rem; display: flex; }
.unified-drag-handle:hover { color: var(--text-primary); background: var(--border-color); }
.unified-thumb { background: var(--bg-image-thumb); border: 1px solid var(--border-input); cursor: pointer; border-radius: 6px; flex-shrink: 0; width: 48px; min-width: 48px; height: 48px; position: relative; overflow: hidden; }
.unified-thumb img { object-fit: cover; width: 100%; height: 100%; display: block; }
.unified-thumb .placeholder-icon { color: rgb(204, 204, 204); font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.unified-delete-btn { width: 36px; color: var(--text-secondary); border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left: 1px solid var(--border-color); cursor: pointer; background: rgba(0, 0, 0, 0.02); border-radius: 0px; flex-shrink: 0; justify-content: center; align-self: stretch; align-items: center; padding: 0px; font-size: 1.1rem; transition: 0.2s; display: flex; height: auto !important; position: static !important; }
.unified-delete-btn:hover { background: var(--color-danger); color: rgb(255, 255, 255) !important; }
.unified-delete-btn .iconify { font-size: 14px; }
.unified-content input[type="text"], .unified-content textarea { border-radius: 4px; font-size: 0.9em; background: var(--bg-editor) !important; border: 1px solid var(--border-input) !important; padding: 6px 8px !important; }
.unified-content input[type="text"]:focus, .unified-content textarea:focus { background: var(--bg-editor) !important; border-color: var(--color-primary) !important; }
#universal-color-picker-overlay { z-index: 20000; opacity: 0; visibility: hidden; pointer-events: auto; background: rgba(0, 0, 0, 0.35); width: 100%; height: 100%; transition: opacity 0.2s; position: fixed; top: 0px; left: 0px; }
#universal-color-picker { background: var(--bg-card); border: 1px solid var(--border-color); z-index: 20001; box-sizing: border-box; opacity: 0; visibility: hidden; flex-direction: column; gap: 12px; padding: 12px; transition: opacity 0.2s, transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; position: fixed; box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 30px; }
#universal-color-picker-overlay.visible { opacity: 1; visibility: visible; }
#universal-color-picker.visible { opacity: 1; visibility: visible; transform: scale(1) translateY(0px); }
@media (width >= 769px) {
  #universal-color-picker-overlay { display: none; }
  #universal-color-picker { border-radius: 10px; width: 260px; top: 50%; left: 50%; }
}
@media (width <= 768px) {
  #universal-color-picker { padding-bottom: calc(15px + env(safe-area-inset-bottom)); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 16px 16px 0px 0px; transform: translateY(100%); width: 100% !important; top: auto !important; bottom: 0px !important; left: 0px !important; }
  #universal-color-picker.visible { transform: translateY(0px); }
  #ucp-eyedropper-btn { display: none !important; }
}
.ucp-sv-box { cursor: crosshair; touch-action: none; background: red; border-radius: 6px; width: 100%; height: 150px; position: relative; overflow: hidden; }
.ucp-sv-white { background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); position: absolute; inset: 0px; }
.ucp-sv-black { background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); position: absolute; inset: 0px; }
.ucp-sv-cursor { pointer-events: none; border: 2px solid rgb(255, 255, 255); border-radius: 50%; width: 12px; height: 12px; position: absolute; transform: translate(-6px, -6px); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; }
.ucp-controls-row { align-items: center; gap: 10px; margin-top: 4px; display: flex; }
.ucp-tool-btn { cursor: pointer; width: 28px; height: 28px; color: var(--text-secondary); background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 4px; flex-shrink: 0; justify-content: center; align-items: center; display: flex; }
.ucp-tool-btn:hover { color: var(--color-primary); border-color: var(--color-primary); }
.ucp-tool-btn.small { width: 24px; height: 24px; font-size: 0.9em; }
.ucp-sliders-col { flex-direction: column; flex-grow: 1; justify-content: center; display: flex; }
.ucp-slider-track { cursor: pointer; touch-action: none; border-radius: 6px; width: 100%; height: 12px; position: relative; }
.ucp-slider-track.hue { background: linear-gradient(90deg, red 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, red 100%); }
.ucp-slider-cursor { pointer-events: none; background: rgb(255, 255, 255); border-radius: 50%; width: 14px; height: 14px; position: absolute; top: 50%; transform: translate(-7px, -50%); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; }
.ucp-preview-circle { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; flex-shrink: 0; width: 34px; height: 34px; transition: background-color 0.1s; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.05) 0px 2px 5px; }
.ucp-inputs-row { align-items: center; gap: 8px; display: flex; }
.ucp-input-group { flex-grow: 1; align-items: center; gap: 5px; display: none; position: relative; }
.ucp-input-group.active { display: flex; }
.ucp-text-input, .ucp-num-input { border: 1px solid var(--border-input); background-color: var(--bg-input); width: 100%; color: var(--text-primary); text-align: center; border-radius: 6px; padding: 6px; font-family: monospace; font-size: 0.85rem; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px inset; }
.ucp-text-input:focus, .ucp-num-input:focus { border-color: var(--color-primary); background: var(--bg-editor); outline: none; }
.ucp-input-label { text-align: center; width: 100%; color: var(--text-secondary); pointer-events: none; font-size: 0.65rem; position: absolute; bottom: -14px; right: 0px; }
.ucp-rec-section { border-top: 1px solid var(--border-color); flex-direction: column; gap: 8px; padding-top: 8px; display: flex; }
.ucp-rec-row { flex-wrap: wrap; gap: 6px; display: flex; }
.ucp-swatch { cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; width: 20px; height: 20px; position: relative; }
.ucp-swatch:hover { z-index: 1; transform: scale(1.1); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; }
.ucp-rec-label { color: var(--text-secondary); margin-top: 2px; font-size: 0.7rem; }
#preview-stickers-layer { pointer-events: none; z-index: 10; border-radius: inherit; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; }
.sticker-item { cursor: grab; pointer-events: auto; user-select: none; transform-origin: 50% center; justify-content: center; align-items: center; min-width: 20px; min-height: 20px; display: flex; position: absolute; }
.sticker-item:active { cursor: grabbing; }
.sticker-item.selected { outline: 2px solid var(--color-primary); background-color: rgba(0, 122, 255, 0.05); z-index: 1000 !important; }
.sticker-handle { border: 1px solid var(--color-primary); z-index: 1001; background: rgb(255, 255, 255); border-radius: 50%; width: 12px; height: 12px; display: none; position: absolute; }
.sticker-item.selected .sticker-handle { display: block; }
.handle-nw { cursor: nwse-resize; top: -6px; left: -6px; }
.handle-ne { cursor: nesw-resize; top: -6px; right: -6px; }
.handle-sw { cursor: nesw-resize; bottom: -6px; left: -6px; }
.handle-se { cursor: nwse-resize; bottom: -6px; right: -6px; }
.handle-rot { cursor: grab; background: var(--color-primary); top: -25px; left: 50%; transform: translate(-50%); }
.handle-rot::after { content: ""; background: var(--color-primary); z-index: -1; width: 1px; height: 15px; position: absolute; top: 10px; left: 50%; transform: translate(-50%); }
.sticker-content { pointer-events: none; width: 100%; height: 100%; font-size: inherit; white-space: nowrap; justify-content: center; align-items: center; line-height: 1; display: flex; }
.sticker-content img { object-fit: contain; width: 100%; height: 100%; }
.sticker-content .iconify, .sticker-content svg { fill: currentcolor; stroke: currentcolor; width: 100%; height: 100%; font-size: inherit; display: block; }
.sticker-content svg.stroked { fill: none; stroke-width: 2px; vector-effect: non-scaling-stroke; }
.custom-svg-icon { vertical-align: middle; justify-content: center; align-items: center; width: 1em; height: 1em; display: inline-flex !important; }
.custom-svg-icon svg { display: block; fill: currentcolor !important; width: 100% !important; height: 100% !important; }
.icon-grid-item .custom-svg-icon { width: 24px !important; height: 24px !important; }
.tag-pill .custom-svg-icon { vertical-align: -0.15em; margin-right: 4px; font-size: 1.1em; }
.select-icon-btn .custom-svg-icon { vertical-align: middle; margin-right: 5px; font-size: 1.2em; }
.preview-items-container figure.film-style, .grid-preview-container[data-style="film"] { border-radius: 2px; position: relative; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 15px; color: rgb(255, 255, 255) !important; background-color: rgb(26, 26, 26) !important; padding: 28px 12px !important; overflow: visible !important; }
.preview-items-container figure.film-style::before, .preview-items-container figure.film-style::after, .grid-preview-container[data-style="film"]::before, .grid-preview-container[data-style="film"]::after { content: ""; opacity: 0.8; pointer-events: none; background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 12px, rgb(255, 255, 255) 12px, rgb(255, 255, 255) 20px); height: 12px; position: absolute; left: 5px; right: 5px; }
.preview-items-container figure.film-style::before, .grid-preview-container[data-style="film"]::before { top: 8px; }
.preview-items-container figure.film-style::after, .grid-preview-container[data-style="film"]::after { bottom: 8px; }
.preview-items-container figure.film-style img { box-sizing: border-box; border: 2px solid rgb(255, 255, 255); border-radius: 0px !important; }
.preview-items-container figure.film-style figcaption { text-transform: uppercase; letter-spacing: 1px; margin-top: 8px; font-family: "Courier New", monospace; font-size: 0.8rem; color: rgb(170, 170, 170) !important; }
.grid-preview-container[data-style="film"] { gap: 15px; }
.grid-preview-container[data-style="film-strip"] { background-color: rgb(26, 26, 26); border-radius: 2px; flex-direction: column; gap: 0px; width: fit-content; min-width: 100%; margin: 0px auto; padding: 0px 12px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 15px; }
.grid-preview-container[data-style="film-strip"]::before, .grid-preview-container[data-style="film-strip"]::after { content: ""; opacity: 0.8; pointer-events: none; background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 12px, rgb(255, 255, 255) 12px, rgb(255, 255, 255) 20px); width: 10px; position: absolute; top: 0px; bottom: 0px; }
.grid-preview-container[data-style="film-strip"]::before { left: 4px; }
.grid-preview-container[data-style="film-strip"]::after { right: 4px; }
.grid-preview-container[data-style="film-strip"] .grid-item { box-shadow: none; background: 0px 0px; padding: 10px 0px; color: rgb(255, 255, 255) !important; }
.grid-preview-container[data-style="film-strip"] .grid-img-wrapper { border: 2px solid rgb(255, 255, 255); border-radius: 0px; width: 100%; }
.grid-preview-container[data-style="film-strip"] .grid-label { opacity: 0.7; margin-top: 4px; font-family: "Courier New", monospace; font-size: 0.7em; }
.grid-preview-container[data-style="film"] .grid-item { box-shadow: none; background: 0px 0px; color: rgb(255, 255, 255) !important; }
.grid-preview-container[data-style="film"] .grid-img-wrapper { border: 2px solid rgb(255, 255, 255); border-radius: 0px; }
body.export-mode .cut-line-preview { visibility: hidden !important; opacity: 0 !important; }
.calendar-preview { background: var(--cal-bg); width: 100%; height: 100%; color: var(--cal-text); border-radius: var(--cal-radius); padding: var(--g-comp-padding); box-sizing: border-box; flex-direction: column; display: flex; }
.calendar-header { border-bottom: 2px solid rgba(0, 0, 0, 0); justify-content: space-between; align-items: center; margin-bottom: 15px; font-size: 1.1em; font-weight: 700; display: flex; }
.calendar-grid { text-align: center; grid-template-columns: repeat(7, 1fr); gap: 4px; display: grid; }
.cal-day-name { opacity: 0.6; margin-bottom: 5px; font-size: 0.75em; }
.cal-day-cell { aspect-ratio: 1 / 1; cursor: pointer; background: rgba(0, 0, 0, 0.02); border-radius: 4px; flex-direction: column; justify-content: center; align-items: center; font-size: 0.9em; display: flex; position: relative; }
.cal-day-cell.active { background: var(--cal-accent); color: var(--cal-accent-text,#fff); font-weight: 700; }
.calendar-preview.hide-cell-borders .cal-day-cell { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.calendar-preview.hide-cell-borders .cal-day-cell.active { background: var(--cal-accent); }
.cal-day-note { opacity: 0.9; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; margin-top: 2px; font-size: 0.6em; line-height: 1; display: none; overflow: hidden; }
.cal-day-cell.has-note { justify-content: flex-start; padding-top: 4px; }
.cal-day-cell.has-note .cal-day-note { display: block; }
.cal-day-cell.has-note .cal-day-note.multi-line { white-space: pre-wrap; text-align: left; padding: 0px 2px; }
.calendar-week-list { flex-direction: column; gap: 8px; display: flex; }
.cal-week-item { background: rgba(0, 0, 0, 0.03); border-radius: 6px; align-items: center; gap: 10px; padding: 8px; display: flex; }
.cal-week-label { width: 40px; color: var(--cal-accent); flex-shrink: 0; font-weight: 700; }
.cal-week-content { white-space: pre-wrap; flex: 1 1 0%; font-size: 0.9em; }
.calendar-preview[data-style="cute"] { background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px); background-position: 50% 20px; background-size: 20px 20px; border: 2px solid rgba(0, 0, 0, 0.1); font-family: "LXGW WenKai", "Comic Sans MS", cursive, sans-serif; position: relative; overflow: visible; box-shadow: rgba(0, 0, 0, 0.05) 2px 3px 10px; color: rgb(74, 74, 74) !important; background-color: rgb(255, 253, 245) !important; }
.calendar-preview[data-style="cute"]::before { content: ""; background-color: var(--cal-accent); opacity: 0.4; z-index: 0; width: 120px; height: 35px; position: absolute; top: -12px; left: 50%; transform: translate(-50%) rotate(-1deg); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 2%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 98%); }
.calendar-preview[data-style="cute"] .calendar-header { z-index: 1; text-align: center; letter-spacing: 2px; color: var(--cal-accent); text-shadow: rgb(255, 255, 255) 1px 1px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 15px; font-size: 1.4em; position: relative; }
.calendar-preview[data-style="cute"] .cal-day-name { color: rgb(136, 136, 136); font-size: 0.8em; font-weight: 700; }
.calendar-preview[data-style="cute"] .cal-day-cell { z-index: 1; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; min-height: 45px; padding-top: 6px; padding-bottom: 4px; position: relative; aspect-ratio: auto !important; justify-content: flex-start !important; height: auto !important; }
.calendar-preview[data-style="cute"] .cal-num { z-index: 2; font-size: 1.1em; font-weight: 700; line-height: 1; position: relative; }
.calendar-preview[data-style="cute"] .cal-day-cell.active .cal-num { color: var(--cal-accent-text,#fff); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; }
.calendar-preview[data-style="cute"] .cal-day-cell.active::after { content: ""; background-color: var(--cal-accent); opacity: 0.9; z-index: 0; border-radius: 40% 60% 70% 30% / 40% 50% 60%; width: 28px; height: 28px; position: absolute; top: 18px; left: 50%; transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 4px; }
.calendar-preview[data-style="cute"] .cal-day-note { color: rgb(85, 85, 85); white-space: normal; text-overflow: clip; z-index: 2; width: 100%; margin-top: 4px; font-size: 0.65rem; font-weight: 400; line-height: 1.2; overflow: visible; transform: rotate(-2deg); display: block !important; }
.calendar-preview[data-style="cute"] .cal-day-cell.has-note::before { display: none; }
.calendar-preview[data-style="pixel"] { border: 2px solid var(--cal-text); box-shadow: 4px 4px 0 var(--cal-accent); border-radius: 0px; font-family: "Fusion Pixel 12px Mono latin", monospace; }
.calendar-preview[data-style="pixel"] .cal-day-cell.active { background: var(--cal-text); color: var(--cal-accent-text,var(--cal-bg)); border-radius: 0px; }
.qa-preview { background: 0px 0px; flex-direction: column; gap: 0px; width: 100%; height: 100%; display: flex; }
.qa-box-q, .qa-box-a { overflow-wrap: break-word; padding: 20px; position: relative; }
.qa-label { opacity: 0.6; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; font-size: 0.75em; font-weight: 700; }
.qa-content { font-size: 1.1em; font-weight: 600; line-height: 1.4; }
.qa-answer-img { object-fit: cover; border-radius: 8px; max-width: 100%; margin-top: 10px; display: block; }
.qa-preview[data-style="default"] { background: var(--qa-container-bg); border-radius: var(--qa-radius); border: 1px solid rgba(0, 0, 0, 0.05); overflow: hidden; }
.qa-preview[data-style="default"] .qa-box-q { background: var(--qa-q-bg,#00000008); color: var(--qa-q-text); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.qa-preview[data-style="default"] .qa-box-a { background: var(--qa-a-bg,transparent); color: var(--qa-a-text); }
.qa-preview[data-style="marshmallow"] { gap: 15px; }
.qa-preview[data-style="marshmallow"] .qa-box-q { background: var(--qa-q-bg); color: var(--qa-q-text); text-align: center; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; }
.qa-preview[data-style="marshmallow"] .qa-box-q .qa-label { opacity: 0.8; color: currentcolor; }
.qa-preview[data-style="marshmallow"] .qa-box-a { background: var(--qa-a-bg); color: var(--qa-a-text); text-align: center; border-radius: 16px; font-size: 0.95em; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; }
.qa-preview[data-style="retro"] { border: 2px solid var(--qa-text-main); background: var(--qa-container-bg); gap: 0px; box-shadow: rgba(0, 0, 0, 0.1) 6px 6px; }
.qa-preview[data-style="retro"] .qa-box-q { background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 19px, rgba(0, 0, 0, 0.1) 20px); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--qa-q-bg,transparent); color: var(--qa-q-text); border-bottom: 2px dashed var(--qa-text-main); }
.qa-preview[data-style="retro"] .qa-box-a { background-color: var(--qa-a-bg,transparent); color: var(--qa-a-text); font-family: "Courier New", monospace; }
.letter-preview { box-sizing: border-box; background-color: var(--letter-bg,#fff); width: 100%; color: var(--letter-text,#333); border-radius: var(--letter-radius,8px); padding: var(--g-comp-padding); flex-direction: column; display: flex; position: relative; overflow: hidden; }
.letter-preview[data-style="email98"] { border-width: 2px; border-style: solid; border-image: initial; border-color: rgb(223, 223, 223) gray gray rgb(223, 223, 223); font-family: "Pixel Arial", Consolas, "Courier New", monospace; box-shadow: rgb(0, 0, 0) 1px 1px; background-color: var(--letter-bg,silver) !important; border-radius: 0px !important; padding: 4px !important; }
.letter-preview[data-style="email98"] .letter-header { color: rgb(255, 255, 255); background: linear-gradient(90deg, navy, rgb(16, 132, 208)); justify-content: space-between; align-items: center; margin-bottom: 4px; padding: 4px 6px; font-size: 0.85rem; font-weight: 700; display: flex; }
.letter-preview[data-style="email98"] .letter-meta-row { align-items: baseline; margin-bottom: 2px; font-size: 0.8rem; display: flex; }
.letter-preview[data-style="email98"] .letter-meta-label { width: 60px; color: var(--letter-text,#444); opacity: 0.8; text-align: right; padding-right: 8px; }
.letter-preview[data-style="email98"] .letter-meta-content { color: var(--letter-text,black); background: rgba(255, 255, 255, 0.9); border-width: 1px; border-style: solid; border-image: initial; border-color: gray rgb(223, 223, 223) rgb(223, 223, 223) gray; flex: 1 1 0%; padding: 2px 4px; }
.letter-preview[data-style="email98"] .letter-body { min-height: 80px; color: var(--letter-text,black); overflow-wrap: break-word; background: rgba(255, 255, 255, 0.9); border-width: 1px; border-style: solid; border-image: initial; border-color: gray rgb(223, 223, 223) rgb(223, 223, 223) gray; margin-top: 4px; padding: 10px; }
.letter-preview[data-style="wax_seal"] { background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"); border: 1px solid rgba(0, 0, 0, 0.05); font-family: "Songti SC", "Noto Serif SC", serif; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px; background-color: var(--letter-bg,#fdfbf7) !important; color: var(--letter-text,#4a3b2a) !important; padding: 30px 25px !important; }
.letter-preview[data-style="wax_seal"] .letter-seal { color: rgb(189, 44, 44); opacity: 0.9; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 2px); justify-content: center; align-items: center; width: 50px; height: 50px; display: flex; position: absolute; top: 20px; right: 20px; transform: rotate(15deg); }
.letter-preview[data-style="wax_seal"] .letter-header { text-align: center; border-bottom: 2px solid rgba(74, 59, 42, 0.2); margin-bottom: 15px; padding-bottom: 15px; background: 0px 0px !important; }
.letter-preview[data-style="wax_seal"] .letter-title { letter-spacing: 2px; margin-bottom: 5px; font-size: 1.3rem; font-weight: 700; }
.letter-preview[data-style="wax_seal"] .letter-date { opacity: 0.6; font-size: 0.8rem; font-style: italic; }
.letter-preview[data-style="wax_seal"] .letter-body { text-align: justify; font-size: 1rem; line-height: 1.8; }
.letter-preview[data-style="wax_seal"] .letter-footer { text-align: right; margin-top: 20px; font-style: italic; font-weight: 700; }
.letter-preview[data-style="airmail"] { background-image: repeating-linear-gradient(135deg, rgb(211, 47, 47) 0px, rgb(211, 47, 47) 15px, rgba(0, 0, 0, 0) 15px, rgba(0, 0, 0, 0) 25px, rgb(25, 118, 210) 25px, rgb(25, 118, 210) 40px, rgba(0, 0, 0, 0) 40px, rgba(0, 0, 0, 0) 50px); background-position: center top, center bottom, 0px center, 100% center; background-repeat: no-repeat; background-size: 100% 10px, 100% 10px, 10px 100%, 10px 100%; border: 10px solid rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px; background-color: var(--letter-bg,#fff) !important; color: var(--letter-text,#333) !important; padding: 25px !important; }
.letter-preview[data-style="airmail"] .letter-inner { background: rgb(255, 255, 255); flex-direction: column; width: 100%; height: 100%; display: flex; }
.letter-preview[data-style="airmail"] .letter-stamp-area { justify-content: flex-end; margin-bottom: 20px; display: flex; }
.letter-preview[data-style="airmail"] .letter-stamp { color: rgb(204, 204, 204); text-transform: uppercase; border: 2px dotted rgb(204, 204, 204); padding: 5px 10px; font-size: 0.7rem; font-weight: 700; transform: rotate(-5deg); }
.letter-preview[data-style="airmail"] .letter-address-row { border-bottom: 1px dashed rgb(238, 238, 238); margin-bottom: 15px; padding-bottom: 5px; font-family: "Courier New", monospace; font-size: 0.9rem; display: flex; }
.letter-preview[data-style="airmail"] .letter-label { color: rgb(153, 153, 153); width: 60px; font-weight: 700; }
.letter-preview[data-style="airmail"] .letter-body { font-family: inherit; line-height: 1.6; }
.achievement-preview { box-sizing: border-box; background: var(--ach-bg); width: 100%; color: var(--ach-text); border-radius: var(--ach-radius); border: 1px solid rgba(0, 0, 0, 0); align-items: center; gap: 15px; padding: 10px; display: flex; position: relative; overflow: hidden; text-align: left !important; }
.ach-icon-wrapper { background: rgba(255, 255, 255, 0.1); border-radius: 4px; flex-shrink: 0; justify-content: center; align-items: center; width: 56px; height: 56px; display: flex; overflow: hidden; }
.ach-icon-wrapper img { object-fit: contain; display: block; width: var(--ach-icon-inner-size,100%) !important; height: var(--ach-icon-inner-size,100%) !important; }
.ach-icon-wrapper .iconify { width: var(--ach-icon-inner-size,100%) !important; height: var(--ach-icon-inner-size,100%) !important; display: block !important; }
.ach-icon-wrapper .icon-view-wrapper { width: var(--ach-icon-inner-size,100%) !important; height: var(--ach-icon-inner-size,100%) !important; }
.ach-content { flex-direction: column; flex-grow: 1; justify-content: center; min-width: 0px; display: flex; }
.ach-top-text { opacity: 0.8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; font-size: 0.75rem; }
.ach-title { margin-bottom: 2px; font-size: 1.1rem; font-weight: 700; line-height: 1.2; }
.ach-desc { opacity: 0.7; white-space: nowrap; text-overflow: ellipsis; font-size: 0.85rem; overflow: hidden; }
.ach-score { align-items: center; gap: 4px; font-size: 0.9rem; font-weight: 700; display: flex; }
.achievement-preview[data-style="steam"] { background: linear-gradient(90deg, rgb(27, 40, 56) 0%, rgb(42, 71, 94) 100%); border: 1px solid rgb(60, 93, 126); border-radius: 2px; font-family: Arial, sans-serif; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; }
.achievement-preview[data-style="steam"] .ach-icon-wrapper { border: 1px solid rgb(0, 0, 0); border-radius: 0px; }
.achievement-preview[data-style="steam"] .ach-top-text { color: rgb(102, 192, 244); font-size: 0.7rem; }
.achievement-preview[data-style="steam"] .ach-title { color: rgb(220, 222, 223); text-shadow: rgb(0, 0, 0) 0px 1px 2px; }
.achievement-preview[data-style="steam"] .ach-desc { color: rgb(143, 152, 160); }
.achievement-preview[data-style="xbox"] { color: rgb(255, 255, 255); background: rgb(23, 23, 23); border: 1px solid rgb(51, 51, 51); border-radius: 40px; padding: 8px 20px 8px 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 15px; }
.achievement-preview[data-style="xbox"] .ach-icon-wrapper { color: rgb(255, 255, 255); background: rgb(16, 124, 16); border-radius: 50%; width: 48px; height: 48px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; }
.achievement-preview[data-style="xbox"] .ach-title { font-size: 1rem; }
.achievement-preview[data-style="xbox"] .ach-top-text { display: none; }
.achievement-preview[data-style="xbox"] .ach-score { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 2px 8px; font-size: 0.8rem; }
.achievement-preview[data-style="minecraft"] { outline-offset: -4px; color: rgb(255, 255, 255); image-rendering: pixelated; background: rgb(33, 33, 33); border: 2px solid rgb(85, 85, 85); border-radius: 0px; outline: rgb(0, 0, 0) solid 2px; padding: 12px; font-family: "Fusion Pixel 12px Mono latin", Consolas, monospace; }
.achievement-preview[data-style="minecraft"] .ach-icon-wrapper { background: rgb(51, 51, 51); border: 2px solid rgb(85, 85, 85); border-radius: 0px; width: 48px; height: 48px; }
.achievement-preview[data-style="minecraft"] .ach-top-text { color: rgb(255, 255, 85); text-shadow: rgb(0, 0, 0) 2px 2px; letter-spacing: 0px; font-weight: 700; }
.achievement-preview[data-style="minecraft"] .ach-title { text-shadow: rgb(0, 0, 0) 2px 2px; }
.achievement-preview[data-style="minecraft"] .ach-desc { opacity: 1; color: rgb(170, 170, 170); text-shadow: rgb(0, 0, 0) 2px 2px; }
.preview-header[data-style="id-card"] { isolation: isolate; flex-direction: row; display: flex; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px, rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; align-items: stretch !important; padding: 0px !important; overflow: hidden !important; }
.preview-header[data-style="social-card"]::before { content: ""; width: 100%; height: var(--social-banner-height,120px); background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: cover; background-position: center var(--social-banner-y,50%); z-index: 0; position: absolute; top: 0px; left: 0px; }
.preview-header[data-style="social-card"][data-banner-shadow="true"]::before { box-shadow: rgba(0, 0, 0, 0.3) 0px -60px 50px -20px inset; }
.preview-header[data-style="social-card"][data-banner-shadow="true"]::after { content: ""; height: var(--social-banner-height,120px); z-index: 0; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 60%, rgba(0, 0, 0, 0.4) 100%); border-radius: 20px 20px 0px 0px; position: absolute; top: 0px; left: 0px; right: 0px; }
.id-card-holo-layer { z-index: 10; pointer-events: none; border-radius: inherit; opacity: 0.6; mix-blend-mode: overlay; filter: contrast(1.2); background: linear-gradient(115deg, rgba(0, 0, 0, 0) 25%, rgba(255, 0, 0, 0.4) 30%, rgba(255, 255, 0, 0.4) 35%, rgba(0, 255, 0, 0.4) 40%, rgba(0, 255, 255, 0.5) 45%, rgba(0, 0, 255, 0.4) 50%, rgba(255, 0, 255, 0.4) 55%, rgba(0, 0, 0, 0) 60%) 0px 0px / 250% 250%; animation: 4s linear 0s infinite normal none running holo-sheen; position: absolute; inset: 0px; overflow: hidden; }
@keyframes holo-sheen { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
.id-card-hole { z-index: 11; background: rgba(0, 0, 0, 0.1); border-radius: 4px; width: 40px; height: 6px; position: absolute; top: 10px; left: 50%; transform: translate(-50%); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset; }
.id-card-left { border-top-left-radius: inherit; border-bottom-left-radius: inherit; background: rgba(0, 0, 0, 0.03); border-right: 1px dashed rgba(0, 0, 0, 0.1); flex-shrink: 0; justify-content: center; align-items: center; width: 35%; padding: 20px; display: flex; }
.id-card-right { text-align: left; flex-direction: column; flex: 1 1 0%; justify-content: center; padding: 20px; display: flex; }
.preview-header[data-style="id-card"] #preview-avatar { border-radius: var(--avatar-radius,8px); aspect-ratio: 3 / 4; object-fit: cover; background-color: var(--bg-image-thumb); background-position: 50% center !important; background-repeat: no-repeat !important; background-size: cover !important; width: 100% !important; height: 100% !important; }
.preview-header[data-style="id-card"] #preview-avatar-wrapper { width: 100%; margin: 0px !important; transform: none !important; }
.preview-header[data-style="id-card-v"] { max-width: 320px; min-height: 380px; margin: 0px auto; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 30px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; text-align: center !important; aspect-ratio: unset !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; height: auto !important; padding: 0px !important; overflow: hidden !important; }
.preview-header[data-style="id-card-v"] .id-card-left { background: linear-gradient(rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.01) 100%); border-bottom: 1px solid rgba(0, 0, 0, 0.06); justify-content: center; align-items: center; display: flex; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; flex: 0 0 auto !important; width: 100% !important; height: auto !important; padding: 35px 20px 25px !important; }
.preview-header[data-style="id-card-v"] .id-card-right { flex-direction: column; flex: 1 1 auto; gap: 4px; display: flex; text-align: center !important; justify-content: flex-start !important; width: 100% !important; padding: 20px 24px 50px !important; }
.preview-header[data-style="id-card-v"] #preview-avatar { box-shadow: 0 4px 12px #0000001f, 0 0 0 4px rgba(var(--g-theme-primary-rgb,0, 122, 255), .1); border: 3px solid rgba(255, 255, 255, 0.9) !important; width: 100px !important; height: 100px !important; }
.preview-header[data-style="id-card-v"] #preview-nickname { letter-spacing: 0.5px; margin: 8px 0px 4px !important; font-size: 1.4rem !important; }
.preview-header[data-style="id-card-v"] #preview-subtitle { text-transform: uppercase; letter-spacing: 2px; opacity: 0.7; font-size: 0.75rem !important; }
.preview-header[data-style="id-card-v"] #preview-bio { -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; display: -webkit-box; overflow: hidden; margin: 10px 0px !important; font-size: 0.85rem !important; }
.preview-header[data-style="id-card-v"] .tags-container { flex-wrap: wrap; margin-top: auto !important; padding-top: 12px !important; }
.preview-header[data-style="id-card-v"] #preview-custom-id { opacity: 0.6; margin-top: 6px !important; font-size: 0.7rem !important; }
.preview-header[data-style="id-card-v"]::after { display: none; }
.preview-header[data-style="social-card"] { text-align: center; isolation: isolate; flex-direction: column; align-items: center; display: flex; position: relative; border-radius: 20px !important; padding: 0px !important; overflow: visible !important; }
.preview-header[data-style="social-card"]::before { content: ""; height: var(--social-banner-height,120px); background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: cover; background-position: center var(--social-banner-y,center); border-top-left-radius: inherit; border-top-right-radius: inherit; z-index: 0; transition: border-radius 0.3s, -webkit-mask 0.3s; position: absolute; top: 0px; left: 0px; right: 0px; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.preview-header[data-style="social-card"] { background-color: var(--card-bg-color,#fff); border-radius: var(--g-comp-border-radius) !important; }
.preview-header[data-style="social-card"][data-bottom-shape="convex"]::before { border-radius: 0px 0px 50% 50% / 0px 0px 80px 80px !important; }
.preview-header[data-style="social-card"][data-bottom-shape="convex"][data-banner-shadow="true"]::after { border-radius: 20px 20px 50% 50% / 20px 20px 80px 80px !important; }
.preview-header[data-style="social-card"][data-bottom-shape="concave"]::before { border-radius: 20px 20px 0px 0px; mask: radial-gradient(120% 100% at 50% 120%, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 50.5%); }
.preview-header[data-style="social-card"][data-bottom-shape="concave"][data-banner-shadow="true"]::after { mask: radial-gradient(120% 100% at 50% 120%, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 50.5%); }
.preview-header[data-style="social-card"] .id-card-left { z-index: 2; flex-direction: column; align-items: center; display: flex; position: relative; width: 100% !important; padding-top: calc(var(--social-banner-height,120px) - 45px) !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; padding-bottom: 15px !important; overflow: visible !important; }
.preview-header[data-style="social-card"][data-bottom-shape="concave"] .id-card-left { padding-top: calc(var(--social-banner-height,120px) - 75px) !important; }
.preview-header[data-style="social-card"][data-bottom-shape="convex"] .id-card-left { padding-top: calc(var(--social-banner-height,120px) - 15px) !important; }
.preview-header[data-style="social-card"] #preview-avatar { background-color: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; border: 4px solid var(--card-bg-final,#fff) !important; }
.preview-header[data-style="social-card"] #preview-avatar-wrapper { z-index: 5; position: relative; }
.preview-header[data-style="social-card"] .id-card-right { flex-direction: column; gap: 6px; display: flex; width: 100% !important; padding: 5px 24px 24px !important; }
.preview-header[data-style="social-card"] #preview-nickname { margin: 0px !important; font-size: 1.35rem !important; font-weight: 700 !important; }
.preview-header[data-style="social-card"] #preview-subtitle { opacity: 0.65; margin: 0px !important; font-size: 0.85rem !important; }
.preview-header[data-style="social-card"] #preview-bio { word-break: break-word; white-space: pre-wrap; max-width: 100%; line-height: 1.55; margin: 8px 0px 12px !important; font-size: 0.9rem !important; }
.preview-header[data-style="social-card"] .tags-container { flex-wrap: wrap; gap: 8px; width: 100%; }
.preview-header[data-style="social-card"] .tag-pill { font-weight: 500; border-radius: 20px !important; padding: 6px 14px !important; font-size: 0.8rem !important; }
.preview-header[data-style="social-card"] .id-card-hole, .preview-header[data-style="social-card"] .id-card-holo-layer, .preview-header[data-style="social-card"] #preview-custom-id { display: none !important; }
.preview-header[data-style="ticket"] { color: rgb(30, 41, 59); background: linear-gradient(135deg, rgb(248, 250, 252) 0%, rgb(226, 232, 240) 100%); flex-direction: row; min-height: 180px; font-family: "Courier New", Consolas, monospace; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; padding: 0px !important; }
.ticket-main { flex-direction: column; flex: 1 1 0%; gap: 12px; padding: 16px 20px; display: flex; position: relative; }
.ticket-main::after { content: ""; background-image: radial-gradient(circle, rgb(226, 232, 240) 5px, rgba(0, 0, 0, 0) 5px); background-position: center top; background-repeat: repeat-y; background-size: 12px 16px; width: 12px; position: absolute; top: 0px; bottom: 0px; right: -6px; }
.ticket-header { border-bottom: 1px solid rgb(226, 232, 240); justify-content: space-between; align-items: center; padding-bottom: 8px; display: flex; }
.ticket-airline { color: rgb(30, 64, 175); letter-spacing: 2px; font-size: 1.1rem; font-weight: 700; }
.ticket-flight-no { color: rgb(100, 116, 139); font-size: 0.9rem; font-weight: 700; }
.ticket-body { flex-direction: column; flex: 1 1 0%; gap: 12px; display: flex; }
.ticket-passenger { align-items: flex-start; gap: 15px; margin-top: 5px; display: flex; }
.ticket-passenger-label { color: rgb(148, 163, 184); letter-spacing: 1px; text-transform: uppercase; text-align: left; margin-bottom: 2px; font-size: 0.65rem; }
.preview-header[data-style="ticket"] #preview-avatar { border: 2px solid rgb(30, 64, 175) !important; border-radius: 6px !important; width: 56px !important; height: 56px !important; margin: 0px !important; }
.ticket-passenger-info { flex-direction: column; flex: 1 1 0%; align-items: flex-start; gap: 2px; display: flex; text-align: left !important; }
.preview-header[data-style="ticket"] #preview-nickname { text-align: left !important; margin: 0px !important; font-size: 1.1rem !important; line-height: 1.2 !important; }
.preview-header[data-style="ticket"] .ticket-subtitle { opacity: 0.7; text-align: left !important; margin: 0px !important; }
.preview-header[data-style="ticket"] #preview-avatar-wrapper { margin: 0px !important; transform: none !important; }
.ticket-passenger-info { flex-direction: column; flex: 1 1 0%; gap: 2px; display: flex; }
.ticket-subtitle { color: rgb(100, 116, 139); font-size: 0.8rem; font-style: italic; }
.ticket-bio { color: rgb(148, 163, 184); margin-top: 2px; font-size: 0.75rem; line-height: 1.3; }
.ticket-label { color: rgb(148, 163, 184); letter-spacing: 1px; text-transform: uppercase; font-size: 0.65rem; }
.ticket-name { color: rgb(15, 23, 42); text-transform: uppercase; letter-spacing: 1px; font-size: 1.1rem; font-weight: 700; }
.ticket-route { align-items: center; gap: 15px; padding: 8px 0px; display: flex; }
.ticket-city { flex-direction: column; gap: 2px; display: flex; }
.ticket-code { color: rgb(30, 64, 175); letter-spacing: 2px; font-size: 1.4rem; font-weight: 700; }
.ticket-arrow { color: rgb(59, 130, 246); font-size: 1.5rem; animation: 2s ease-in-out 0s infinite normal none running ticket-fly; }
@keyframes ticket-fly { 
  0%, 100% { transform: translate(0px); }
  50% { transform: translate(5px); }
}
.ticket-details { gap: 20px; margin-top: 4px; display: flex; }
.ticket-detail-item { flex-direction: column; gap: 2px; display: flex; }
.ticket-tags-container { flex-wrap: wrap; gap: 6px; margin-top: 6px; display: flex; }
.ticket-tags-container .tag-item { color: rgb(30, 64, 175); background: rgba(30, 64, 175, 0.1); border: 1px solid rgba(30, 64, 175, 0.2); border-radius: 4px; padding: 2px 8px; font-size: 0.7rem; }
.ticket-value { color: rgb(51, 65, 85); font-size: 0.95rem; font-weight: 700; }
.ticket-seat { color: rgb(220, 38, 38); font-size: 1.1rem; }
.ticket-stub { background: var(--ticket-stub-bg,linear-gradient(180deg, #1e40af 0%, #1e3a8a 100%)); width: 100px; color: var(--ticket-stub-text,#fff); flex-direction: row; justify-content: center; align-items: center; gap: 10px; padding: 12px 10px; display: flex; position: relative; }
.ticket-stub::before { content: ""; background-image: radial-gradient(circle, rgb(248, 250, 252) 5px, rgba(0, 0, 0, 0) 5px); background-position: center top; background-repeat: repeat-y; background-size: 12px 16px; width: 12px; position: absolute; top: 0px; bottom: 0px; left: -6px; }
.ticket-barcode-wrapper { justify-content: center; align-items: center; width: 50px; height: 100%; min-height: 140px; display: flex; position: relative; overflow: hidden; }
.preview-header[data-style="ticket"] svg.real-barcode { opacity: 0.95; display: block; position: absolute; top: 50%; left: 50%; width: 180px !important; height: 45px !important; transform: translate(-50%, -50%) rotate(90deg) !important; }
.ticket-stub-info { text-align: center; writing-mode: vertical-rl; text-orientation: mixed; letter-spacing: 2px; flex-direction: column; gap: 6px; display: flex; }
.ticket-stub-seat { letter-spacing: 1px; font-size: 1.2rem; font-weight: 700; }
.ticket-stub-flight { opacity: 0.8; letter-spacing: 1px; font-size: 0.7rem; }
.music-card-preview[data-style="lockscreen"] { text-align: center; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; flex-direction: column; justify-content: center; align-items: center; padding: 30px 20px; overflow: hidden; }
.lockscreen-bg { filter: blur(20px) brightness(0.7); z-index: 0; background-position: 50% center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; transform: scale(1.2); }
.music-card-preview[data-style="lockscreen"] > * { z-index: 2; position: relative; }
.music-card-preview[data-style="lockscreen"] .music-cover { border-radius: 12px; align-self: center; width: 140px; height: 140px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.4) 0px 15px 35px; }
.music-card-preview[data-style="lockscreen"] .music-info { width: 100%; padding: 0px; }
.music-card-preview[data-style="lockscreen"] .music-progress-bar { background: rgba(255, 255, 255, 0.3); }
.music-card-preview[data-style="lockscreen"] .music-progress-fill { background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 10px; }
.music-card-preview[data-style="win95"] { color: rgb(0, 0, 0); background: silver; border-width: 2px; border-style: solid; border-image: initial; border-color: rgb(223, 223, 223) rgb(0, 0, 0) rgb(0, 0, 0) rgb(223, 223, 223); border-radius: 0px; flex-direction: column; min-height: 180px; padding: 2px; font-family: "MS Sans Serif", "Microsoft Sans Serif", Tahoma, sans-serif; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px; }
.wmp-title-bar { color: rgb(255, 255, 255); background: linear-gradient(90deg, navy, rgb(16, 132, 208)); justify-content: space-between; align-items: center; margin-bottom: 2px; padding: 3px 6px; font-size: 12px; font-weight: 700; display: flex; }
.wmp-screen { background: rgb(0, 0, 0); border-width: 2px; border-style: solid; border-image: initial; border-color: gray rgb(255, 255, 255) rgb(255, 255, 255) gray; justify-content: center; align-items: center; height: 100px; margin: 5px; display: flex; position: relative; overflow: hidden; }
.wmp-visualizer { opacity: 0.3; pointer-events: none; align-items: flex-end; gap: 2px; height: 100%; display: flex; }
.wmp-bar { background: repeating-linear-gradient(0deg, rgb(0, 255, 0), rgb(0, 255, 0) 2px, rgb(0, 0, 0) 3px); width: 10px; height: 20%; transition: height 0.1s; }
.is-playing .wmp-bar { animation: 0.6s ease 0s infinite alternate none running wmp-eq; }
.is-playing .wmp-bar:nth-child(2) { animation-delay: 0.1s; }
.is-playing .wmp-bar:nth-child(3) { animation-delay: 0.3s; }
.is-playing .wmp-bar:nth-child(4) { animation-delay: 0.2s; }
.is-playing .wmp-bar:nth-child(5) { animation-delay: 0.4s; }
@keyframes wmp-eq { 
  0% { height: 10%; }
  100% { height: 90%; }
}
.wmp-controls { flex-direction: column; gap: 5px; padding: 5px; display: flex; }
.wmp-btn-group { justify-content: center; gap: 2px; display: flex; }
.wmp-btn { cursor: pointer; background: silver; border-width: 1px; border-style: solid; border-image: initial; border-color: rgb(255, 255, 255) rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255); justify-content: center; align-items: center; width: 24px; height: 22px; font-size: 10px; display: flex; }
.wmp-btn:active { border-width: 1px; border-style: solid; border-image: initial; border-color: rgb(0, 0, 0) rgb(255, 255, 255) rgb(255, 255, 255) rgb(0, 0, 0); transform: translate(1px, 1px); }
.wmp-status { color: rgb(0, 255, 0); font-family: monospace; font-size: 10px; position: absolute; bottom: 4px; left: 6px; }
.preview-items-container figure.browser-style { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; flex-direction: column; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px; padding: 0px !important; }
.browser-header { background: rgb(240, 240, 240); border-bottom: 1px solid rgb(221, 221, 221); align-items: center; gap: 10px; padding: 8px 12px; display: flex; }
.browser-dots { gap: 6px; display: flex; }
.browser-dot { border-radius: 50%; width: 10px; height: 10px; }
.browser-dot.red { background: rgb(255, 95, 86); border: 1px solid rgb(224, 68, 62); }
.browser-dot.yellow { background: rgb(255, 189, 46); border: 1px solid rgb(222, 161, 35); }
.browser-dot.green { background: rgb(39, 201, 63); border: 1px solid rgb(26, 171, 41); }
.browser-address { color: rgb(85, 85, 85); white-space: nowrap; text-overflow: ellipsis; text-align: center; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; flex: 1 1 0%; padding: 2px 8px; font-size: 0.75rem; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px inset; }
.preview-items-container figure.browser-style .img-wrapper { border-radius: 0px; }
.preview-items-container figure.browser-style figcaption { text-align: var(--g-comp-text-align,center); border-top: 1px solid rgb(238, 238, 238); padding: 10px 15px; background: rgb(249, 249, 249) !important; }
@keyframes toast-in-left { 
  0% { opacity: 0; transform: translate(-100%); }
  100% { opacity: 1; transform: translate(0px); }
}
@keyframes toast-out-left { 
  0% { opacity: 1; transform: translate(0px); }
  100% { opacity: 0; transform: translate(-100%); }
}
.letter-preview[data-style="top_secret"] { border: 1px solid rgb(220, 208, 184); font-family: "Courier New", Courier, monospace; position: relative; overflow: hidden; color: rgb(44, 30, 26) !important; background-color: rgb(244, 236, 216) !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E") !important; padding: 50px 40px !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 60px inset, rgba(0, 0, 0, 0.1) 1px 1px, rgba(0, 0, 0, 0.15) 0px 10px 20px !important; }
.letter-preview[data-style="top_secret"]::before { content: "CONFIDENTIAL"; text-align: center; color: rgb(255, 255, 255); letter-spacing: 1px; z-index: 10; pointer-events: none; background: rgb(183, 28, 28); width: 150px; padding: 4px 0px; font-size: 0.75rem; font-weight: 900; position: absolute; top: 25px; left: -32px; transform: rotate(-45deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; display: none !important; }
.letter-preview[data-style="top_secret"] .letter-stamp-secret { color: rgba(183, 28, 28, 0.7); pointer-events: none; text-transform: uppercase; mix-blend-mode: multiply; border: 4px double rgba(183, 28, 28, 0.6); border-radius: 4px; padding: 8px 15px; font-size: 2.2rem; font-weight: 900; position: absolute; bottom: 30px; right: 30px; transform: rotate(-12deg); mask-image: url("data:image/svg+xml,%3Csvg width='200' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.7'/%3E%3C/svg%3E"); }
.letter-preview[data-style="top_secret"] .letter-body { border-top: 2px solid rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 15px 0px; padding: 25px 0px; font-weight: 600; line-height: 1.6; }
.marquee-container { width: 100%; display: flex; overflow: hidden; transform: translateZ(0px); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0)); }
.marquee-content { white-space: nowrap; text-transform: uppercase; will-change: transform; -webkit-font-smoothing: antialiased; backface-visibility: hidden; width: max-content; font-weight: 700; animation: auto linear 0s infinite normal none running marquee-scroll; display: flex; transform: translate(0px, 0px); }
.marquee-text-block { flex-shrink: 0; padding-right: 50px; display: inline-block; }
.marquee-container[data-style="led"] { border: 4px solid rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 10px inset; background-color: rgb(0, 0, 0) !important; }
.marquee-container[data-style="led"] .marquee-content { text-shadow: 0px 0px 4px; letter-spacing: 2px; font-family: "Fusion Pixel 12px Mono latin", monospace; }
.marquee-container[data-style="breaking"] { border-top: 2px solid rgb(255, 51, 51); border-bottom: 2px solid rgb(153, 0, 0); font-style: italic; color: rgb(255, 255, 255) !important; background-color: rgb(204, 0, 0) !important; }
body.export-mode .marquee-content { white-space: normal; overflow-wrap: break-word; justify-content: center; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
@keyframes marquee-scroll { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(-50%); }
}
.music-card-preview[data-style="cd_player"] { color: rgb(51, 51, 51); background: linear-gradient(145deg, rgb(230, 230, 230), rgb(255, 255, 255)); border: 1px solid rgb(204, 204, 204); flex-direction: column; justify-content: flex-start; align-items: center; padding: 25px 20px; position: relative; overflow: hidden; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(0, 0, 0, 0.1) 5px 5px 15px; }
.cd-player-lid { z-index: 2; background: rgba(255, 255, 255, 0.2); border-radius: 50%; justify-content: center; align-items: center; width: 180px; height: 180px; margin-bottom: 20px; display: flex; position: relative; box-shadow: rgba(255, 255, 255, 0.8) 2px 2px 5px inset, rgba(0, 0, 0, 0.1) -2px -2px 5px inset, rgba(0, 0, 0, 0.03) 0px 0px 0px 8px; }
.cd-disc { background: conic-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.4) 15%, rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, 0.4) 45%, rgba(0, 0, 0, 0) 60%, rgba(255, 255, 255, 0.4) 75%, rgba(0, 0, 0, 0) 90%); border-radius: 50%; width: 92%; height: 92%; animation: 4s linear 0s infinite normal none running spin; position: relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; }
.cd-disc img { object-fit: cover; mix-blend-mode: multiply; border-radius: 50%; width: 100%; height: 100%; }
.cd-disc::after { content: ""; z-index: 5; background: rgb(230, 230, 230); border: 2px solid rgb(204, 204, 204); border-radius: 50%; width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px inset; }
.cd-controls-area { background: rgb(212, 212, 212); border: 1px solid rgb(187, 187, 187); border-radius: 8px; align-items: center; gap: 10px; width: 100%; padding: 10px; display: flex; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px inset; }
.cd-lcd { color: rgb(26, 46, 18); background: rgb(143, 163, 130); border-radius: 4px; flex: 1 1 0%; justify-content: space-between; padding: 4px 8px; font-family: "Fusion Pixel 12px Mono latin", monospace; font-size: 0.75rem; display: flex; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px inset; }
.apply-global-border:not([data-border-style="pixel"]):not([data-border-style="neo-brutalism"]):not([data-border-style="double-offset"]) > .marquee-container { border-radius: inherit; width: 100%; border: var(--g-border-width) var(--g-border-style,solid) var(--g-border-color) !important; background-clip: border-box !important; }
.chart-preview-container { box-sizing: border-box; flex-direction: column; gap: 15px; width: 100%; display: flex; }
.chart-main-area { justify-content: center; align-items: center; display: flex; position: relative; }
.chart-circle { aspect-ratio: 1 / 1; background-image: var(--chart-gradient); border-radius: 50%; flex-shrink: 0; width: 100%; max-width: 180px; transition: 0.3s; position: relative; }
.chart-preview-container[data-style="ring"] .chart-circle { mask-image: radial-gradient(rgba(0, 0, 0, 0) 58%, rgb(0, 0, 0) 60%); }
.chart-legend { flex-wrap: wrap; justify-content: center; gap: 8px 15px; display: flex; }
.chart-legend-item { opacity: 0.9; align-items: center; gap: 6px; font-size: 0.85em; display: flex; }
.chart-legend-dot { border-radius: 50%; flex-shrink: 0; width: 10px; height: 10px; }
.chart-bar-container { flex-direction: column; gap: 10px; width: 100%; display: flex; }
.chart-bar-item { flex-direction: column; gap: 4px; display: flex; }
.chart-bar-header { justify-content: space-between; font-size: 0.85em; font-weight: 600; display: flex; }
.chart-bar-track { background: rgba(128, 128, 128, 0.1); border-radius: 4px; width: 100%; height: 8px; overflow: hidden; }
.chart-bar-fill { border-radius: 4px; height: 100%; }
.ranking-preview { flex-direction: column; gap: 10px; width: 100%; transition: 0.3s; display: flex; }
.rank-item { background: rgba(0, 0, 0, 0.03); border-radius: 8px; align-items: center; gap: 12px; padding: 10px; transition: 0.2s; display: flex; position: relative; overflow: hidden; }
.rank-badge { color: rgb(85, 85, 85); z-index: 2; background: rgb(238, 238, 238); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 28px; height: 28px; font-size: 0.9em; font-weight: 900; display: flex; }
.rank-img-wrapper { background: rgba(0, 0, 0, 0.05); border-radius: 6px; flex-shrink: 0; width: 44px; height: 44px; display: none; overflow: hidden; }
.rank-img-wrapper img { object-fit: cover; width: 100%; height: 100%; }
.rank-item.has-image .rank-img-wrapper { display: block; }
.rank-content { z-index: 2; flex-direction: column; flex: 1 1 0%; justify-content: center; min-width: 0px; display: flex; }
.rank-name { margin-bottom: 2px; font-size: 1.05em; font-weight: 700; line-height: 1.2; }
.rank-desc { opacity: 0.7; white-space: nowrap; text-overflow: ellipsis; font-size: 0.85em; overflow: hidden; }
.rank-score { opacity: 0.9; z-index: 2; font-size: 1.1em; font-weight: 700; }
.ranking-preview[data-style="card"] .rank-item { background: var(--card-bg-color,#fff); border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px; }
.ranking-preview[data-style="simple"] .rank-item { background: 0px 0px; border-bottom: 1px dashed rgba(128, 128, 128, 0.2); border-radius: 0px; padding: 8px 0px; }
.ranking-preview[data-style="simple"] .rank-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.ranking-preview[data-style="poster"] { gap: 15px; }
.ranking-preview[data-style="poster"] .rank-item { background: linear-gradient(90deg, rgba(128, 128, 128, 0.05) 0%, rgba(0, 0, 0, 0) 100%); border-radius: 8px; height: 60px; padding: 0px; overflow: hidden; }
.ranking-preview[data-style="poster"] .rank-img-wrapper { border-radius: 0px; width: 80px; height: 100%; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); }
.ranking-preview[data-style="poster"] .rank-content { padding-left: 10px; }
.ranking-preview[data-style="poster"] .rank-badge { width: 20px; height: 20px; font-size: 0.7em; position: absolute; top: 5px; left: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }
.ranking-preview[data-style="poster"] .rank-score { padding-right: 15px; }
.preview-item-wrapper.multi-selected { outline-offset: 2px; z-index: 100; }
#drag-selection-box { pointer-events: none; z-index: 9999; background: rgba(0, 122, 255, 0.1); border: 1px solid rgba(0, 122, 255, 0.5); display: none; position: absolute; }
html.native-screenshot-mode { width: auto !important; height: auto !important; position: static !important; overflow: visible !important; }
body.native-screenshot-mode { background-color: var(--bg-preview-pane) !important; touch-action: auto !important; pointer-events: auto !important; width: 100% !important; height: auto !important; min-height: 100% !important; position: static !important; overflow: visible !important; }
body.native-screenshot-mode .app-header, body.native-screenshot-mode .layer-panel, body.native-screenshot-mode .inspector-panel, body.native-screenshot-mode .resizer, body.native-screenshot-mode .resizer-left, body.native-screenshot-mode .mobile-edit-pencil, body.native-screenshot-mode .preview-overlay, body.native-screenshot-mode #mobile-theme-fab, body.native-screenshot-mode .save-status-badge, body.native-screenshot-mode #storage-warning-banner, body.native-screenshot-mode #page-limit-warning-banner, body.native-screenshot-mode #system-broadcast-container { display: none !important; }
body.native-screenshot-mode .preview-item-wrapper, body.native-screenshot-mode .preview-header, body.native-screenshot-mode .sticker-item { pointer-events: none !important; user-select: none !important; outline: none !important; }
body.native-screenshot-mode .preview-card-inner, body.native-screenshot-mode .preview-card-content, body.native-screenshot-mode #preview-nickname, body.native-screenshot-mode #preview-subtitle, body.native-screenshot-mode #preview-bio { -webkit-text-stroke: 0px transparent !important; -webkit-font-smoothing: antialiased !important; text-rendering: optimizelegibility !important; }
body.native-screenshot-mode .music-lyrics-container { filter: none !important; height: auto !important; mask-image: none !important; }
body.native-screenshot-mode .lyrics-line { color: var(--music-text-color) !important; opacity: 0.6 !important; }
body.native-screenshot-mode .lyrics-line.active { opacity: 1 !important; font-weight: 700 !important; }
body.native-screenshot-mode strong, body.native-screenshot-mode b { font-weight: 600 !important; }
.export-hero-card { background: linear-gradient(135deg, var(--bg-input) 0%, var(--bg-section) 100%); border: 2px solid var(--color-primary); cursor: pointer; border-radius: 12px; align-items: center; gap: 15px; margin-bottom: 20px; padding: 15px; transition: 0.2s; display: flex; position: relative; overflow: hidden; }
.export-hero-card:hover { background: var(--bg-image-upload-hover); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.export-hero-card .hero-icon { color: var(--color-primary); font-size: 2.2rem; }
.export-hero-card h4 { color: var(--color-primary); margin: 0px 0px 4px; font-size: 1.05rem; }
.export-hero-card p { color: var(--text-secondary); opacity: 0.9; margin: 0px; font-size: 0.8rem; }
.export-hero-card .badge { background: var(--color-primary); color: rgb(255, 255, 255); border-radius: 0px 0px 0px 8px; padding: 2px 8px; font-size: 0.65rem; font-weight: 700; position: absolute; top: 0px; right: 0px; }
.theme-preset-grid { border-bottom: 1px dashed var(--border-color); grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; display: grid; }
.theme-swatch { cursor: pointer; border: 2px solid var(--border-color); border-radius: 50%; width: 40px; height: 40px; margin: 0px auto; transition: transform 0.2s, box-shadow 0.2s; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px; }
.theme-swatch:hover { transform: scale(1.1); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 10px; }
.theme-swatch::before { content: ""; background: var(--swatch-bg); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.theme-swatch::after { content: ""; background: var(--swatch-accent); width: 50%; height: 100%; position: absolute; bottom: 0px; right: 0px; transform: skew(-15deg) translate(10px); }
.theme-swatch.active { border-color: var(--color-primary); box-shadow: 0 0 0 2px var(--bg-editor), 0 0 0 4px var(--color-primary); }
.theme-label { color: var(--text-secondary); grid-column: 1 / -1; align-items: center; gap: 5px; margin-bottom: 5px; font-size: 0.85rem; font-weight: 700; display: flex; }
.export-menu-list { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; }
.export-menu-item { cursor: pointer; border-bottom: 1px solid var(--border-color); color: var(--text-primary); align-items: center; gap: 12px; padding: 12px 16px; text-decoration: none; transition: background 0.2s; display: flex; }
.export-menu-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.export-menu-item:hover { background: var(--bg-editor); }
.export-menu-item .menu-icon { color: var(--text-secondary); flex-shrink: 0; align-items: center; font-size: 1.4rem; display: flex; }
.export-menu-item .text-col { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }
.export-menu-item h5 { color: var(--text-primary); margin: 0px; font-size: 0.95rem; font-weight: 600; }
.export-menu-item p { color: var(--text-secondary); opacity: 0.8; margin: 0px; font-size: 0.75rem; line-height: 1.3; }
.export-menu-item .arrow { color: var(--text-placeholder); flex-shrink: 0; font-size: 1.2rem; }
.export-menu-item .iconify { color: var(--text-secondary); font-size: 1.2rem; }
.export-menu-item .arrow { color: var(--text-placeholder); font-size: 1.2rem; }
.file-icon-placeholder { background: var(--bg-input); border: 1px solid var(--border-color); width: 80px; height: 80px; color: var(--text-secondary); border-radius: 12px; justify-content: center; align-items: center; margin: 0px auto 15px; font-size: 3rem; display: flex; }
.checklist-preview { flex-direction: column; gap: 10px; width: 100%; display: flex; }
.checklist-grid { gap: 8px; width: 100%; display: grid; }
.checklist-item { cursor: pointer; border-radius: var(--chk-item-radius,6px); user-select: none; box-sizing: border-box; justify-content: center; align-items: center; min-height: 40px; padding: 8px 12px; transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); display: flex; position: relative; }
.checklist-item:active { transform: scale(0.96); }
.checklist-icon { flex-shrink: 0; margin-right: 6px; font-size: 1.2em; line-height: 1; }
.checklist-text { word-break: break-word; line-height: 1.3; }
.checklist-preview[data-style="default"] .checklist-item { background-color: var(--chk-item-bg,#00000008); border: 1px solid rgba(0, 0, 0, 0); justify-content: flex-start; }
.checklist-preview[data-style="default"] .checklist-item:hover { background-color: rgba(0, 0, 0, 0.05); }
.checklist-preview[data-style="tag"] .checklist-item { background-color: var(--chk-item-bg,var(--bg-input)); border: 1px solid var(--border-color); color: var(--text-secondary); }
.checklist-preview[data-style="tag"] .checklist-item:not([data-state="none"]) { color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); font-weight: 700; }
.checklist-preview[data-style="tag"] .checklist-item[data-state="checked"] { background-color: var(--accent-color); }
.checklist-preview[data-style="tag"] .checklist-item[data-state="crossed"] { background-color: var(--crossed-color); }
.checklist-preview[data-style="tag"] .checklist-item[data-state="heart"] { background-color: var(--heart-color); }
.checklist-preview[data-style="tag"] .checklist-icon { display: none; }
.checklist-preview[data-style="bingo"] .checklist-grid { gap: 4px; }
.checklist-preview[data-style="bingo"] .checklist-item { aspect-ratio: 1 / 1; text-align: center; background-color: var(--chk-item-bg,var(--bg-card)); border: 2px solid var(--border-color); flex-direction: column; justify-content: center; padding: 4px; }
.checklist-preview[data-style="bingo"] .checklist-icon { margin-bottom: 4px; margin-right: 0px; font-size: 1.5em; }
.checklist-preview[data-style="bingo"] .checklist-item:not([data-state="none"]) { background-color: var(--chk-item-bg,var(--bg-input)); font-weight: 700; }
.checklist-preview[data-style="bingo"] .checklist-item[data-state="checked"] { border-color: var(--accent-color); color: var(--accent-color); }
.checklist-preview[data-style="bingo"] .checklist-item[data-state="crossed"] { border-color: var(--color-danger); color: var(--color-danger); }
.checklist-preview[data-style="bingo"] .checklist-item[data-state="heart"] { color: rgb(233, 30, 99); border-color: rgb(233, 30, 99); }
.container-shape-win95 { background-color: silver; position: relative; border: 2px solid rgb(223, 223, 223) !important; border-radius: 0px !important; padding-top: 38px !important; box-shadow: rgb(255, 255, 255) 2px 2px inset, gray -2px -2px inset, rgba(0, 0, 0, 0.3) 2px 2px 5px !important; }
.container-shape-win95::before { content: attr(data-win-title); color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 1px 1px; z-index: 100; pointer-events: none; background: linear-gradient(90deg, navy, rgb(16, 132, 208)); align-items: center; height: 26px; padding-left: 8px; font-family: "Fusion Pixel 12px Mono latin", Consolas, sans-serif; font-size: 14px; font-weight: 700; display: flex; position: absolute; top: 4px; left: 4px; right: 4px; }
.container-shape-win95::after { content: "×"; color: rgb(0, 0, 0); z-index: 101; pointer-events: none; background: silver; border: 1px outset rgb(255, 255, 255); justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 16px; font-weight: 700; line-height: 16px; display: flex; position: absolute; top: 7px; right: 7px; box-shadow: rgb(0, 0, 0) 1px 1px; }
.container-shape-torn { --mask-torn: radial-gradient(circle at 10px 0, transparent 8px, black 9px) 0 0 / 20px 20px repeat-x, linear-gradient(black 0 0) 0 10px / 100% 100% no-repeat; mask: var(--mask-torn); filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 8px); border-radius: 0px 0px 2px 2px !important; padding-top: 20px !important; }
.container-shape-macos { background-clip: padding-box; position: relative; overflow: hidden; border-radius: 12px !important; padding-top: 50px !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px !important; }
.container-shape-macos::before { content: attr(data-win-title); color: rgb(102, 102, 102); z-index: 10; background: rgb(238, 241, 245); border-bottom: 1px solid rgba(0, 0, 0, 0.05); justify-content: center; align-items: center; height: 36px; font-size: 12px; font-weight: 600; display: flex; position: absolute; top: 0px; left: 0px; right: 0px; }
html.dark-mode .container-shape-macos::before { color: rgb(153, 153, 153); background: rgb(45, 48, 54); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.container-shape-macos::after { content: ""; z-index: 11; background: rgb(255, 95, 86); border-radius: 50%; width: 12px; height: 12px; position: absolute; top: 12px; left: 15px; box-shadow: rgb(255, 189, 46) 20px 0px, rgb(39, 201, 63) 40px 0px; }
.container-shape-loose-leaf-left { --hole-color: black; --mask-holes: radial-gradient(circle at 8px center, transparent 6px, var(--hole-color) 6.5px) 0 0 / 100% 30px repeat-y; mask: var(--mask-holes); filter: drop-shadow(rgba(0, 0, 0, 0.1) 2px 2px 5px); border-left: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none !important; padding-left: 25px !important; }
.container-shape-loose-leaf-top { --hole-color: black; --mask-holes-top: radial-gradient(circle at center 8px, transparent 6px, var(--hole-color) 6.5px) 0 0 / 30px 100% repeat-x; mask: var(--mask-holes-top); filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 5px); border-top: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none !important; padding-top: 25px !important; }
.container-shape-loose-leaf-middle { --hole-color: black; --gap-half: 13px; --hole-offset: 25px; --mask-left-image: radial-gradient(circle at calc(100% - (var(--hole-offset) - var(--gap-half))) center, transparent 6px, black 6.5px); --mask-right-image: radial-gradient(circle at calc(var(--hole-offset) - var(--gap-half)) center, transparent 6px, black 6.5px); mask-image: var(--mask-left-image), var(--mask-right-image); mask-size: calc(50% - var(--gap-half)) 30px, calc(50% - var(--gap-half)) 30px; position: relative; mask-position: 0px 0px, 100% 0px; mask-repeat: repeat-y, repeat-y; mask-composite: add; box-shadow: none !important; }
.container-shape-loose-leaf-middle::after { content: ""; pointer-events: none; z-index: 10; background: rgba(0, 0, 0, 0.03); width: 2px; position: absolute; top: 0px; bottom: 0px; left: 50%; transform: translate(-50%); }
.container-shape-loose-leaf-middle::before { content: ""; top: 0px; bottom: 0px; left: calc(50% - var(--gap-width) / 2 - 10px); right: calc(50% - var(--gap-width) / 2 - 10px); pointer-events: none; z-index: 5; position: absolute; box-shadow: rgba(0, 0, 0, 0.08) -8px 0px 10px -5px inset, rgba(0, 0, 0, 0.08) 8px 0px 10px -5px inset; }
.container-shape-stack { z-index: 1; transition: transform 0.3s; position: relative; transform: rotate(-1deg); border-radius: 4px !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 4px 4px, rgba(255, 255, 255, 0.5) 4px 4px 0px 1px, rgba(0, 0, 0, 0.05) 8px 8px, rgba(255, 255, 255, 0.3) 8px 8px 0px 1px !important; }
.container-shape-stack:hover { transform: rotate(0deg) scale(1.01); }
.badge-beta { color: rgb(0, 0, 0); vertical-align: middle; background-color: rgb(241, 196, 15); border-radius: 4px; margin-left: 5px; padding: 2px 5px; font-size: 0.65rem; font-weight: 900; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px; }
.code-preview-box { color: rgb(122, 162, 247); white-space: pre-wrap; word-break: break-all; background: rgb(26, 27, 38); border: 1px solid rgb(51, 51, 51); border-radius: 8px; max-height: 120px; margin: 10px 0px; padding: 12px; font-family: Consolas, Monaco, monospace; font-size: 0.75rem; overflow-y: auto; }
.steam-list-item { border-bottom: 1px solid var(--border-color); cursor: pointer; align-items: center; padding: 8px; transition: background 0.2s; display: flex; }
.steam-list-item:hover { background: var(--bg-image-upload-hover); }
.steam-list-item img { object-fit: cover; border-radius: 4px; width: 48px; height: 48px; margin-right: 12px; }
.steam-game-info { flex: 1 1 0%; min-width: 0px; }
.steam-game-name { white-space: nowrap; text-overflow: ellipsis; color: var(--text-primary); font-size: 0.95rem; font-weight: 700; overflow: hidden; }
.steam-game-time { color: var(--text-secondary); font-size: 0.8rem; }
.steam-ach-item { border-bottom: 1px solid var(--border-color); cursor: pointer; opacity: 0.6; align-items: center; padding: 8px; display: flex; }
.steam-ach-item.unlocked { opacity: 1; background: rgba(0, 122, 255, 0.05); }
.steam-ach-item:hover { background: var(--bg-image-upload-hover); }
.steam-ach-icon { border-radius: 4px; width: 48px; height: 48px; margin-right: 12px; }
#template-library-modal .modal-container { flex-direction: column; max-width: 900px; height: 80vh; transition: 0.3s; display: flex; }
.preview-header[data-style="steam"] { align-items: flex-start; gap: 20px; min-height: 180px; font-family: "Motiva Sans", Arial, sans-serif; display: flex; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; color: rgb(196, 196, 196) !important; background: radial-gradient(circle at 0px 0px, rgb(42, 71, 94) 0%, rgb(27, 40, 56) 60%) !important; padding: 20px !important; }
.preview-header[data-style="steam"]::before { content: ""; opacity: 0.1; pointer-events: none; background: url("https://community.akamai.steamstatic.com/public/images/profile/2020/bg_dots.png"); width: 200%; height: 200%; animation: 60s linear 0s infinite normal none running moveDots; position: absolute; top: -50%; left: -50%; }
.preview-header[data-style="steam"] .id-card-left { z-index: 2; flex-shrink: 0; position: relative; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; width: 120px !important; padding: 0px !important; }
.preview-header[data-style="steam"] #preview-avatar { background-color: rgb(87, 203, 222); background-clip: content-box; padding: 2px; box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 15px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 4px !important; width: 110px !important; height: 110px !important; }
.preview-header[data-style="steam"] .id-card-right { z-index: 2; text-align: left; flex: 1 1 0%; align-items: flex-start; padding: 10px 0px 0px !important; }
.preview-header[data-style="steam"] #preview-nickname { text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px; line-height: 1.1; color: rgb(255, 255, 255) !important; margin-bottom: 5px !important; font-size: 2.2rem !important; font-weight: 500 !important; }
.preview-header[data-style="steam"] #preview-subtitle { letter-spacing: 0.5px; color: rgb(87, 203, 222) !important; margin-bottom: 15px !important; font-size: 1.1rem !important; font-weight: 400 !important; }
.preview-header[data-style="steam"].in-game #preview-avatar { background-color: rgb(144, 186, 60); }
.preview-header[data-style="steam"].in-game #preview-subtitle { color: rgb(144, 186, 60) !important; }
.preview-header[data-style="steam"] #preview-bio { color: rgb(172, 178, 184) !important; font-size: 0.9rem !important; }
.steam-level-badge { color: rgb(87, 203, 222); vertical-align: text-bottom; border: 2px solid rgb(87, 203, 222); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 32px; min-width: 32px; height: 32px; min-height: 32px; margin-left: 10px; font-size: 16px; font-weight: 700; display: inline-flex; box-shadow: rgba(87, 203, 222, 0.4) 0px 0px 5px; }
.preview-header[data-style="steam"] .tags-container { justify-content: flex-start; gap: 8px; margin-top: 15px !important; }
.preview-header[data-style="steam"] .tag-pill { color: rgb(102, 192, 244) !important; box-shadow: none !important; background: rgb(34, 43, 53) !important; border: 1px solid rgb(60, 65, 70) !important; border-radius: 2px !important; padding: 4px 8px !important; font-size: 0.75rem !important; }
body.is-dragging .sortable-drag { z-index: 10000 !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
.sortable-ghost { opacity: 0.3 !important; transition: none !important; }
.preview-header[data-style="win95"] { display: flex; background-color: silver !important; border-width: 2px !important; border-style: solid !important; border-image: initial !important; border-color: rgb(255, 255, 255) gray gray rgb(255, 255, 255) !important; flex-direction: column !important; align-items: stretch !important; gap: 0px !important; padding: 3px !important; font-family: "Fusion Pixel 12px Mono latin", "Microsoft Sans Serif", Tahoma, sans-serif !important; box-shadow: rgb(0, 0, 0) 1px 1px !important; }
.win95-profile-titlebar { color: rgb(255, 255, 255); letter-spacing: 0.5px; background: linear-gradient(90deg, navy, rgb(16, 132, 208)); justify-content: space-between; align-items: center; margin-bottom: 2px; padding: 3px 4px 3px 6px; font-size: 13px; font-weight: 700; display: flex; }
.win95-profile-controls { gap: 2px; display: flex; }
.win95-profile-content { color: rgb(0, 0, 0); background: rgb(255, 255, 255); flex: 1 1 0%; align-items: flex-start; gap: 20px; padding: 15px; display: flex; border-width: 2px !important; border-style: solid !important; border-image: initial !important; border-color: gray rgb(255, 255, 255) rgb(255, 255, 255) gray !important; }
.win95-profile-statusbar { color: rgb(0, 0, 0); justify-content: space-between; margin-top: 2px; padding: 2px 4px; font-size: 11px; display: flex; border-width: 1px !important; border-style: solid !important; border-image: initial !important; border-color: gray rgb(255, 255, 255) rgb(255, 255, 255) gray !important; }
.preview-header[data-style="win95"] #preview-avatar { border-width: 2px !important; border-style: solid !important; border-image: initial !important; border-color: gray rgb(255, 255, 255) rgb(255, 255, 255) gray !important; border-radius: 0px !important; }
.preview-header[data-style="win95"] .tag-pill { color: rgb(0, 0, 0) !important; box-shadow: none !important; background: silver !important; border-width: 1px !important; border-style: solid !important; border-image: initial !important; border-color: rgb(255, 255, 255) gray gray rgb(255, 255, 255) !important; border-radius: 0px !important; font-size: 11px !important; }
.standard-rules-table { border-collapse: collapse; background: var(--bg-card); width: 100%; color: var(--text-primary); border: 1px solid var(--border-color); margin-top: 10px; font-size: 0.85rem; line-height: 1.4; }
.standard-rules-table th, .standard-rules-table td { border: 1px solid var(--border-color); text-align: left; vertical-align: middle; padding: 10px 8px; }
.standard-rules-table th { background: var(--bg-section); text-align: center; white-space: nowrap; font-weight: 700; }
.standard-rules-table tbody tr:nth-child(2n) { background: rgba(128, 128, 128, 0.03); }
@media (width <= 768px) {
  .standard-rules-table { font-size: 0.75rem; }
  .standard-rules-table th, .standard-rules-table td { padding: 6px 4px; }
}
#system-broadcast-container { z-index: 1000; pointer-events: none; background: var(--bg-editor); flex-direction: column; width: 100%; min-height: 0px; display: flex; position: fixed; top: 0px; left: 0px; }
#system-broadcast-container .system-marquee { pointer-events: auto; }
@media (width <= 1024px) {
  #system-broadcast-container { z-index: 101; top: 0px; }
  body.has-broadcast .app-container { padding-top: calc(var(--system-broadcast-height,0px) + var(--global-banners-height,0px)) !important; }
}
.system-marquee { align-items: center; width: 100%; height: 36px; display: flex; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px; }
.system-marquee-inner { white-space: nowrap; flex: 1 1 0%; align-items: center; height: 100%; padding-right: 40px; display: flex; position: relative; overflow: hidden; }
.system-marquee-scroll-text { white-space: nowrap; padding-left: 15px; font-size: 0.85rem; font-weight: 700; animation-play-state: paused; display: inline-block; transform: translate(0px); }
.system-marquee-scroll-text * { white-space: nowrap !important; margin: 0px !important; padding: 0px !important; list-style: none !important; display: inline !important; }
.system-marquee-scroll-text.is-overflowing { animation: 12s linear 0s infinite alternate none running sys-pingpong; }
.system-marquee:hover .system-marquee-scroll-text.is-overflowing, .carousel-item.is-active .system-marquee-scroll-text.is-overflowing { animation-play-state: running; }
@keyframes sys-pingpong { 
  0%, 15% { transform: translate(0px); }
  85%, 100% { transform: translateX(var(--scroll-dist,-50%)); }
}
#system-broadcast-carousel { z-index: 100; pointer-events: auto; width: 100%; height: 36px; position: relative; overflow: hidden; }
#system-broadcast-carousel .system-marquee-close { cursor: pointer; background: rgba(0, 0, 0, 0.2); border-radius: 50%; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 12px; display: flex; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.carousel-inner { flex-direction: column; transition: transform 0.5s ease-in-out; display: flex; }
.carousel-item { white-space: nowrap; text-overflow: ellipsis; align-items: center; height: 36px; padding: 0px 45px 0px 15px; font-size: 0.85rem; font-weight: 500; display: flex; position: relative; overflow: hidden; }
@media (width <= 1024px) {
  .system-marquee:first-child { padding-top: env(safe-area-inset-top); height: calc(36px + env(safe-area-inset-top)); }
}
.system-marquee-content { white-space: nowrap; animation: 20s linear 0s infinite normal none running sys-marquee; display: flex; position: absolute; }
.system-marquee-text { align-items: center; gap: 8px; padding-right: 50vw; font-size: 0.85rem; font-weight: 500; display: flex; }
.system-marquee-close { z-index: 10; cursor: pointer; color: inherit; background: rgba(0, 0, 0, 0.1); border-radius: 50%; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 14px; display: flex; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
@keyframes sys-marquee { 
  0% { transform: translate(100vw); }
  100% { transform: translate(-100%); }
}
#inspector-tab-content-selected { padding-top: 0px !important; }
.editor-item-header { z-index: 40; background: var(--bg-section); border-bottom: 1px solid var(--border-color); align-items: center; height: 44px; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; position: sticky; top: 0px; padding: 2px 10px !important; }
.selected-sub-tabs { z-index: 30; background: var(--bg-editor); border-bottom: 1px solid var(--border-color); gap: 5px; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; position: sticky; top: 44px; margin-bottom: 0px !important; padding: 4px 10px !important; }
.inspector-scroll-container.is-scrolled .editor-item-header { background: var(--bg-editor); height: 32px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }
.inspector-scroll-container.is-scrolled .editor-item-title-input { font-size: 0.85rem !important; }
.inspector-scroll-container.is-scrolled .item-delete-btn { transform: scale(0.85); padding: 2px 8px !important; }
.inspector-scroll-container.is-scrolled .selected-sub-tabs { background: var(--bg-section); top: 32px; padding: 2px 10px !important; }
.inspector-scroll-container.is-scrolled .selected-sub-tab-btn { padding: 4px 8px !important; font-size: 0.75rem !important; }
.inspector-sub-content { padding: 15px; }
#update-modal-overlay { z-index: 20010; visibility: hidden; opacity: 0; backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity 0.3s; display: none; position: fixed; top: 0px; left: 0px; }
#update-modal-overlay.active { display: flex; }
#update-modal-overlay.visible { opacity: 1; visibility: visible; }
.export-quality-tabs { background: var(--bg-input); border: 1px solid var(--border-input); border-radius: 8px; gap: 4px; margin-bottom: 8px; padding: 4px; display: flex; }
.quality-tab { text-align: center; cursor: pointer; color: var(--text-secondary); border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; flex: 1 1 0%; padding: 8px 4px; font-size: 0.85rem; font-weight: 500; transition: 0.2s; }
.quality-tab:hover { color: var(--text-primary); background: rgba(128, 128, 128, 0.05); }
.quality-tab:has(input:checked) { background: var(--bg-card); color: var(--color-primary-text); border-color: rgba(0, 0, 0, 0.05); font-weight: 700; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; }
.quality-tab input { display: none; }
.quality-hint { color: var(--text-secondary); background: rgba(128, 128, 128, 0.05); border-radius: 6px; margin: 0px 0px 15px; padding: 8px; font-size: 0.75rem; line-height: 1.4; }
.export-toggles-grid { grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 15px; display: grid; }
.toggle-card { border: 1px solid var(--border-input); background: var(--bg-input); cursor: pointer; border-radius: 8px; justify-content: space-between; align-items: center; padding: 10px; font-size: 0.85rem; transition: 0.2s; display: flex; }
.toggle-card:hover { border-color: var(--color-primary); background: var(--bg-card); }
.toggle-card.active { background: var(--bg-image-upload-hover); border-color: var(--color-primary); color: var(--color-primary-text); font-weight: 600; }
.toggle-card input[type="checkbox"] { accent-color: var(--color-primary); transform: scale(1.1); }
.toggle-card .radius-input { border: 1px solid var(--border-input); text-align: center; border-radius: 4px; width: 40px; margin-left: 5px; padding: 2px 4px; font-size: 0.8rem; }
.export-filename-group { background: var(--bg-input); border: 1px solid var(--border-input); border-radius: 8px; align-items: center; margin-bottom: 10px; padding: 0px 10px; display: flex; }
.export-filename-group input { box-shadow: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 10px 5px; }
.update-card { background: var(--bg-card); text-align: center; border: 1px solid var(--border-color); border-radius: 16px; width: 90%; max-width: 360px; padding: 30px 20px; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); transform: scale(0.95); box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 50px; }
#update-modal-overlay.visible .update-card { transform: scale(1); }
.lyrics-line .trans-text { opacity: 0.7; margin-top: 2px; font-size: 0.75em; font-weight: 400; line-height: 1.3; display: block; }
.lyrics-line:not(.active) .trans-text { opacity: 0.5; }
.skeleton { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; border-radius: 8px; animation: 1.5s ease 0s infinite normal none running skeleton-loading; display: block; }
@keyframes skeleton-loading { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
.skeleton-text { width: 100%; height: 16px; margin-bottom: 10px; }
.skeleton-title { width: 60%; height: 24px; margin-bottom: 15px; }
.skeleton-avatar { border-radius: 50%; width: 90px; height: 90px; margin: 0px auto 15px; }
.skeleton-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 20px; padding: 20px; }
.release-notes-content h4, #help-changelog h4 { color: var(--color-primary-text); border-bottom: 1px dashed var(--border-color); margin: 15px 0px 8px; padding-bottom: 4px; font-size: 0.95rem; font-weight: 700; }
.release-notes-content h4:first-child, #help-changelog h4:first-child { margin-top: 0px; }
.release-notes-content ul, #help-changelog ul { margin: 0px; padding-left: 20px; list-style-type: disc; }
.release-notes-content li, #help-changelog li { margin-bottom: 6px; line-height: 1.5; }
.release-notes-content strong, #help-changelog strong { color: var(--text-primary); font-weight: 800; }
.release-notes-content::-webkit-scrollbar { width: 6px; }
.release-notes-content::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 3px; }
@keyframes slideDown { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}
@keyframes bounce { 
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}
.flower-particle { pointer-events: none; z-index: 1000001; user-select: none; will-change: transform, opacity; font-size: 24px; animation: 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal forwards running flower-fly; position: fixed; bottom: -50px; }
.tag-pill, .preview-button, .social-name, .todo-text, .cal-num { align-items: var(--g-font-align,center) !important; display: inline-flex !important; }
.preview-card-title, .music-title, .grid-label, .grid-subtitle, .rank-name, .todo-title, .scale-label, .preview-item-wrapper:not([data-item-type="social"]):not([data-item-type="achievement"]) [data-item-key="title"], .preview-item-wrapper:not([data-item-type="social"]):not([data-item-type="achievement"]) [data-item-key="songTitle"], .preview-item-wrapper:not([data-item-type="social"]):not([data-item-type="achievement"]) [data-item-key="label"], .preview-item-wrapper:not([data-item-type="social"]):not([data-item-type="achievement"]) [data-item-key="leftLabel"], .preview-item-wrapper:not([data-item-type="social"]):not([data-item-type="achievement"]) [data-item-key="rightLabel"] { box-sizing: border-box; align-items: var(--g-font-align,center) !important; justify-content: var(--local-justify,var(--g-comp-justify,center)) !important; width: 100% !important; min-width: 100% !important; font-family: var(--g-comp-title-font-family,var(--g-comp-font-family)) !important; font-weight: var(--g-comp-title-font-weight,700) !important; font-style: var(--g-comp-title-font-style,normal) !important; flex-shrink: 0 !important; display: flex !important; }
.music-card-preview:not([data-style]):not(.music-card-vinyl), .music-card-cassette, .showcase-card[data-style="magazine"], .showcase-card.ticket-style, .showcase-card[data-style="book"] { --local-justify: flex-start !important; }
.grid-label, .grid-subtitle { justify-content: center !important; }
.preview-card-title .title-text-content, .grid-label, .grid-subtitle, .music-title, .preview-button span, .social-name span { top: var(--g-font-offset-y,0px); position: relative; white-space: pre-wrap !important; word-break: break-word !important; }
.tag-pill > span:not(.icon-view-wrapper) { top: var(--g-font-offset-y,0px); position: relative; white-space: nowrap !important; word-break: keep-all !important; text-overflow: ellipsis !important; overflow: hidden !important; }
.preview-card-title .iconify, .preview-card-title .custom-svg-icon { flex-shrink: 0 !important; }
@keyframes flower-fly { 
  0% { opacity: 1; transform: translateY(0px) rotate(0deg) scale(0.5); }
  50% { opacity: 1; }
  100% { transform: translateY(-85vh) translateX(var(--drift)) rotate(var(--rotation)) scale(1.2); opacity: 0; }
}
.dialogue-entry { align-items: flex-start; gap: 12px; display: flex; width: fit-content !important; max-width: 85% !important; }
.dialogue-left { align-self: flex-start; }
.dialogue-right { flex-direction: row-reverse; align-self: flex-end; }
.dialogue-avatar { background-position: 50% center; background-size: cover; border-radius: 50%; flex-shrink: 0; width: 40px; height: 40px; margin-top: 0px; }
.dialogue-avatar.initial-avatar { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; justify-content: center; align-items: center; font-size: 1.2rem; font-weight: 700; display: flex; }
.dialogue-content-wrapper { flex-direction: column; display: flex; width: fit-content !important; max-width: 100% !important; }
.dialogue-left .dialogue-content-wrapper { align-items: flex-start; }
.dialogue-right .dialogue-content-wrapper { align-items: flex-end; }
.dialogue-speaker { margin-bottom: 4px; padding: 0px 8px; font-size: 0.8em; font-weight: 600; }
.dialogue-bubble { background-color: var(--bubble-bg-color); border-radius: 18px; padding: 10px 15px; position: relative; width: fit-content !important; max-width: 100% !important; }
.dialogue-left .dialogue-bubble { border-top-left-radius: 4px; }
.dialogue-right .dialogue-bubble { border-top-right-radius: 4px; }
.dialogue-bubble::before { content: ""; border: 8px solid rgba(0, 0, 0, 0); width: 0px; height: 0px; position: absolute; bottom: 8px; }
.dialogue-left .dialogue-bubble::before { border-right-color: var(--bubble-bg-color); top: 50%; left: -10px; transform: translateY(-50%); }
.dialogue-right .dialogue-bubble::before { border-left-color: var(--bubble-bg-color); top: 50%; right: -10px; transform: translateY(-50%); }
.dialogue-entry.dialogue-center { justify-content: center; width: 100%; max-width: 100%; margin: 10px 0px; }
.dialogue-entry.dialogue-center .dialogue-content-wrapper { width: 100%; align-items: center !important; }
.dialogue-entry.dialogue-center .dialogue-bubble { padding: 4px 12px; color: rgb(255, 255, 255) !important; box-shadow: none !important; background: rgba(0, 0, 0, 0.15) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 4px !important; font-size: 0.75rem !important; }
.dialogue-entry.dialogue-center .dialogue-bubble::before, .dialogue-entry.dialogue-center .dialogue-avatar, .dialogue-entry.dialogue-center .dialogue-header { display: none !important; }
.dialogue-bubble.is-image { overflow: hidden; box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; padding: 0px !important; }
.dialogue-bubble.is-image::before { display: none !important; }
.dialogue-image { cursor: pointer; border-radius: 8px; max-width: 100%; max-height: 300px; display: block; }
.dialogue-preview-container[data-style="discord"] .dialogue-entry { align-items: flex-start; gap: 16px; max-width: 100%; padding: 2px 0px; flex-direction: row !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-entry:hover { background-color: rgba(0, 0, 0, 0.04); }
.dialogue-preview-container[data-style="discord"] .dialogue-avatar { cursor: pointer; width: 40px; height: 40px; margin-top: 2px; border-radius: 50% !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-content-wrapper { flex: 0 1 auto; align-items: flex-start !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-header { align-items: baseline; gap: 8px; margin-bottom: 2px; display: flex; }
.dialogue-preview-container[data-style="discord"] .dialogue-speaker { margin: 0px; padding: 0px; font-size: 1rem; font-weight: 500; color: rgb(242, 243, 245) !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-timestamp { color: rgb(148, 155, 164); font-size: 0.75rem; font-weight: 400; }
.dialogue-preview-container[data-style="discord"] .dialogue-bubble { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; padding: 0px; color: rgb(219, 222, 225) !important; background: 0px 0px !important; }
.dialogue-preview-container[data-style="discord"] .dialogue-bubble::before { display: none; }
.dialogue-avatar-thumb-wrapper { background-color: var(--bg-image-thumb); cursor: pointer; border: 2px dashed var(--border-input); border-radius: 50%; justify-content: center; align-items: center; width: 48px; height: 48px; display: flex; overflow: hidden; }
.dialogue-avatar-thumb-wrapper:hover { border-color: var(--color-primary); }
.dialogue-entry-editor { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 8px; align-items: flex-start; gap: 8px; margin-bottom: 10px; padding: 10px; display: flex; position: relative; }
.dialogue-entry-editor .card-drag-handle { cursor: grab; color: var(--text-placeholder); padding: 8px 4px; font-size: 1.5rem; }
.dialogue-entry-editor .card-delete-btn { flex-shrink: 0; width: 32px; height: 32px; padding: 0px; }
.save-status-badge { color: var(--text-secondary); opacity: 0; pointer-events: none; background: var(--bg-input); border: 1px solid var(--border-color); z-index: 2000; white-space: nowrap; border-radius: 12px; align-items: center; gap: 5px; padding: 4px 10px; font-size: 0.75rem; font-weight: 600; transition: opacity 0.3s; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media (width <= 1024px) {
  .save-status-badge { background: var(--bg-card); border-color: var(--color-primary); color: var(--color-primary); left: 15px; top: max(15px, env(safe-area-inset-top) + 10px); z-index: 500; position: fixed; transform: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
}
.unified-editor-item { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 8px; align-items: stretch; margin-bottom: 8px; transition: 0.2s; display: flex; overflow: hidden; }
.unified-editor-item:hover, .unified-editor-item:focus-within { border-color: var(--border-input); background: var(--bg-editor); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; }
.unified-drag-handle { border-right: 1px solid var(--border-color); cursor: grab; width: 32px; color: var(--text-placeholder); background: rgba(0, 0, 0, 0.02); flex-shrink: 0; justify-content: center; align-items: center; font-size: 1.2rem; transition: 0.2s; display: flex; }
.unified-editor-item:hover .unified-drag-handle { color: var(--text-secondary); background: rgba(0, 0, 0, 0.05); }
.unified-drag-handle:active { cursor: grabbing; }
.unified-content { flex-grow: 1; align-items: center; gap: 10px; min-width: 0px; padding: 10px; display: flex; }
.unified-content.column { flex-direction: column; align-items: stretch; gap: 8px; }
.unified-delete-btn { width: 36px; color: var(--text-placeholder); cursor: pointer; background: 0px 0px; border-width: medium medium medium 1px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; flex-shrink: 0; justify-content: center; align-items: center; font-size: 1.1rem; transition: 0.2s; display: flex; }
.unified-editor-item:hover .unified-delete-btn { color: var(--text-secondary); border-left-color: var(--border-color); }
.unified-delete-btn:hover { background-color: rgba(255, 59, 48, 0.1); color: var(--color-danger) !important; }
.marquee-selection-box { border: 2px dashed var(--g-theme-accent,#007aff); pointer-events: none; z-index: 1500; background: rgba(0, 122, 255, 0.05); border-radius: 4px; position: absolute; }
.mobile-pencils-layer { pointer-events: none; z-index: 1000; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.mobile-pencil-wrapper.reactive { overflow: visible; box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 0px !important; }
.mobile-pencil-wrapper.reactive .pencil-icon { background: var(--color-primary,#007aff); color: rgb(255, 255, 255); cursor: pointer; pointer-events: auto; border: 1.5px solid rgb(255, 255, 255); border-radius: 50%; justify-content: center; align-items: center; width: 22px; height: 22px; display: flex; position: absolute; top: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px; }
span.iconify:not(svg):empty { background-color: var(--text-placeholder,#ccc); opacity: 0.25; vertical-align: middle; width: 1em; height: 1em; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2m-1 11h2v2h-2m0-8h2v6h-2'/%3E%3C/svg%3E") 50% center / contain no-repeat; display: inline-flex !important; }
.tiptap img, .ql-editor img { vertical-align: middle; border-radius: 8px; max-width: 100%; height: auto; margin: 5px 4px; display: inline-block; }
[style*="writing-mode: vertical-rl"] .tiptap img, [style*="writing-mode: vertical-rl"] .ql-editor img { width: auto; max-height: 100%; margin: 0px 10px; display: inline-block; }
html.native-screenshot-mode, body.native-screenshot-mode { background-color: var(--bg-preview-pane) !important; height: auto !important; min-height: 100dvh !important; position: static !important; overflow: auto !important; }
.preview-canvas-area { display: block; position: relative; overflow-x: hidden; }
.preview-canvas-area.has-padding { padding-bottom: 280px; }
html body.native-screenshot-mode.native-screenshot-mode .app-header, html body.native-screenshot-mode.native-screenshot-mode .layer-panel, html body.native-screenshot-mode.native-screenshot-mode .inspector-panel, html body.native-screenshot-mode.native-screenshot-mode .resizer, html body.native-screenshot-mode.native-screenshot-mode .resizer-left, html body.native-screenshot-mode.native-screenshot-mode .workspace-tabs-container, html body.native-screenshot-mode.native-screenshot-mode .mobile-edit-pencil, html body.native-screenshot-mode.native-screenshot-mode .save-status-badge, html body.native-screenshot-mode.native-screenshot-mode #storage-warning-banner, html body.native-screenshot-mode.native-screenshot-mode #page-limit-warning-banner, html body.native-screenshot-mode.native-screenshot-mode #system-broadcast-container, html body.native-screenshot-mode.native-screenshot-mode .global-banners-stack { display: none !important; }
html body.native-screenshot-mode.native-screenshot-mode .app-container, html body.native-screenshot-mode.native-screenshot-mode .preview-panel, html body.native-screenshot-mode.native-screenshot-mode .preview-canvas-area { width: 100% !important; height: auto !important; min-height: 100dvh !important; margin: 0px !important; padding: 0px !important; display: block !important; position: static !important; overflow: visible !important; }
html body.native-screenshot-mode.native-screenshot-mode .preview-wrapper { background-clip: padding-box; width: var(--preview-canvas-width,auto) !important; max-width: 100% !important; box-shadow: none !important; min-height: auto !important; margin: 0px auto !important; top: auto !important; left: auto !important; transform: none !important; }
html body.native-screenshot-mode.native-screenshot-mode .preview-overlay, html body.native-screenshot-mode.native-screenshot-mode .preview-texture-layer, html body.native-screenshot-mode.native-screenshot-mode .preview-glass-layer { height: 100% !important; min-height: 100dvh !important; }
html body.native-screenshot-mode.native-screenshot-mode::after { content: none !important; display: none !important; }
html.is-mobile .app-header { width: 100% !important; height: calc(55px + env(safe-area-inset-bottom)) !important; padding-top: 0px !important; padding-right: 15px !important; padding-left: 15px !important; padding-bottom: env(safe-area-inset-bottom) !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; border-top: 1px solid var(--border-color) !important; z-index: 300 !important; display: flex !important; position: fixed !important; top: auto !important; bottom: 0px !important; left: 0px !important; }
html.is-mobile .app-header-title { display: none !important; }
html.is-mobile #mobile-layer-toggle, html.is-mobile #mobile-inspector-toggle { display: flex !important; }
html.is-mobile .app-container { padding-top: calc(var(--system-broadcast-height,0px) + var(--global-banners-height,0px)) !important; padding-bottom: calc(55px + env(safe-area-inset-bottom)) !important; }
html.is-mobile .layer-panel { top: calc(var(--system-broadcast-height,0px) + var(--global-banners-height,0px)) !important; bottom: calc(55px + env(safe-area-inset-bottom)) !important; z-index: 2000 !important; background-color: var(--bg-editor) !important; width: 85% !important; height: auto !important; position: fixed !important; left: 0px !important; transform: translate(-100%) !important; }
html.is-mobile .layer-panel.is-open { transform: translate(0px) !important; }
html.is-mobile .inspector-panel { top: auto !important; bottom: calc(55px + env(safe-area-inset-bottom)) !important; width: 100% !important; max-width: 100% !important; height: var(--mobile-inspector-height,50vh) !important; z-index: 2001 !important; border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-top: 1px solid var(--border-color) !important; background-color: var(--bg-editor) !important; border-radius: 20px 20px 0px 0px !important; position: fixed !important; left: 0px !important; right: 0px !important; transform: translateY(110%) !important; }
html.is-mobile .inspector-panel.is-open { transform: translateY(0px) !important; }
html.is-pc .app-header { top: var(--system-broadcast-height,0px) !important; height: var(--header-height) !important; border-bottom: 1px solid var(--border-color) !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; position: fixed !important; bottom: auto !important; }
html.is-pc .app-header-title { display: flex !important; }
html.is-pc #mobile-layer-toggle, html.is-pc #mobile-inspector-toggle { display: none !important; }
html.is-pc .app-container { padding-bottom: 0px !important; padding-top: calc(var(--header-height) + var(--system-broadcast-height,0px) + var(--global-banners-height,0px)) !important; flex-direction: row !important; }
html.is-pc .layer-panel, html.is-pc .inspector-panel { height: calc(100dvh - var(--header-height) - var(--system-broadcast-height,0px)) !important; position: relative !important; top: 0px !important; transform: none !important; }
html.is-pc .layer-panel { width: var(--layer-panel-width) !important; display: flex !important; }
html.is-pc .inspector-panel { width: var(--inspector-panel-width) !important; border-left: 1px solid var(--border-color) !important; border-radius: 0px !important; display: flex !important; }
.app-header[data-v-5475ea74] { height: var(--header-height); background: var(--bg-card); border-bottom: 1px solid var(--border-color); box-sizing: border-box; top: calc(var(--system-broadcast-height,0px) + var(--global-banners-height,0px)); z-index: 100; justify-content: space-between; align-items: center; width: 100%; padding: 0px 20px; transition: background 0.3s, color 0.3s, top 0.3s; display: flex; position: fixed; left: 0px; }
.app-header-title[data-v-5475ea74] { align-items: center; height: 100%; display: flex; }
.april-fools-bouncer-wrapper[data-v-5475ea74] { z-index: 1000; pointer-events: auto; perspective: 500px; position: absolute; }
@media (width <= 768px) {
  .april-fools-bouncer-wrapper[data-v-5475ea74] { align-items: center; margin-left: 8px; display: flex; position: static; }
}
.app-logo[data-v-5475ea74] { width: auto; max-width: 220px; height: 52px; }
@media screen and (width <= 768px) {
  .app-logo[data-v-5475ea74], .cat-logo-wrapper[data-v-5475ea74] { display: none !important; }
}
.header-actions-wrapper[data-v-5475ea74] { align-items: center; gap: 10px; display: flex; }
.theme-switch-wrapper button[data-v-5475ea74] { min-width: 80px; }
.new-badge-dot[data-v-5475ea74] { background-color: var(--color-danger,#ff4757); border: 2px solid var(--bg-card); z-index: 10; border-radius: 50%; width: 8px; height: 8px; position: absolute; top: -2px; right: -2px; box-shadow: rgba(255, 71, 87, 0.5) 0px 0px 5px; }
.btn-rainbow-exclamation[data-v-5475ea74]:hover { filter: brightness(1.2) drop-shadow(rgba(255, 255, 255, 0.5) 0px 0px 5px); transform: scale(1.1); }
.btn-ssuinian-banner[data-v-5475ea74] { color: rgb(255, 165, 2); cursor: pointer; background: rgba(255, 165, 2, 0.1); border: 1px solid rgba(255, 165, 2, 0.2); border-radius: 8px; justify-content: center; align-items: center; width: 28px; height: 28px; margin-right: 4px; font-weight: 900; transition: 0.2s; display: flex; }
.btn-ssuinian-banner[data-v-5475ea74]:hover { background: rgba(255, 165, 2, 0.2); animation: auto ease 0s 1 normal none running none; transform: scale(1.1); box-shadow: rgba(255, 165, 2, 0.2) 0px 0px 10px; }
.is-bouncing[data-v-5475ea74] { animation: 2s ease 0s infinite normal none running ssuinian-gentle-bounce-5475ea74; }
@keyframes ssuinian-gentle-bounce-5475ea74 { 
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-4px); }
  60% { transform: translateY(-2px); }
}
.is-anniversary[data-v-5475ea74] { color: var(--color-primary,#007aff) !important; background: rgba(0, 122, 255, 0.1) !important; border-color: rgba(0, 122, 255, 0.25) !important; }
.is-anniversary[data-v-5475ea74]:hover { background: rgba(0, 122, 255, 0.18) !important; box-shadow: rgba(0, 122, 255, 0.2) 0px 0px 10px !important; }
.is-anniversary-bounce[data-v-5475ea74] { animation: 2s ease 0s infinite normal none running ssuinian-gentle-bounce-5475ea74; }
.btn-rainbow-exclamation[data-v-5475ea74] { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; transform-style: preserve-3d; justify-content: center; align-items: center; font-size: 1.2rem; font-weight: 800; animation: 0.4s linear 0s infinite normal none running mc-spin-float-5475ea74, 0.2s linear 0s infinite normal none running rainbow-bg-5475ea74; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 51% !important; width: 32px !important; height: 32px !important; padding: 0px !important; display: flex !important; }
@keyframes mc-spin-float-5475ea74 { 
  0% { transform: translateY(0px) rotateY(0deg); }
  25% { transform: translateY(-5px) rotateY(90deg); }
  50% { transform: translateY(0px) rotateY(180deg); }
  75% { transform: translateY(5px) rotateY(270deg); }
  100% { transform: translateY(0px) rotateY(360deg); }
}
@keyframes rainbow-bg-5475ea74 { 
  0% { background: rgb(255, 71, 87); }
  20% { background: rgb(255, 165, 2); }
  40% { background: rgb(46, 213, 115); }
  60% { background: rgb(30, 144, 255); }
  80% { background: rgb(83, 82, 237); }
  100% { background: rgb(255, 71, 87); }
}
@media screen and (width <= 768px) {
  .app-header[data-v-5475ea74] { padding: 0px 10px; }
  .header-actions-wrapper[data-v-5475ea74] { gap: 6px; }
  .app-header .btn[data-v-5475ea74] { align-items: center; height: 32px; font-size: 0.75rem; display: flex; padding: 4px 8px !important; }
  .btn-ssuinian-banner[data-v-5475ea74] { border-radius: 6px; width: 24px; height: 24px; margin-right: 0px; font-size: 0.8rem; }
  .btn-rainbow-exclamation[data-v-5475ea74] { font-size: 0.9rem; width: 24px !important; height: 24px !important; }
  .theme-switch-wrapper button[data-v-5475ea74] { min-width: unset; }
}
.anniversary-hat[data-v-5475ea74] { transform-origin: 12px 30px; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 3px); }
.layer-panel[data-v-af39d866] { background: var(--bg-panel); border-right: 1px solid var(--border-color); flex-direction: column; height: 100%; display: flex; }
.layer-list[data-v-af39d866] { border-bottom: 1px solid var(--border-color); flex: 1 1 0%; min-height: 0px; padding: 10px 0px; overflow-y: auto; }
.module-library-container[data-v-af39d866] { background: var(--bg-panel); border-top: 1px solid var(--border-color); flex: 0 0 auto; height: auto; max-height: 35%; overflow-y: auto; }
.skeleton-list[data-v-af39d866] { flex-direction: column; gap: 8px; display: flex; }
.btn-icon[data-v-af39d866] { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; justify-content: center; align-items: center; width: auto; padding: 6px 10px; font-size: 0.9rem; display: flex; }
.layer-actions[data-v-af39d866] { gap: 4px; display: flex; }
.layer-actions .btn-icon[data-v-af39d866] { width: 26px; height: 26px; color: var(--text-secondary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; font-size: 1.1rem; }
.layer-actions .btn-icon[data-v-af39d866]:hover { background: var(--border-color); border-radius: 4px; }
.layer-actions .btn-icon.danger-text[data-v-af39d866]:hover { color: var(--color-danger); background: rgba(255, 71, 87, 0.1); }
.layer-move-btn[data-v-af39d866] { opacity: 0.3; }
.layer-item:hover .layer-move-btn[data-v-af39d866] { opacity: 1; }
.layer-move-btn[data-v-af39d866]:disabled { cursor: default; opacity: 0.1 !important; }
.layer-move-btn[data-v-af39d866]:disabled:hover { background: 0px 0px !important; }
.layer-item[data-v-af39d866] { cursor: pointer; transition: background-color var(--transition-short), border-color var(--transition-short); background-color: var(--bg-section); border: 1px solid var(--border-color); border-radius: 6px; align-items: center; gap: 4px; margin-bottom: 4px; padding: 8px 10px; display: flex; }
.layer-item[data-v-af39d866]:hover { background-color: var(--bg-input); border-color: var(--text-secondary); }
.layer-item.selected[data-v-af39d866] { background-color: var(--bg-image-upload-hover); border-color: var(--color-primary); border-left-width: 4px; padding-left: 7px; font-weight: 600; }
.layer-item.selected .layer-name[data-v-af39d866], .layer-item.selected .layer-icon[data-v-af39d866] { color: var(--color-primary-text); }
.group-header[data-v-af39d866] { background: var(--bg-editor); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 4px solid var(--group-color,var(--color-primary)); cursor: pointer; border-radius: 8px; align-items: center; gap: 8px; margin-bottom: 6px; padding: 10px; transition: 0.2s; display: flex; }
.group-header[data-v-af39d866]:hover { background: var(--bg-input); border-color: var(--text-secondary); }
.group-header .folder-toggle[data-v-af39d866] { width: 20px; color: var(--text-secondary); justify-content: center; align-items: center; display: flex; }
.group-header .layer-name[data-v-af39d866] { color: var(--text-primary); flex: 1 1 0%; font-size: 0.95rem; font-weight: 600; }
.group-children[data-v-af39d866] { border-left: 2px dashed var(--border-color); margin-bottom: 8px; margin-left: 18px; padding-left: 20px; }
.group-children .layer-item[data-v-af39d866] { background: var(--bg-panel); margin-bottom: 4px; }
.layer-item .layer-icon[data-v-af39d866] { color: var(--text-secondary); font-size: 1.1em; }
.layer-item .layer-name[data-v-af39d866] { white-space: nowrap; text-overflow: ellipsis; flex-grow: 1; padding-left: 4px; overflow: hidden; }
.edit-layer-input[data-v-af39d866] { background: var(--bg-input); border: 1px solid var(--color-primary); color: var(--text-primary); border-radius: 4px; flex-grow: 1; width: 0px; min-width: 50px; padding: 2px 4px; font-size: 0.9rem; }
.lib-btn[data-v-af39d866] { background-color: var(--bg-editor); border: 1px solid var(--border-input); cursor: pointer; color: var(--text-primary); border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; gap: 6px; height: 68px; padding: 8px 4px; transition: 0.2s; display: flex; }
.lib-btn[data-v-af39d866]:hover { border-color: var(--color-primary); background-color: var(--bg-input); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px; }
.lib-btn span[data-v-af39d866] { opacity: 0.9; color: var(--text-secondary); font-size: 0.75rem !important; }
.lib-btn[data-v-af39d866]:hover .icon-view-wrapper, .lib-btn:hover .iconify[data-v-af39d866] { color: var(--color-primary); }
.lib-btn.feedback-btn[data-v-af39d866] .icon-view-wrapper, .lib-btn.feedback-btn .iconify[data-v-af39d866] { opacity: 0.8; color: var(--color-primary); font-size: 0.85em !important; }
.lib-btn.feedback-btn span[data-v-af39d866] { color: var(--color-primary); opacity: 0.9; font-weight: 600; }
.layer-node[data-v-af39d866] { cursor: default; }
.drag-handle[data-v-af39d866] { cursor: grab; width: 20px; height: 100%; color: var(--text-secondary); opacity: 0.3; justify-content: center; align-items: center; transition: opacity 0.2s; display: flex; }
.layer-item:hover .drag-handle[data-v-af39d866], .group-header:hover .drag-handle[data-v-af39d866] { opacity: 1; }
.drag-handle[data-v-af39d866]:active { cursor: grabbing; }
.layer-node .layer-actions button[data-v-af39d866] { cursor: pointer; }
.layer-sortable-ghost[data-v-af39d866] { opacity: 0.2; background: var(--color-primary-light) !important; border: 2px dashed var(--color-primary) !important; }
.layer-node.sortable-chosen[data-v-af39d866] { background: var(--bg-section-hover,#ffffff0d); }
@media (width <= 1024px) {
  .layer-panel[data-v-af39d866] { z-index: 2000; }
}
.layer-panel .lib-btn .icon-view-wrapper, .layer-panel .lib-btn .iconify, .layer-panel .lib-btn .iconify-external-wrapper, .layer-panel .lib-btn svg { width: 1.6rem !important; height: 1.6rem !important; font-size: 1.6rem !important; }
.workspace-tabs-container[data-v-acb377bf] { background: var(--bg-editor); scrollbar-width: none; border-bottom: 1px solid var(--border-color); user-select: none; box-sizing: border-box; align-items: center; gap: 6px; height: 50px; padding: 8px 16px; display: flex; overflow: auto hidden; }
.workspace-tabs-container[data-v-acb377bf]::-webkit-scrollbar { display: none; }
.workspace-tab[data-v-acb377bf], .workspace-folder-tab[data-v-acb377bf] { background: var(--bg-card); border: 1px solid var(--border-color); cursor: pointer; height: 34px; color: var(--text-secondary); border-radius: 8px; flex: 0 0 auto; align-items: center; gap: 8px; padding: 0px 14px; font-size: 13px; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px; }
.workspace-tab[data-v-acb377bf]:hover, .workspace-folder-tab[data-v-acb377bf]:hover { background: var(--bg-item-hover,#0000000d); border-color: var(--color-primary); color: var(--color-primary); }
.dark-mode .workspace-tab[data-v-acb377bf]:hover, .dark-mode .workspace-folder-tab[data-v-acb377bf]:hover { background: rgba(255, 255, 255, 0.05); }
.workspace-tab.active[data-v-acb377bf] { z-index: 2; background: var(--color-primary) !important; color: rgb(255, 255, 255) !important; border-color: var(--color-primary) !important; opacity: 1 !important; box-shadow: rgba(0, 122, 255, 0.3) 0px 4px 10px !important; }
.workspace-tab.active .tab-title[data-v-acb377bf] { color: rgb(255, 255, 255) !important; }
.workspace-tab.in-folder[data-v-acb377bf] { background: var(--bg-inset,#00000005); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--color-primary); opacity: 0.9; margin-left: 2px; }
.dark-mode .workspace-tab.in-folder[data-v-acb377bf] { background: rgba(255, 255, 255, 0.02); }
.workspace-folder-tab[data-v-acb377bf] { background: var(--bg-card); border: 1.5px solid var(--text-placeholder); font-weight: 800; }
.workspace-folder-tab.folder-open[data-v-acb377bf] { border-color: var(--color-primary); background: var(--color-primary-bg,#007aff0d); color: var(--color-primary); margin-left: 6px; }
.workspace-folder-tab.is-dragging-over[data-v-acb377bf], .folder-bracket-line.is-dragging-over[data-v-acb377bf] { box-shadow: 0 0 10px var(--color-primary-light); background: var(--color-primary-bg,#007aff26) !important; border-color: var(--color-primary) !important; opacity: 1 !important; }
.workspace-folder-tab.folder-open[data-v-acb377bf]::before { content: ""; background: var(--color-primary); border-radius: 3px; width: 3px; height: 70%; position: absolute; top: 15%; left: -10px; }
.workspace-tab.is-merging[data-v-acb377bf] { border-color: var(--color-primary); background: var(--color-primary-bg,#007aff1a); box-shadow: 0 0 15px var(--color-primary); transform: scale(1.05); }
.folder-bracket-line[data-v-acb377bf] { background: var(--color-primary); opacity: 0.6; pointer-events: none; border-radius: 3px; flex-shrink: 0; width: 3px; height: 20px; transition: opacity 0.2s; }
.workspace-bracket-tab[data-v-acb377bf] { cursor: pointer; flex: 0 0 auto; justify-content: center; align-items: center; width: 12px; height: 34px; display: flex; position: relative; box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; padding: 0px !important; }
.workspace-bracket-tab:hover .folder-bracket-line[data-v-acb377bf] { opacity: 1; box-shadow: 0 0 8px var(--color-primary); }
.folder-bracket-line.is-empty[data-v-acb377bf] { opacity: 0.3; border: 1px dashed var(--color-primary); background: 0px 0px; }
.folder-icon[data-v-acb377bf] { color: var(--color-primary); font-size: 18px; }
.folder-badge[data-v-acb377bf] { background: var(--color-primary); color: rgb(255, 255, 255); text-align: center; border-radius: 10px; min-width: 16px; padding: 1px 5px; font-size: 10px; font-weight: 800; }
.tab-title[data-v-acb377bf] { text-overflow: ellipsis; white-space: nowrap; max-width: 140px; overflow: hidden; }
.tab-close[data-v-acb377bf] { border-radius: 50%; justify-content: center; align-items: center; width: 18px; height: 18px; margin-left: 4px; font-size: 12px; transition: background 0.2s; display: flex; }
.tab-close[data-v-acb377bf]:hover { background: rgba(0, 0, 0, 0.1); }
.workspace-tab.active .tab-close[data-v-acb377bf]:hover { background: rgba(255, 255, 255, 0.2); }
.tab-rename-input[data-v-acb377bf] { color: inherit; font-size: inherit; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; width: 90px; padding: 0px; font-family: inherit; }
.workspace-controls[data-v-acb377bf] { border-left: 1px solid var(--border-color); align-items: center; gap: 8px; margin-left: 12px; padding-left: 12px; display: flex; }
.workspace-control-btn[data-v-acb377bf] { background: var(--bg-item); border: 1px solid var(--border-color); cursor: pointer; width: 32px; height: 32px; color: var(--text-secondary); border-radius: 8px; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.workspace-control-btn[data-v-acb377bf]:hover { background: var(--color-primary); color: rgb(255, 255, 255); border-color: var(--color-primary); }
.create-folder-btn[data-v-acb377bf] { color: var(--color-primary); border-color: var(--color-primary-light); }
.tab-ghost[data-v-acb377bf] { opacity: 0.3; }
.tab-dragging[data-v-acb377bf] { z-index: 100; opacity: 1 !important; transition: none !important; }
.tab-chosen[data-v-acb377bf] { transition: none !important; }
@media (width <= 768px) {
  .workspace-tabs-container[data-v-acb377bf] { height: 46px; padding: 6px 12px; }
  .workspace-tab[data-v-acb377bf], .workspace-folder-tab[data-v-acb377bf] { height: 32px; padding: 0px 10px; font-size: 12px; }
  .tab-title[data-v-acb377bf] { max-width: 90px; }
  .workspace-controls[data-v-acb377bf] { margin-left: 8px; padding-left: 8px; }
}
.receipt-thermal[data-v-ada8d0a3] { font-family: var(--receipt-font-family,"Courier New", Courier, monospace); color: var(--receipt-text-color,#1a1a1a); justify-content: center; width: 100%; display: flex; }
.receipt-paper[data-v-ada8d0a3] { filter: contrast(1.1) drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 8px); flex-direction: column; width: 100%; max-width: 400px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 15px; }
.tear-edge-top[data-v-ada8d0a3], .tear-edge-bottom[data-v-ada8d0a3] { background: var(--receipt-bg-color,#fdfdfc); width: 100%; height: 12px; position: relative; }
.tear-edge-top[data-v-ada8d0a3] { mask-image: radial-gradient(circle at 6px 12px, rgba(0, 0, 0, 0) 6px, rgb(0, 0, 0) 6.5px); mask-size: 12px 100%; mask-repeat: repeat-x; }
.tear-edge-bottom[data-v-ada8d0a3] { mask-image: radial-gradient(circle at 6px 0px, rgba(0, 0, 0, 0) 6px, rgb(0, 0, 0) 6.5px); mask-size: 12px 100%; mask-repeat: repeat-x; }
.receipt-content[data-v-ada8d0a3] { flex-direction: column; gap: 12px; padding: 20px; display: flex; }
.receipt-header[data-v-ada8d0a3] { text-align: center; }
.store-logo[data-v-ada8d0a3] { filter: grayscale() contrast(2); max-width: 60px; max-height: 60px; margin-bottom: 10px; }
.store-title[data-v-ada8d0a3] { letter-spacing: -0.5px; margin: 0px 0px 5px; font-size: 1.4rem; font-weight: 700; }
.store-subtitle[data-v-ada8d0a3] { margin: 0px; font-size: 0.85rem; }
.divider[data-v-ada8d0a3] { border-bottom: 1px dashed var(--receipt-text-color,#1a1a1a); opacity: 0.5; width: 100%; margin: 8px 0px; }
.divider-thick[data-v-ada8d0a3] { border-bottom: 2px dashed var(--receipt-text-color,#1a1a1a); width: 100%; margin: 12px 0px; }
.receipt-meta[data-v-ada8d0a3] { flex-direction: column; gap: 4px; font-size: 0.9rem; display: flex; }
.meta-row[data-v-ada8d0a3] { justify-content: space-between; display: flex; }
.receipt-items[data-v-ada8d0a3] { flex-direction: column; gap: 6px; font-size: 0.95rem; display: flex; }
.items-header[data-v-ada8d0a3] { justify-content: space-between; margin-bottom: 4px; font-weight: 700; display: flex; }
.item-row[data-v-ada8d0a3] { justify-content: space-between; align-items: flex-start; display: flex; }
.item-name-qty[data-v-ada8d0a3] { flex: 1 1 0%; padding-right: 15px; }
.receipt-totals[data-v-ada8d0a3] { flex-direction: column; gap: 4px; font-size: 0.95rem; display: flex; }
.total-row[data-v-ada8d0a3] { justify-content: space-between; display: flex; }
.grand-total[data-v-ada8d0a3] { margin-top: 5px; font-size: 1.2rem; font-weight: 700; }
.receipt-footer[data-v-ada8d0a3] { text-align: center; margin-top: 10px; font-size: 0.9rem; }
.receipt-footer p[data-v-ada8d0a3] { white-space: pre-wrap; margin: 2px 0px; }
.receipt-barcode-area[data-v-ada8d0a3] { text-align: center; flex-direction: column; align-items: center; margin-top: 20px; display: flex; }
.barcode-lines[data-v-ada8d0a3] { justify-content: center; align-items: stretch; width: 100%; height: 45px; display: flex; }
.barcode-text[data-v-ada8d0a3] { letter-spacing: 4px; margin-top: 5px; font-size: 0.75rem; }
.receipt-stripe[data-v-3563d494] { font-family: var(--receipt-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); justify-content: center; width: 100%; display: flex; }
.receipt-card[data-v-3563d494] { width: 100%; max-width: 480px; overflow: hidden; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px, rgba(0, 0, 0, 0.024) 0px -6px 16px -6px; }
.receipt-card-inner[data-v-3563d494] { padding: 30px 40px; }
.receipt-header[data-v-3563d494] { justify-content: space-between; align-items: flex-start; margin-bottom: 25px; display: flex; }
.header-content[data-v-3563d494] { flex-direction: column; display: flex; }
.store-title[data-v-3563d494] { color: var(--receipt-text-color,#32325d); letter-spacing: -0.02em; margin: 0px; font-size: 1.25rem; font-weight: 600; }
.store-subtitle[data-v-3563d494] { color: var(--receipt-text-color,#8898aa); opacity: 0.7; margin: 4px 0px 0px; font-size: 0.85rem; }
.amount-accent[data-v-3563d494] { color: var(--receipt-accent-color,#6772e5); letter-spacing: -0.05em; font-size: 2.2rem; font-weight: 700; line-height: 1; }
.accent-line[data-v-3563d494] { background: rgb(230, 235, 241); width: 100%; height: 2px; margin: 20px 0px; }
.receipt-meta[data-v-3563d494] { flex-direction: column; gap: 12px; margin-bottom: 30px; display: flex; }
.meta-item[data-v-3563d494] { justify-content: space-between; font-size: 0.9rem; display: flex; }
.meta-label[data-v-3563d494] { color: var(--receipt-text-color,#8898aa); opacity: 0.7; font-weight: 500; }
.meta-value[data-v-3563d494] { color: var(--receipt-text-color,#525f7f); font-weight: 500; }
.receipt-items[data-v-3563d494] { margin-bottom: 30px; }
.item-row[data-v-3563d494] { border-bottom: 1px solid rgb(246, 249, 252); justify-content: space-between; align-items: flex-start; margin-bottom: 15px; padding-bottom: 15px; display: flex; }
.item-row[data-v-3563d494]:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 0px; padding-bottom: 0px; }
.item-info[data-v-3563d494] { color: inherit; flex-direction: column; font-weight: 500; display: flex; }
.item-name[data-v-3563d494] { font-size: 0.95rem; }
.item-qty[data-v-3563d494] { color: var(--receipt-text-color,#8898aa); opacity: 0.7; margin-top: 4px; font-size: 0.8rem; }
.item-price[data-v-3563d494] { color: inherit; font-weight: 500; }
.receipt-totals[data-v-3563d494] { flex-direction: column; gap: 12px; display: flex; }
.total-row[data-v-3563d494] { color: inherit; justify-content: space-between; font-size: 0.9rem; font-weight: 500; display: flex; }
.total-divider[data-v-3563d494] { background: rgb(230, 235, 241); width: 100%; height: 1px; margin: 5px 0px; }
.grand-total[data-v-3563d494] { color: inherit; font-size: 1.1rem; font-weight: 600; }
.receipt-footer[data-v-3563d494] { text-align: center; background: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 20px 40px; }
.footer-barcode[data-v-3563d494] { letter-spacing: 2px; color: var(--receipt-text-color,#8898aa); opacity: 0.6; flex-direction: column; align-items: center; margin-bottom: 10px; font-family: "Courier New", Courier, monospace; font-size: 0.8rem; display: flex; }
.barcode-lines[data-v-3563d494] { justify-content: center; align-items: stretch; margin-bottom: 5px; display: flex; }
.receipt-footer p[data-v-3563d494] { color: var(--receipt-text-color,#8898aa); opacity: 0.8; white-space: pre-wrap; margin: 0px; font-size: 0.85rem; }
.receipt-linear[data-v-fce78236] { font-family: var(--receipt-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); justify-content: center; width: 100%; display: flex; }
.linear-card[data-v-fce78236] { border: 1px solid rgba(255, 255, 255, 0.1); width: 100%; max-width: 500px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 40px; }
.glow-border[data-v-fce78236] { pointer-events: none; position: absolute; }
.glow-border.top[data-v-fce78236] { background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)); height: 1px; top: 0px; left: 0px; right: 0px; }
.linear-content[data-v-fce78236] { z-index: 1; background: radial-gradient(circle at 50% 0px, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0) 60%); padding: 30px; position: relative; }
.linear-header[data-v-fce78236] { justify-content: space-between; align-items: flex-start; margin-bottom: 25px; display: flex; }
.brand[data-v-fce78236] { align-items: center; gap: 15px; display: flex; }
.brand-text h1[data-v-fce78236] { letter-spacing: 0.05em; color: var(--receipt-text-color,#fff); margin: 0px; font-size: 1.1rem; font-weight: 600; }
.brand-text p[data-v-fce78236] { color: var(--receipt-text-color,#888); opacity: 0.6; margin: 4px 0px 0px; font-size: 0.75rem; }
.status-badge[data-v-fce78236] { color: rgb(63, 185, 80); letter-spacing: 0.1em; background: rgba(46, 160, 67, 0.15); border: 1px solid rgba(46, 160, 67, 0.4); border-radius: 20px; padding: 4px 10px; font-size: 0.7rem; font-weight: 700; }
.divider[data-v-fce78236] { background: rgba(255, 255, 255, 0.1); width: 100%; height: 1px; margin: 20px 0px; }
.meta-grid[data-v-fce78236] { grid-template-columns: 1fr 1fr; gap: 15px; display: grid; }
.meta-cell[data-v-fce78236] { flex-direction: column; gap: 5px; display: flex; }
.meta-cell .label[data-v-fce78236] { color: var(--receipt-text-color,#888); opacity: 0.6; letter-spacing: 0.05em; font-size: 0.65rem; }
.meta-cell .value[data-v-fce78236] { color: inherit; opacity: 0.9; font-size: 0.85rem; }
.items-table[data-v-fce78236] { margin-top: 30px; }
.table-header[data-v-fce78236] { color: var(--receipt-text-color,#888); opacity: 0.6; letter-spacing: 0.05em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 10px; padding-bottom: 10px; font-size: 0.65rem; display: flex; }
.col[data-v-fce78236] { align-items: center; display: flex; }
.col.desc[data-v-fce78236] { flex: 1 1 0%; }
.col.qty[data-v-fce78236] { justify-content: center; width: 50px; }
.col.amt[data-v-fce78236] { justify-content: flex-end; width: 80px; }
.item-row[data-v-fce78236] { color: var(--receipt-text-color,#ccc); opacity: 0.8; padding: 8px 0px; font-size: 0.85rem; display: flex; }
.item-row .col.desc[data-v-fce78236] { color: var(--receipt-text-color,#fff); opacity: 1; }
.totals-section[data-v-fce78236] { flex-direction: column; gap: 10px; display: flex; }
.total-line[data-v-fce78236] { color: var(--receipt-text-color,#888); opacity: 0.7; justify-content: space-between; font-size: 0.85rem; display: flex; }
.highlight-discount[data-v-fce78236] { color: rgb(63, 185, 80); }
.grand-total-box[data-v-fce78236] { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; justify-content: space-between; align-items: center; margin-top: 15px; padding: 15px 20px; display: flex; }
.grand-total-box .label[data-v-fce78236] { color: var(--receipt-text-color,#888); opacity: 0.7; letter-spacing: 0.05em; font-size: 0.75rem; }
.grand-total-box .value[data-v-fce78236] { color: var(--receipt-accent-color,#fff); font-size: 1.4rem; font-weight: 700; }
.footer-barcode[data-v-fce78236] { opacity: 0.5; margin-top: 30px; }
.barcode-text[data-v-fce78236] { text-align: center; letter-spacing: 0.3em; color: var(--receipt-text-color,#888); opacity: 0.6; margin-top: 8px; font-size: 0.65rem; }
.linear-footer-text[data-v-fce78236] { text-align: center; margin-top: 25px; }
.linear-footer-text p[data-v-fce78236] { color: var(--receipt-text-color,#888); opacity: 0.7; letter-spacing: 0.1em; white-space: pre-wrap; margin: 2px 0px; font-size: 0.75rem; }
.receipt-item-wrapper[data-v-ea54dc93] { width: 100%; }
.item-upload-progress-overlay[data-v-28265c3a] { z-index: 100; backdrop-filter: blur(4px); border-radius: inherit; pointer-events: none; background: rgba(255, 255, 255, 0.85); flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.exporting .me-pencils-layer[data-v-28265c3a], .exporting .bento-drag-handle[data-v-28265c3a], .exporting .bento-more-handle[data-v-28265c3a], .exporting .bento-resize-handle[data-v-28265c3a], .exporting .bento-select-handle[data-v-28265c3a], .exporting .bento-rotate-handle[data-v-28265c3a], .exporting .bento-grid-overlay[data-v-28265c3a] { display: none !important; }
.progress-bar-container[data-v-28265c3a] { background: rgba(0, 0, 0, 0.1); border-radius: 2px; width: 60%; height: 4px; margin-bottom: 6px; overflow: hidden; }
.progress-bar-fill[data-v-28265c3a] { background: var(--g-theme-accent,#007aff); height: 100%; transition: width 0.3s; }
.progress-label[data-v-28265c3a] { color: rgb(51, 51, 51); font-size: 11px; font-weight: 600; }
.fade-enter-active[data-v-28265c3a], .fade-leave-active[data-v-28265c3a] { transition: opacity 0.3s; }
.fade-enter-from[data-v-28265c3a], .fade-leave-to[data-v-28265c3a] { opacity: 0; }
.preview-overlay[data-v-28265c3a], .preview-texture-layer[data-v-28265c3a] { z-index: 0; }
.preview-glass-layer[data-v-28265c3a] { z-index: 1; }
.preview-items-container[data-v-28265c3a] { z-index: 5; position: relative; }
.preview-stickers-layer[data-v-28265c3a] { z-index: 10; pointer-events: none; position: relative; }
.me-pencils-layer[data-v-28265c3a] { pointer-events: none; z-index: 99; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.preview-item-wrapper[data-v-28265c3a] { cursor: pointer; position: relative; }
.me-pencil-container[data-v-28265c3a] { pointer-events: none !important; overflow: visible !important; }
.me-pencil-node[data-v-28265c3a] { background: var(--color-primary,#6366f1) !important; color: rgb(255, 255, 255) !important; cursor: pointer !important; pointer-events: auto !important; aspect-ratio: 1 / 1 !important; box-sizing: border-box !important; border: 1px solid rgb(255, 255, 255) !important; border-radius: 999px !important; flex-grow: 0 !important; flex-shrink: 0 !important; justify-content: center !important; align-items: center !important; width: 20px !important; height: 20px !important; margin: 0px !important; font-size: 11px !important; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important; display: flex !important; position: absolute !important; top: -9px !important; left: auto !important; right: -9px !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px !important; }
.me-pencil-node[data-v-28265c3a]:hover { filter: brightness(1.1) !important; transform: scale(1.1) !important; }
.me-pencil-node[data-v-28265c3a]:active { transform: scale(0.9) !important; }
.preview-item-wrapper.selected[data-v-28265c3a] { outline: 2px solid var(--bento-group-color,var(--color-primary)); z-index: 100 !important; cursor: pointer !important; pointer-events: auto !important; }
.preview-item-wrapper.selected .bento-drag-handle[data-v-28265c3a], .preview-item-wrapper.selected .bento-resize-handle[data-v-28265c3a], .preview-item-wrapper.selected .bento-rotate-handle[data-v-28265c3a] { z-index: 110 !important; pointer-events: auto !important; }
.preview-item-wrapper.multi-selected[data-v-28265c3a]:not(.selected) { outline: 2px dashed var(--bento-group-color,var(--color-primary)); outline-offset: 2px; z-index: 9; }
.preview-item-wrapper.multi-selected.selected[data-v-28265c3a] { outline-style: solid; outline-color: var(--bento-group-color,var(--color-primary)); box-shadow: 0 0 0 4px var(--bento-group-color,#007aff1a); outline-width: 2px; }
.preview-item-wrapper.is-dragging-bento[data-v-28265c3a] { pointer-events: auto; opacity: 0.8 !important; z-index: 9999 !important; cursor: grabbing !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px !important; }
.preview-item-wrapper.is-dragging-bento[data-v-28265c3a] * { pointer-events: none !important; }
.preview-item-wrapper.is-dragging-bento .bento-drag-handle[data-v-28265c3a], .preview-item-wrapper.is-dragging-bento .bento-resize-handle[data-v-28265c3a], .preview-item-wrapper.is-dragging-bento .bento-rotate-handle[data-v-28265c3a] { pointer-events: auto !important; }
.preview-item-wrapper.is-resizing-bento[data-v-28265c3a] { opacity: 0.9 !important; z-index: 9999 !important; outline: 2px dashed var(--bento-group-color,var(--color-primary)) !important; }
.bento-drag-handle[data-v-28265c3a] { background: var(--bento-group-color,var(--color-primary)); color: rgb(255, 255, 255); z-index: 110; cursor: grab; border-radius: 6px; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 16px; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; position: absolute; top: -10px; left: -10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px; }
.bento-drag-handle[data-v-28265c3a]:hover { filter: brightness(1.1); transform: scale(1.15); }
.bento-drag-handle[data-v-28265c3a]:active { cursor: grabbing; }
.bento-select-handle[data-v-28265c3a] { color: rgb(153, 153, 153); z-index: 111; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 50%; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 18px; transition: 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; position: absolute; top: -10px; left: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; }
.bento-select-handle.is-selected[data-v-28265c3a] { background: var(--bento-group-color,var(--color-primary)); color: rgb(255, 255, 255); border-color: var(--bento-group-color,var(--color-primary)); transform: scale(1.1); }
.bento-select-handle[data-v-28265c3a]:hover { transform: scale(1.1); }
.bento-more-handle[data-v-28265c3a] { width: 24px; height: 24px; color: var(--bento-group-color,var(--color-primary)); z-index: 110; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 6px; justify-content: center; align-items: center; font-size: 16px; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; position: absolute; top: -10px; left: 50px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; }
.bento-more-handle[data-v-28265c3a]:hover { background: rgb(245, 245, 247); transform: scale(1.1); }
.bento-resize-handle[data-v-28265c3a] { cursor: nwse-resize; z-index: 110; background: linear-gradient(135deg, transparent 50%, var(--bento-group-color,var(--color-primary)) 50%); border-bottom-right-radius: calc(var(--g-comp-border-radius,8px) - 2px); opacity: 0.8; width: 20px; height: 20px; transition: opacity 0.2s; position: absolute; bottom: 0px; right: 0px; }
.bento-resize-handle[data-v-28265c3a]:hover { opacity: 1; }
.bento-rotate-handle[data-v-28265c3a] { cursor: crosshair; z-index: 112; background: var(--bento-group-color,var(--color-primary)); opacity: 0.9; border: 2px solid rgb(255, 255, 255); border-radius: 3px; width: 12px; height: 12px; transition: opacity 0.2s, transform 0.2s; position: absolute; top: -6px; right: -6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; }
.bento-rotate-handle[data-v-28265c3a]:hover { opacity: 1; transform: scale(1.25); }
.bento-grid-overlay[data-v-28265c3a] { pointer-events: none; opacity: 1; overflow: hidden; }
.bento-grid-overlay[data-v-28265c3a]::before { content: ""; border-bottom: 1.5px dashed var(--bento-grid-color,#0000004d); z-index: 2; width: 100%; position: absolute; top: 0px; left: 0px; }
.bento-grid-overlay[data-v-28265c3a]::after { content: ""; border-right: 1.5px dashed var(--bento-grid-color,#0000004d); z-index: 2; height: 100%; position: absolute; top: 0px; left: 0px; }
.grid-cell-marker[data-v-28265c3a] { box-sizing: border-box; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; width: 100%; height: 100%; position: relative; }
.grid-cell-marker[data-v-28265c3a]::after { content: ""; box-sizing: border-box; height: 100%; width: calc(100% + var(--preview-gap,24px) + 2px); border-top: 1.5px dashed var(--bento-grid-color,#0000004d); border-bottom: 1.5px dashed var(--bento-grid-color,#0000004d); position: absolute; top: 0px; left: 0px; }
.grid-cell-marker[data-v-28265c3a]::before { content: ""; box-sizing: border-box; width: 100%; height: calc(100% + var(--preview-gap,24px) + 2px); border-left: 1.5px dashed var(--bento-grid-color,#0000004d); border-right: 1.5px dashed var(--bento-grid-color,#0000004d); background: 0px 0px; border-radius: 0px; position: absolute; top: 0px; left: 0px; }
.is-rotating-bento .item-inner-container[data-v-28265c3a] { pointer-events: none; }
.preview-items-container.is-bento-canvas.is-interacting[data-v-28265c3a], .preview-items-container.is-bento-canvas.is-interacting .preview-item-wrapper[data-v-28265c3a], .preview-items-container.is-bento-canvas.is-interacting .item-inner-container[data-v-28265c3a] { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
.is-bento-canvas > .preview-item-wrapper[data-v-28265c3a] { height: 100%; }
.is-bento-canvas > .preview-item-wrapper .item-inner-container[data-v-28265c3a], .is-bento-canvas > .preview-item-wrapper .item-inner-container > div[data-v-28265c3a]:not(.bento-drag-handle):not(.bento-resize-handle) { width: 100% !important; height: 100% !important; }
.is-bento-canvas > .preview-item-wrapper .preview-card-inner[data-v-28265c3a], .is-bento-canvas > .preview-item-wrapper .social-item-inner[data-v-28265c3a], .is-bento-canvas > .preview-item-wrapper .preview-header[data-v-28265c3a], .is-bento-canvas > .preview-item-wrapper .image-item-inner[data-v-28265c3a] { flex: 1 1 0% !important; height: 100% !important; }
.is-bento-canvas > .preview-item-wrapper .preview-card-content[data-v-28265c3a], .is-bento-canvas > .preview-item-wrapper .preview-card-content-wrapper[data-v-28265c3a] { overflow: auto; flex: 1 1 0% !important; height: auto !important; }
.empty-canvas-state[data-v-28265c3a] { text-align: center; width: 100%; min-height: 560px; color: var(--text-secondary); opacity: 0.9; flex-direction: column; grid-column: 1 / -1; justify-content: center; align-items: center; padding: 40px 20px; display: flex; }
.empty-canvas-emoji[data-v-28265c3a] { filter: grayscale(); opacity: 0.5; margin-bottom: 15px; font-size: 3rem; }
.empty-canvas-title[data-v-28265c3a] { color: var(--text-primary); margin: 0px 0px 10px; }
.empty-canvas-desc[data-v-28265c3a] { margin-bottom: 18px; font-size: 0.9rem; }
.empty-canvas-actions[data-v-28265c3a] { flex-wrap: wrap; justify-content: center; gap: 10px; display: flex; }
.empty-canvas-actions .btn[data-v-28265c3a] { align-items: center; gap: 6px; width: auto; display: inline-flex; }
.preview-item-wrapper.is-bounce-feedback[data-v-28265c3a] .item-inner-container { animation: 0.36s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running select-bounce-28265c3a; }
@keyframes select-bounce-28265c3a { 
  0% { scale: 1; }
  32% { scale: 0.965; }
  68% { scale: 1.01; }
  100% { scale: 1; }
}
.sortable-ghost[data-v-28265c3a] { opacity: 0.4; background-color: rgb(240, 240, 240); border: 2px dashed rgb(0, 122, 255); }
.sortable-drag[data-v-28265c3a] { will-change: transform, box-shadow; cursor: grabbing !important; z-index: 9999 !important; }
.preview-stickers-layer[data-v-28265c3a] { pointer-events: none; z-index: 50; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.preview-stickers-layer[data-v-28265c3a] > * { pointer-events: auto; }
.preview-item-wrapper.is-editing-wrapper[data-v-28265c3a] { z-index: 1000 !important; overflow: visible !important; }
.preview-item-wrapper.is-editing-wrapper[data-v-28265c3a] .item-inner-container, .preview-item-wrapper.is-editing-wrapper[data-v-28265c3a] .preview-card-inner, .preview-item-wrapper.is-editing-wrapper[data-v-28265c3a] .preview-card-content-wrapper, .preview-item-wrapper.is-editing-wrapper[data-v-28265c3a] .preview-card-content, :is(.preview-canvas-area[data-v-28265c3a]:has(.is-editing-wrapper), .preview-items-container[data-v-28265c3a]:has(.is-editing-wrapper)) { overflow: visible !important; }
.is-editing-rich-text[data-v-28265c3a] .tiptap { background: 0px 0px; outline: none; }
[data-v-28265c3a] .preview-items-container p, [data-v-28265c3a] .preview-items-container li, [data-v-28265c3a] .preview-items-container ul, [data-v-28265c3a] .preview-items-container ol, [data-v-28265c3a] .preview-items-container .tiptap, [data-v-28265c3a] .preview-items-container .ql-editor { line-height: inherit !important; letter-spacing: inherit !important; }
.locked-mode .preview-item-wrapper.selected[data-v-28265c3a] { box-shadow: none !important; outline: none !important; }
@media screen and (width <= 768px) {
  .locked-mode .preview-item-wrapper[data-v-28265c3a] { cursor: default !important; }
}
.bulk-action-bar[data-v-28265c3a] { z-index: 90; background: rgb(255, 255, 255); border-radius: 16px; align-items: center; gap: 16px; min-width: 320px; max-width: 90vw; padding: 8px 8px 8px 20px; display: flex; position: fixed; bottom: 24px; left: 50%; transform: translate(-50%); box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 40px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; }
.bulk-info[data-v-28265c3a] { flex-direction: column; line-height: 1.2; display: flex; }
.bulk-info .count[data-v-28265c3a] { color: var(--color-primary); font-size: 18px; font-weight: 800; }
.bulk-info .label[data-v-28265c3a] { color: rgb(153, 153, 153); text-transform: uppercase; font-size: 10px; }
.bulk-actions[data-v-28265c3a] { flex: 1 1 0%; gap: 8px; display: flex; }
.bulk-btn[data-v-28265c3a] { color: rgb(51, 51, 51); cursor: pointer; white-space: nowrap; background: rgb(245, 245, 247); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; align-items: center; gap: 4px; padding: 8px 12px; font-size: 13px; font-weight: 600; display: flex; }
.bulk-btn.primary[data-v-28265c3a] { background: var(--color-primary); color: rgb(255, 255, 255); }
.bulk-btn.danger[data-v-28265c3a] { color: rgb(255, 71, 87); }
.bulk-btn.cancel[data-v-28265c3a] { color: rgb(255, 255, 255); background: rgb(51, 51, 51); margin-left: auto; }
.bulk-btn[data-v-28265c3a]:disabled { opacity: 0.3; cursor: not-allowed; }
.slide-up-enter-active[data-v-28265c3a], .slide-up-leave-active[data-v-28265c3a] { transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s; }
.slide-up-enter-from[data-v-28265c3a], .slide-up-leave-to[data-v-28265c3a] { opacity: 0; transform: translate(-50%, 100%) translateY(20px); }
.bento-group-container[data-v-28265c3a] { box-sizing: border-box; flex-direction: column; display: flex; }
.item-inner-container[data-v-28265c3a] { box-sizing: border-box; flex-direction: column; width: 100%; display: flex; }
.item-inner-container[data-is-glass="true"][data-v-28265c3a] .social-card-preview, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .dialogue-preview-container, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .dialogue-preview-container[data-style="wechat"], .item-inner-container[data-is-glass="true"][data-v-28265c3a] .dialogue-preview-container[data-style="discord"], .item-inner-container[data-is-glass="true"][data-v-28265c3a] .preview-button, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .stat-block-preview, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .preview-card-inner, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .preview-header:not([data-style="social-card"]), .item-inner-container[data-is-glass="true"][data-v-28265c3a] .music-card-preview, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .todo-item-preview, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .timer-preview, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .timeline-preview, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .qa-preview, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .rpg-card-preview, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .grid-preview-wrapper { background: 0px 0px !important; }
.item-inner-container[data-is-glass="true"][data-v-28265c3a] .preview-card-inner::before, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .preview-header:not([data-style="social-card"])::before, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .music-card-preview::before, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .todo-item-preview::before, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .timer-preview::before, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .timeline-preview::before, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .qa-preview::before, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .rpg-card-preview::before, .item-inner-container[data-is-glass="true"][data-v-28265c3a] .grid-preview-wrapper::before { display: none !important; }
.item-inner-container[style*="--local-has-height: true"][data-v-28265c3a] > :not(.item-loading-spinner) { flex: 1 1 0%; height: 100%; }
.item-loading-spinner[data-v-28265c3a] { padding: 0px 12px; position: absolute; top: 0px; left: 0px; right: 0px; }
.bento-group-title[data-v-28265c3a] { height: 34px; color: var(--g-comp-text-color,#666); opacity: 0.9; white-space: nowrap; pointer-events: none; font-size: 14px; font-weight: 600; font-family: var(--g-comp-font-family,sans-serif); z-index: 2; align-items: center; padding: 0px 12px; transition: 0.3s; display: flex; position: absolute; top: 0px; left: 0px; right: 0px; }
#preview-items-container > .bento-group-container[data-v-28265c3a] { z-index: 1 !important; }
#preview-items-container > .preview-item-wrapper[data-v-28265c3a] { z-index: 2; }
#preview-items-container > .preview-item-wrapper.selected[data-v-28265c3a] { z-index: 10; }
#preview-items-container > .bento-group-container.drop-highlight[data-v-28265c3a] { animation: 1.2s ease-in-out 0s infinite normal none running group-pulse-28265c3a; box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb,99, 102, 241), .6), 0 0 20px rgba(var(--color-primary-rgb,99, 102, 241), .35), 0 0 40px rgba(var(--color-primary-rgb,99, 102, 241), .15) !important; z-index: 100 !important; }
@keyframes group-pulse-28265c3a { 
  0%, 100% { box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb,99, 102, 241), .6), 0 0 20px rgba(var(--color-primary-rgb,99, 102, 241), .35); }
  50% { box-shadow: 0 0 0 5px rgba(var(--color-primary-rgb,99, 102, 241), .8), 0 0 30px rgba(var(--color-primary-rgb,99, 102, 241), .5); }
}
.drop-overlay[data-v-28265c3a] { z-index: 3; pointer-events: none; border-radius: inherit; background: rgba(0, 0, 0, 0.25); transition: opacity 0.2s; position: absolute; inset: 0px; }
.join-group-bubble[data-v-28265c3a] { z-index: 100; backdrop-filter: blur(12px); white-space: nowrap; color: rgb(51, 51, 51); background: rgba(255, 255, 255, 0.96); border-radius: 12px; align-items: center; gap: 8px; padding: 8px 12px; font-size: 13px; font-weight: 600; display: flex; position: absolute; transform: translate(-50%); box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 32px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; }
.bubble-text[data-v-28265c3a] { margin-right: 4px; }
.bubble-btn[data-v-28265c3a] { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; width: 28px; height: 28px; font-size: 16px; transition: 0.2s; display: flex; }
.bubble-btn.confirm[data-v-28265c3a] { background: var(--color-primary,#6366f1); color: rgb(255, 255, 255); }
.bubble-btn.confirm[data-v-28265c3a]:hover { box-shadow: 0 2px 8px rgba(var(--color-primary-rgb,99, 102, 241), .4); transform: scale(1.15); }
.bubble-btn.cancel[data-v-28265c3a] { color: rgb(102, 102, 102); background: rgb(240, 240, 240); }
.bubble-btn.cancel[data-v-28265c3a]:hover { color: rgb(255, 255, 255); background: rgb(255, 77, 79); transform: scale(1.15); }
.bubble-pop-enter-active[data-v-28265c3a] { animation: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running bubble-in-28265c3a; }
.bubble-pop-leave-active[data-v-28265c3a] { animation: 0.15s ease-in 0s 1 normal forwards running bubble-out-28265c3a; }
@keyframes bubble-in-28265c3a { 
  0% { opacity: 0; transform: translate(-50%) scale(0.5) translateY(10px); }
  100% { opacity: 1; transform: translate(-50%) scale(1) translateY(0px); }
}
@keyframes bubble-out-28265c3a { 
  0% { opacity: 1; transform: translate(-50%) scale(1); }
}
@media screen and (width <= 768px) {
  .bento-drag-handle[data-v-28265c3a] { width: 40px !important; height: 40px !important; font-size: 24px !important; top: -16px !important; left: -16px !important; }
  .bento-select-handle[data-v-28265c3a] { width: 40px !important; height: 40px !important; font-size: 24px !important; top: -16px !important; left: 32px !important; }
  .bento-more-handle[data-v-28265c3a] { width: 40px !important; height: 40px !important; font-size: 24px !important; top: -16px !important; left: 80px !important; }
  .bento-resize-handle[data-v-28265c3a] { width: 30px !important; height: 30px !important; }
  .bento-rotate-handle[data-v-28265c3a] { width: 24px !important; height: 24px !important; top: -12px !important; right: -12px !important; }
}
.preview-wrapper.container-shape-ticket[data-v-28265c3a] { --ticket-bg: #fff; --mask-ticket: radial-gradient(circle at left center, transparent 24px, black 24.5px), radial-gradient(circle at right center, transparent 24px, black 24.5px); mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-mode: ; mask-composite: intersect; background: var(--ticket-bg) !important; border-radius: 8px !important; padding: 25px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px !important; }
.preview-wrapper.container-shape-ticket[data-v-28265c3a]::before { content: ""; z-index: 5; opacity: 0.5; background-image: linear-gradient(rgb(221, 221, 221) 50%, rgba(0, 0, 0, 0) 50%); background-size: 1px 10px; width: 1px; position: absolute; top: 0px; bottom: 0px; left: 60px; }
.color-input-container[data-v-78278c5c] { background: var(--bg-input); border: 1px solid var(--border-input); border-radius: 6px; align-items: stretch; width: 100%; height: 38px; transition: 0.2s; display: flex; overflow: hidden; }
.color-input-container[data-v-78278c5c]:focus-within { border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(var(--color-primary-rgb,0, 122, 255), .1); }
.color-preview-wrapper[data-v-78278c5c] { cursor: pointer; border-right: 1px solid var(--border-color); flex-shrink: 0; width: 38px; height: 38px; position: relative; }
.checkerboard[data-v-78278c5c] { background-image: linear-gradient(45deg, rgb(238, 238, 238) 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(-45deg, rgb(238, 238, 238) 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(45deg, rgba(0, 0, 0, 0) 75%, rgb(238, 238, 238) 75%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 75%, rgb(238, 238, 238) 75%); background-position: 0px 0px, 0px 4px, 4px 4px, 4px 0px; background-size: 8px 8px; position: absolute; inset: 0px; }
.color-block[data-v-78278c5c] { position: absolute; inset: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px inset; }
.color-hex-input[data-v-78278c5c] { color: var(--text-primary); flex: 1 1 0%; min-width: 0px; height: 100%; padding: 0px 10px; font-family: monospace; font-size: 0.9rem; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.color-hex-input[data-v-78278c5c]:focus { outline: none; }
.reset-btn[data-v-78278c5c] { border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left: 1px solid var(--border-color); width: 32px; color: var(--text-secondary); cursor: pointer; opacity: 0.5; background: 0px 0px; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.reset-btn[data-v-78278c5c]:hover:not(:disabled) { opacity: 1; color: var(--color-primary); background: rgba(0, 0, 0, 0.03); }
.reset-btn[data-v-78278c5c]:disabled { cursor: not-allowed; opacity: 0.2; }
.no-text .color-hex-input[data-v-78278c5c] { display: none; }
.no-text[data-v-78278c5c] { flex: 0 0 auto; width: auto; }
.image-uploader-wrapper[data-v-522813ff] { width: 100%; }
.image-uploader-wrapper.headless[data-v-522813ff] { width: auto; display: inline-block; }
.uploader-trigger[data-v-522813ff] { cursor: pointer; display: flex; position: relative; overflow: hidden; }
.uploader-trigger.is-processing[data-v-522813ff] { cursor: wait; pointer-events: none; }
.progress-overlay[data-v-522813ff] { backdrop-filter: blur(4px); z-index: 10; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.progress-content[data-v-522813ff] { color: rgb(255, 255, 255); flex-direction: column; align-items: center; gap: 8px; display: flex; }
.progress-ring__circle[data-v-522813ff] { transform-origin: 50% center; transition: stroke-dashoffset 0.35s; transform: rotate(-90deg); }
.status-label[data-v-522813ff] { text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px; font-size: 0.75rem; font-weight: 700; }
.percent-label[data-v-522813ff] { opacity: 0.8; font-size: 0.65rem; }
.fade-enter-active[data-v-522813ff], .fade-leave-active[data-v-522813ff] { transition: opacity 0.3s; }
.fade-enter-from[data-v-522813ff], .fade-leave-to[data-v-522813ff] { opacity: 0; }
.hidden-pond[data-v-522813ff] { clip: rect(0px, 0px, 0px, 0px); border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.uploader-loading[data-v-522813ff] { background: var(--bg-input); border: 1px dashed var(--border-color); color: var(--text-secondary); border-radius: 8px; justify-content: center; align-items: center; gap: 10px; padding: 20px; font-size: 0.85rem; display: flex; }
.spin[data-v-522813ff] { animation: 1s linear 0s infinite normal none running spin-522813ff; }
@keyframes spin-522813ff { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
[data-v-522813ff] .filepond--root { margin-bottom: 0px; font-family: inherit; }
[data-v-522813ff] .filepond--panel-root { background-color: var(--bg-input); border: 1px dashed var(--border-color); }
[data-v-522813ff] .filepond--drop-label { color: var(--text-primary); cursor: pointer; }
.error-state[data-v-522813ff] { flex-direction: column; align-items: center; gap: 12px; display: flex; }
.error-message[data-v-522813ff] { color: rgb(255, 77, 79); font-weight: 500; }
.retry-button[data-v-522813ff] { background: var(--accent-color,#1890ff); color: rgb(255, 255, 255); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; padding: 6px 16px; font-size: 0.8rem; transition: opacity 0.2s; }
.retry-button[data-v-522813ff]:hover { opacity: 0.9; }
.common-style-editor[data-v-647ed169] { flex-direction: column; gap: 12px; display: flex; }
.shadow-toggle-group[data-v-647ed169] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 6px; justify-content: space-around; padding: 4px; }
.layout-value[data-v-647ed169] { color: var(--color-primary); font-size: 0.75rem; font-weight: 700; }
.color-preview-btn[data-v-647ed169] { border: 1px solid var(--border-color); cursor: pointer; border-radius: 6px; flex-shrink: 0; width: 36px; height: 36px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset; }
.bg-thumb-preview[data-v-647ed169] { border: 2px dashed var(--border-color); cursor: pointer; background: var(--bg-input); border-radius: 6px; justify-content: center; align-items: center; width: 80px; height: 60px; display: flex; overflow: hidden; }
.bg-thumb-preview img[data-v-647ed169] { object-fit: cover; width: 100%; height: 100%; }
.danger-text[data-v-647ed169] { color: rgb(239, 68, 68); }
.btn-small[data-v-647ed169] { padding: 4px 8px; font-size: 0.8rem; }
.dialogue-editor[data-v-bf51b1cf], .receipt-editor[data-v-b99c481a] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-b99c481a] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-b99c481a] { opacity: 0.6; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; padding: 8px; font-size: 0.85rem; }
.selected-sub-tab-btn.active[data-v-b99c481a] { opacity: 1; border-bottom: 2px solid var(--color-primary); }
.hint[data-v-b99c481a] { color: var(--text-secondary); margin-top: 8px; font-size: 0.75rem; line-height: 1.4; }
.separator[data-v-b99c481a] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px dashed var(--border-color); opacity: 0.5; margin: 15px 0px; }
.color-control-row[data-v-b99c481a] { gap: 10px; width: 100%; display: flex; }
.color-control-group[data-v-b99c481a] { flex-direction: column; flex: 1 1 0%; gap: 5px; display: flex; }
.color-control-group label[data-v-b99c481a] { color: var(--text-secondary); font-size: 0.85rem; }
.qr-code-editor[data-v-355ff6ba] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-355ff6ba] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-355ff6ba] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; padding: 8px; font-size: 0.85rem; }
.selected-sub-tab-btn.active[data-v-355ff6ba] { opacity: 1; border-bottom: 2px solid var(--color-primary); }
.form-control[data-v-355ff6ba] { background: var(--bg-input); border: 1px solid var(--border-color); width: 100%; color: var(--text-primary); border-radius: 6px; padding: 8px; font-family: inherit; font-size: 0.9rem; }
.separator[data-v-355ff6ba] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.color-control-row[data-v-355ff6ba] { gap: 12px; display: flex; }
.color-control-group[data-v-355ff6ba] { flex: 1 1 0%; }
.val-display[data-v-355ff6ba] { float: right; color: var(--color-primary); font-weight: 700; }
.chart-editor[data-v-c2473e7a] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-c2473e7a] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-c2473e7a] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-c2473e7a] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
.chart-editor-row[data-v-c2473e7a] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 6px; align-items: center; gap: 8px; margin-bottom: 6px; padding: 6px; display: flex; }
.drag-handle[data-v-c2473e7a] { cursor: grab; color: var(--text-secondary); opacity: 0.5; align-items: center; display: flex; }
.chart-item-main[data-v-c2473e7a] { flex: 1 1 0%; align-items: center; gap: 6px; min-width: 0px; display: flex; }
.label-input[data-v-c2473e7a] { border: 1px solid var(--border-input); border-radius: 4px; flex: 2 1 0%; min-width: 0px; padding: 4px 6px; font-size: 0.85rem; }
.value-input[data-v-c2473e7a] { border: 1px solid var(--border-input); text-align: center; border-radius: 4px; flex: 1 1 0%; min-width: 0px; padding: 4px 6px; font-size: 0.85rem; }
.delete-btn[data-v-c2473e7a] { cursor: pointer; opacity: 0.4; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 4px; }
.delete-btn[data-v-c2473e7a]:hover { opacity: 1; color: rgb(255, 77, 79); }
.flex-between[data-v-c2473e7a] { justify-content: space-between; align-items: center; display: flex; }
.add-item-btn[data-v-c2473e7a] { margin-top: 5px; }
.btn-block[data-v-c2473e7a] { width: 100%; }
.separator[data-v-c2473e7a] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.text-editor[data-v-953be290] { flex-direction: column; display: flex; }
.rich-text-preview[data-v-953be290] { border: 1px solid var(--border-color); background: var(--bg-input); cursor: pointer; border-radius: 6px; min-height: 80px; max-height: 200px; padding: 10px; transition: border-color 0.2s; overflow-y: auto; }
.rich-text-preview[data-v-953be290]:hover { border-color: var(--color-primary); }
.placeholder[data-v-953be290] { color: var(--text-secondary); text-align: center; margin-top: 20px; font-style: italic; }
.profile-editor[data-v-193eec3c] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-193eec3c] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-193eec3c] { opacity: 0.6; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; padding: 8px; font-size: 0.85rem; }
.selected-sub-tab-btn.active[data-v-193eec3c] { opacity: 1; border-bottom: 2px solid var(--color-primary); }
.unified-editor-item[data-v-193eec3c] { background: var(--bg-input); border-radius: 6px; align-items: center; gap: 8px; width: 100%; margin-bottom: 6px; padding: 4px 8px; display: flex; }
.unified-content[data-v-193eec3c] { flex: 1 1 0%; gap: 8px; display: flex; }
.unified-content input[data-v-193eec3c] { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; }
.thumbnail-wrapper[data-v-193eec3c] { border: 2px dashed var(--border-color); cursor: pointer; border-radius: 6px; justify-content: center; align-items: center; width: 60px; height: 60px; margin-bottom: 8px; display: flex; }
.avatar-col[data-v-193eec3c] { flex-direction: column; align-items: center; width: 80px; display: flex; }
.banner-thumb[data-v-193eec3c] { width: 100%; height: 60px; }
.style-row-box[data-v-193eec3c] { background: var(--bg-section); border: 1px solid var(--border-color); border-radius: 6px; margin-bottom: 8px; padding: 8px; }
.row-header[data-v-193eec3c] { justify-content: space-between; align-items: center; margin-bottom: 5px; display: flex; }
.row-header .label[data-v-193eec3c] { font-size: 0.85rem; font-weight: 700; }
.input-group.color-hex[data-v-193eec3c] { width: 100%; max-width: 220px; display: flex; }
.input-group.color-hex input[type="text"][data-v-193eec3c] { flex: 1 1 0%; min-width: 0px; }
.coord-row[data-v-193eec3c] { gap: 8px; display: flex; }
.coord-item[data-v-193eec3c] { text-align: center; flex: 1 1 0%; }
.coord-item label[data-v-193eec3c] { font-size: 0.7rem; }
.style-divider[data-v-193eec3c] { text-align: center; color: var(--text-secondary); border-bottom: 1px dashed var(--border-color); margin: 20px 0px 10px; font-size: 0.75rem; font-weight: 700; line-height: 0.1em; }
.section-label[data-v-193eec3c] { color: var(--color-primary); margin-bottom: 8px; font-weight: 700; display: block; }
.banner-section-box[data-v-193eec3c] { background: var(--bg-editor); border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 20px; padding: 15px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; }
.thumb-preview[data-v-193eec3c] { border: 1px solid var(--border-color); cursor: pointer; background: var(--bg-image-thumb,#f5f5f5); border-radius: 4px; justify-content: center; align-items: center; width: 100%; height: 60px; margin-bottom: 5px; display: flex; }
.thumb-img[data-v-193eec3c] { object-fit: cover; width: 100%; height: 100%; }
.banner-footer-row[data-v-193eec3c] { border-top: 1px dashed var(--border-color); gap: 10px; margin-top: 10px; padding-top: 10px; display: flex; }
.footer-item[data-v-193eec3c] { flex: 1 1 0%; }
.styled-box[data-v-193eec3c] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 6px; padding: 8px; }
.flex-row-sb[data-v-193eec3c] { justify-content: space-between; align-items: center; display: flex; }
.m-0[data-v-193eec3c] { margin: 0px; }
.mb-1[data-v-193eec3c] { margin-bottom: 4px; }
.mt-1[data-v-193eec3c] { margin-top: 4px; }
.mt-2[data-v-193eec3c] { margin-top: 8px; }
.font-bold[data-v-193eec3c] { font-weight: 700; }
.small[data-v-193eec3c] { font-size: 0.85rem; }
.label-tiny[data-v-193eec3c] { text-align: center; color: var(--text-secondary); margin-top: 2px; font-size: 0.7rem; }
.badge-pos-controls[data-v-193eec3c] { background: var(--bg-input); border-radius: 6px; padding: 8px; }
.delete-btn-overlay[data-v-193eec3c] { color: rgb(255, 255, 255); cursor: pointer; z-index: 5; background: rgb(244, 63, 94); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 14px; display: flex; position: absolute; top: -8px; right: -8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }
.delete-btn-overlay[data-v-193eec3c]:hover { background: rgb(225, 29, 72); }
.second-overlay[data-v-193eec3c] { cursor: pointer; z-index: 10; pointer-events: auto; justify-content: center; align-items: center; display: flex; position: absolute; top: 0px; right: 0px; overflow: hidden; transform: translate(14px, 14px); }
.card-editor[data-v-ea4aa96f] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-ea4aa96f] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-ea4aa96f] { opacity: 0.6; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; padding: 8px; font-size: 0.85rem; }
.selected-sub-tab-btn.active[data-v-ea4aa96f] { opacity: 1; border-bottom: 2px solid var(--color-primary); }
.rich-text-preview-box[data-v-ea4aa96f] { border: 1px solid var(--border-color); background: var(--bg-input); cursor: pointer; border-radius: 6px; min-height: 60px; max-height: 150px; padding: 10px; font-size: 0.9rem; overflow: hidden; }
.preview-content[data-v-ea4aa96f] { opacity: 0.8; }
.hint[data-v-ea4aa96f] { color: var(--text-secondary); margin-top: 8px; font-size: 0.75rem; line-height: 1.4; }
.music-editor[data-v-cb0825b7] { flex-direction: column; display: flex; }
.hint-box[data-v-cb0825b7] { color: var(--text-secondary); background: var(--bg-input); border-radius: 6px; margin-bottom: 15px; padding: 8px; font-size: 0.75rem; }
.danger-text[data-v-cb0825b7] { color: rgb(239, 68, 68); }
.editor-section[data-v-cb0825b7] { border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 20px; padding: 15px; }
.editor-section legend[data-v-cb0825b7] { color: var(--text-secondary); padding: 0px 10px; font-size: 0.85rem; font-weight: 600; }
.image-editor[data-v-98e35896] { flex-direction: column; display: flex; }
.button-editor[data-v-e601afcb] { flex-direction: column; gap: 15px; display: flex; }
.multi-items-section[data-v-e601afcb] { flex-direction: column; gap: 10px; display: flex; }
.empty-items-hint[data-v-e601afcb] { text-align: center; border: 2px dashed var(--border-color); color: var(--text-secondary); cursor: pointer; opacity: 0.7; border-radius: 8px; padding: 20px; font-size: 0.85rem; }
.empty-items-hint[data-v-e601afcb]:hover { border-color: var(--color-primary); color: var(--color-primary); opacity: 1; }
.items-list-container[data-v-e601afcb] { flex-direction: column; gap: 8px; display: flex; }
.item-accordion-card[data-v-e601afcb] { border: 1px solid var(--border-color); background: var(--bg-section); border-radius: 8px; transition: 0.2s; overflow: hidden; }
.item-accordion-card.expanded[data-v-e601afcb] { border-color: var(--color-primary); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.item-header[data-v-e601afcb] { cursor: pointer; user-select: none; align-items: center; padding: 10px 12px; display: flex; }
.item-header[data-v-e601afcb]:hover { background: var(--bg-input); }
.drag-handle[data-v-e601afcb] { cursor: grab; color: var(--text-secondary); opacity: 0.5; align-items: center; margin-right: 8px; display: flex; }
.drag-handle[data-v-e601afcb]:active { cursor: grabbing; }
.item-title[data-v-e601afcb] { flex: 1 1 0%; align-items: center; min-width: 0px; font-size: 0.9rem; font-weight: 500; display: flex; }
.title-text[data-v-e601afcb] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.item-actions[data-v-e601afcb] { align-items: center; gap: 8px; display: flex; }
.action-btn[data-v-e601afcb] { cursor: pointer; color: var(--text-secondary); opacity: 0.6; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; align-items: center; padding: 4px; transition: 0.2s; display: flex; }
.action-btn[data-v-e601afcb]:hover { color: rgb(255, 69, 58); opacity: 1; background: rgba(255, 69, 58, 0.1); }
.delete-btn[data-v-e601afcb] { color: rgb(255, 69, 58); opacity: 0.8; }
.expand-arrow[data-v-e601afcb] { font-size: 1.2rem; color: rgb(0, 122, 255) !important; opacity: 1 !important; }
.item-body[data-v-e601afcb] { border-top: 1px solid var(--border-color); background: var(--bg-panel); flex-direction: column; gap: 12px; padding: 15px; display: flex; }
.add-item-btn[data-v-e601afcb] { color: var(--color-primary); background: 0px 0px; border-style: dashed; font-weight: 700; }
.add-item-btn[data-v-e601afcb]:hover { background: rgba(var(--color-primary-rgb,0, 122, 255), .05); border-style: solid; }
.sortable-ghost[data-v-e601afcb] { opacity: 0.4; background: var(--color-primary-light,#e0f0ff); }
.item-header-edit[data-v-e601afcb] { flex: 1 1 0%; min-width: 0px; margin-right: 10px; }
.input-group.compact[data-v-e601afcb] { background: var(--bg-input); border: 1px solid var(--border-input); border-radius: 6px; align-items: center; height: 32px; display: flex; overflow: hidden; }
.input-group.compact input[data-v-e601afcb] { flex: 1 1 0%; font-size: 0.85rem; height: 100% !important; box-shadow: none !important; color: var(--text-primary) !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; padding: 0px 8px !important; }
.select-icon-btn-header[data-v-e601afcb] { border-top-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-right: 1px solid var(--border-input); cursor: pointer; width: 32px; height: 32px; color: var(--text-primary); background: rgba(128, 128, 128, 0.1); flex-shrink: 0; justify-content: center; align-items: center; padding: 0px; display: flex; }
.select-icon-btn-header[data-v-e601afcb]:hover { background: rgba(128, 128, 128, 0.2); }
.social-editor[data-v-c6685a93] { flex-direction: column; display: flex; }
.image-card-editor-content[data-v-09acae37] { margin-top: 10px; }
.showcase-tags-editor[data-v-09acae37] { margin-top: 5px; }
.unified-editor-item[data-v-09acae37] { transition: 0.2s; }
.unified-editor-item[data-v-09acae37]:hover { border-color: var(--color-primary) !important; }
.hint-text[data-v-09acae37] { color: var(--text-secondary); margin-top: 10px; font-size: 0.75rem; line-height: 1.4; }
.card-style[data-v-09acae37] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 12px; padding: 15px; }
.inspector-sub-content[data-v-45ff77bf] { padding: 15px; }
.section-label[data-v-45ff77bf] { align-items: center; gap: 5px; margin-bottom: 12px; font-size: 0.85rem; font-weight: 700; display: flex; }
.q-label[data-v-45ff77bf] { color: var(--color-primary); }
.a-label[data-v-45ff77bf] { color: var(--text-secondary); }
.edit-mode-card[data-v-45ff77bf] { background: var(--bg-editor-panel); border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 15px; padding: 15px; }
.qa-section-q[data-v-45ff77bf] { border-left: 4px solid var(--color-primary); }
.qa-section-a[data-v-45ff77bf] { border-left: 4px solid var(--text-secondary); }
.qa-input-small[data-v-45ff77bf] { opacity: 0.8; font-size: 0.85rem; }
.bold-text[data-v-45ff77bf] { font-weight: 700; }
.image-upload-area[data-v-45ff77bf] { margin: 10px 0px 15px; }
.image-preview-v2[data-v-45ff77bf] { flex-direction: column; gap: 8px; display: flex; }
.thumb-box[data-v-45ff77bf] { border: 1px solid var(--border-color); cursor: pointer; background: var(--bg-input); border-radius: 8px; justify-content: center; align-items: center; width: 100%; height: 100px; display: flex; overflow: hidden; }
.thumb-box img[data-v-45ff77bf] { object-fit: contain; max-width: 100%; max-height: 100%; }
.image-actions[data-v-45ff77bf] { gap: 8px; display: flex; }
.image-actions button[data-v-45ff77bf] { flex: 1 1 0%; }
.btn-dashed[data-v-45ff77bf] { border: 1px dashed var(--border-color); width: 100%; color: var(--text-secondary); background: 0px 0px; border-radius: 8px; padding: 12px; transition: 0.2s; }
.btn-dashed[data-v-45ff77bf]:hover { background: var(--bg-secondary); border-color: var(--color-primary); color: var(--color-primary); }
.hint-text[data-v-45ff77bf] { color: var(--text-secondary); margin-top: 10px; font-size: 0.75rem; line-height: 1.4; }
.card-style[data-v-45ff77bf] { background: var(--bg-editor-panel); border: 1px solid var(--border-color); border-radius: 12px; padding: 15px; }
.section-label[data-v-f4db2f8d] { color: var(--color-primary); margin-bottom: 12px; font-size: 0.85rem; font-weight: 700; display: block; }
.dark-bg[data-v-f4db2f8d] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 12px; padding: 15px; }
.highlight-group[data-v-f4db2f8d] { border-left: 4px solid var(--color-primary); }
.form-item[data-v-f4db2f8d] { margin-bottom: 16px; }
.form-item label[data-v-f4db2f8d] { color: var(--text-secondary); margin-bottom: 6px; font-size: 0.8rem; font-weight: 600; display: block; }
.form-control[data-v-f4db2f8d] { border: 1px solid var(--border-color); background: var(--bg-editor); width: 100%; color: var(--text-primary); border-radius: 8px; padding: 10px 12px; font-size: 0.9rem; transition: 0.2s; }
.form-control[data-v-f4db2f8d]:focus { border-color: var(--color-primary); outline: none; box-shadow: rgba(0, 122, 255, 0.1) 0px 0px 0px 2px; }
.no-resize[data-v-f4db2f8d] { resize: none; }
.dual-row[data-v-f4db2f8d] { grid-template-columns: 1fr; gap: 12px; display: grid; }
.segmented-control[data-v-f4db2f8d] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 10px; width: 100%; padding: 3px; display: flex; }
.segmented-control label[data-v-f4db2f8d] { text-align: center; cursor: pointer; color: var(--text-secondary); user-select: none; border-radius: 8px; flex: 1 1 0%; padding: 8px 4px; font-size: 0.8rem; font-weight: 600; transition: 0.2s; }
.segmented-control input[data-v-f4db2f8d] { display: none; }
.segmented-control label.active[data-v-f4db2f8d] { background: var(--bg-editor); color: var(--color-primary); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 6px; }
.segmented-control.small-icons label[data-v-f4db2f8d] { justify-content: center; align-items: center; gap: 4px; display: flex; }
.custom-checkbox-wrapper[data-v-f4db2f8d] { cursor: pointer; user-select: none; align-items: center; gap: 8px; display: flex; }
.custom-checkbox-wrapper input[data-v-f4db2f8d] { display: none; }
.checkbox-box[data-v-f4db2f8d] { border: 2px solid var(--border-color); background: var(--bg-editor); border-radius: 4px; width: 18px; height: 18px; transition: 0.2s; position: relative; }
.custom-checkbox-wrapper input:checked + .checkbox-box[data-v-f4db2f8d] { background: var(--color-primary); border-color: var(--color-primary); }
.checkbox-box[data-v-f4db2f8d]::after { content: ""; border-width: 0px 2px 2px 0px; border-style: none solid solid none; border-color: currentcolor rgb(255, 255, 255) rgb(255, 255, 255) currentcolor; border-image: initial; width: 5px; height: 10px; transition: 0.2s; position: absolute; top: 1px; left: 5px; transform: rotate(45deg) scale(0); }
.custom-checkbox-wrapper input:checked + .checkbox-box[data-v-f4db2f8d]::after { transform: rotate(45deg) scale(1); }
.checkbox-label[data-v-f4db2f8d] { color: var(--text-secondary); font-size: 0.85rem; }
.input-with-action[data-v-f4db2f8d] { gap: 8px; display: flex; }
.icon-btn[data-v-f4db2f8d] { background: var(--bg-input); border: 1px solid var(--border-color); cursor: pointer; width: 42px; height: 42px; color: var(--text-secondary); border-radius: 8px; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.icon-btn[data-v-f4db2f8d]:hover { color: var(--color-primary); border-color: var(--color-primary); }
.stepper-input[data-v-f4db2f8d] { align-items: center; gap: 8px; display: flex; }
.stepper-btn[data-v-f4db2f8d] { border: 1px solid var(--border-color); background: var(--bg-editor); cursor: pointer; width: 32px; height: 32px; color: var(--text-primary); border-radius: 6px; }
.stepper-input input[type="range"][data-v-f4db2f8d] { cursor: pointer; flex: 1 1 0%; }
.style-row-box[data-v-f4db2f8d] { flex-direction: column; gap: 12px; margin-top: 8px; display: flex; }
.style-row-box.no-bg[data-v-f4db2f8d] { background: 0px 0px; padding: 0px; }
.style-field[data-v-f4db2f8d] { flex: 1 1 0%; }
.color-input-container[data-v-f4db2f8d] { border: 1px solid var(--border-color); background: var(--bg-editor); border-radius: 8px; height: 40px; overflow: hidden; }
.mini-divider[data-v-f4db2f8d] { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: 1px dashed var(--border-color); margin: 16px 0px; }
.separator[data-v-f4db2f8d] { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: 1px solid var(--border-color); margin: 20px 0px; }
.select-styled[data-v-f4db2f8d] { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-position: right 10px center; background-repeat: no-repeat; background-size: 16px; padding-right: 40px; }
.achievement-editor-container[data-v-62690625] { flex-direction: column; display: flex; }
.form-group[data-v-62690625] { margin-bottom: 12px; }
.form-group label[data-v-62690625] { color: var(--text-secondary); margin-bottom: 4px; font-size: 0.8rem; font-weight: 500; display: block; }
.radio-group[data-v-62690625] { flex-direction: column; gap: 8px; display: flex; }
.radio-group.wrap[data-v-62690625] { flex-flow: wrap; }
.radio-group label[data-v-62690625] { align-items: center; gap: 6px; margin: 0px; font-size: 0.9rem; font-weight: 400; display: flex; }
.checkbox-group[data-v-62690625] { align-items: center; gap: 6px; font-weight: 400; display: flex; }
.separator[data-v-62690625] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 12px 0px; }
.input-group[data-v-62690625] { gap: 0px; display: flex; }
.input-group input[type="text"][data-v-62690625], .input-group input[type="color"][data-v-62690625] { border: 1px solid var(--border-input); flex: 1 1 0%; }
.achievement-icon-preview-box[data-v-62690625] { background: var(--bg-input); border: 1px solid var(--border-input); cursor: pointer; border-radius: 8px; justify-content: center; align-items: center; width: 64px; height: 64px; margin-bottom: 8px; transition: 0.2s; display: flex; position: relative; overflow: hidden; }
.achievement-icon-preview-box[data-v-62690625]:hover { border-color: var(--color-primary); box-shadow: rgba(0, 122, 255, 0.1) 0px 0px 0px 3px; }
.preview-content[data-v-62690625] { justify-content: center; align-items: center; width: 100%; height: 100%; padding: 8px; display: flex; }
.preview-content[data-v-62690625] .iconify, .preview-content[data-v-62690625] img, .preview-content[data-v-62690625] svg { object-fit: contain; width: 40px; height: 40px; }
.placeholder-icon[data-v-62690625] { color: var(--text-placeholder); flex-direction: column; align-items: center; gap: 4px; font-size: 0.7rem; display: flex; }
.placeholder-icon .iconify[data-v-62690625] { font-size: 1.2rem; }
.hover-overlay[data-v-62690625] { color: rgb(255, 255, 255); opacity: 0; background: rgba(0, 0, 0, 0.4); justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity 0.2s; display: flex; position: absolute; top: 0px; left: 0px; }
.achievement-icon-preview-box:hover .hover-overlay[data-v-62690625] { opacity: 1; }
.icon-code-input-hint[data-v-62690625] { width: 100%; }
.hint-input[data-v-62690625] { width: 100%; color: var(--text-secondary) !important; border: 1px dashed var(--border-input) !important; background: 0px 0px !important; height: 28px !important; padding: 4px 8px !important; font-size: 0.75rem !important; }
.hint-input[data-v-62690625]:focus { border-style: solid !important; border-color: var(--color-primary) !important; }
.color-control-row[data-v-62690625] { flex-wrap: wrap; gap: 12px; margin-top: 12px; display: flex; }
.color-control-group[data-v-62690625] { flex-direction: column; flex: 1 1 0%; min-width: 220px; display: flex; }
.color-control-group label[data-v-62690625] { margin-bottom: 6px; }
.color-control-group .input-group[data-v-62690625] { align-items: stretch; gap: 0px; display: flex; }
.color-control-group .input-group[data-v-62690625] > * { border: 1px solid var(--border-input); height: 38px; }
.color-control-group .btn-small[data-v-62690625] { flex-shrink: 0; width: 38px; padding: 0px !important; }
.todo-editor[data-v-83e475d0] { flex-direction: column; display: flex; }
.inspector-sub-content[data-v-83e475d0] { padding: 15px; }
.todo-items-editor[data-v-83e475d0] { flex-direction: column; display: flex; }
.todo-text-input[data-v-83e475d0]:focus { outline: none; }
.separator[data-v-83e475d0] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.color-control-row[data-v-83e475d0] { gap: 10px; display: flex; }
.color-control-group[data-v-83e475d0] { flex-direction: column; flex: 1 1 0%; gap: 5px; display: flex; }
.color-control-group label[data-v-83e475d0] { color: var(--text-secondary); font-size: 0.85rem; }
.calendar-editor[data-v-1f34f79a] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-1f34f79a] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-1f34f79a] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-1f34f79a] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
.cal-month-grid-editor[data-v-1f34f79a] { grid-template-columns: repeat(7, 1fr); gap: 5px; margin-top: 10px; display: grid; }
.cal-edit-cell[data-v-1f34f79a] { aspect-ratio: 1 / 1; border: 1px solid var(--border-input); cursor: pointer; background: var(--bg-input); border-radius: 4px; justify-content: center; align-items: center; font-size: 0.8rem; transition: 0.2s; display: flex; position: relative; }
.cal-edit-cell[data-v-1f34f79a]:hover { border-color: var(--color-primary); }
.cal-edit-cell.active[data-v-1f34f79a] { background: var(--bg-image-upload-hover); color: var(--color-primary); border-color: currentcolor; font-weight: 700; }
.cal-edit-cell.selected[data-v-1f34f79a] { box-shadow: 0 0 0 3px var(--color-primary); z-index: 10; transform: scale(1.1); border-color: var(--color-primary) !important; }
.note-dot[data-v-1f34f79a] { background: rgb(255, 77, 79); border-radius: 50%; width: 4px; height: 4px; position: absolute; bottom: 2px; right: 2px; }
.cal-grid-hint[data-v-1f34f79a] { text-align: center; opacity: 0.5; margin-top: 6px; font-size: 0.72rem; }
.cal-edit-day-name[data-v-1f34f79a] { opacity: 0.4; text-align: center; padding: 4px 0px; font-size: 0.7rem; font-weight: 700; }
.cal-edit-cell.empty[data-v-1f34f79a] { pointer-events: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.cal-day-detail-panel[data-v-1f34f79a] { background: var(--bg-input); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--color-primary); border-radius: 8px; margin-top: 15px; padding: 12px; }
.cal-day-detail-header[data-v-1f34f79a] { justify-content: space-between; align-items: center; font-size: 0.9rem; font-weight: 700; display: flex; }
.cal-note-textarea[data-v-1f34f79a] { border: 1px solid var(--border-input); background: var(--bg-secondary); width: 100%; color: var(--text-primary); resize: vertical; border-radius: 6px; min-height: 40px; padding: 8px; font-family: inherit; font-size: 0.85rem; }
.week-editor-row[data-v-1f34f79a] { align-items: center; gap: 10px; margin-bottom: 8px; display: flex; }
.week-label[data-v-1f34f79a] { width: 40px; color: var(--text-secondary); font-size: 0.85rem; font-weight: 700; }
.week-input[data-v-1f34f79a] { flex: 1 1 0%; padding: 6px 10px !important; font-size: 0.9rem !important; }
.separator[data-v-1f34f79a] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.ranking-editor[data-v-72bc5580] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-72bc5580] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-72bc5580] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-72bc5580] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
.rank-editor-row[data-v-72bc5580] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 8px; align-items: flex-start; gap: 10px; margin-bottom: 8px; padding: 10px; display: flex; position: relative; }
.drag-handle[data-v-72bc5580] { cursor: grab; color: var(--text-placeholder); padding: 5px 0px; }
.rank-item-main[data-v-72bc5580] { flex: 1 1 0%; gap: 12px; min-width: 0px; display: flex; }
.rank-thumb-container[data-v-72bc5580] { flex-direction: column; flex-shrink: 0; gap: 4px; width: 50px; display: flex; }
.rank-thumb[data-v-72bc5580] { border: 2px dashed var(--border-input); cursor: pointer; background: var(--bg-secondary); border-radius: 4px; justify-content: center; align-items: center; width: 50px; height: 50px; display: flex; overflow: hidden; }
.rank-thumb img[data-v-72bc5580] { object-fit: cover; width: 100%; height: 100%; }
.thumb-actions[data-v-72bc5580] { gap: 2px; display: flex; }
.thumb-actions .btn-xs[data-v-72bc5580] { flex: 1 1 0%; padding: 2px 0px; font-size: 0.65rem; }
.rank-inputs[data-v-72bc5580] { flex-direction: column; flex: 1 1 0%; gap: 6px; min-width: 0px; display: flex; }
.rank-inputs input[data-v-72bc5580] { width: 100%; padding: 4px 8px !important; font-size: 0.85rem !important; }
.name-input[data-v-72bc5580] { font-weight: 700; }
.score-input[data-v-72bc5580] { color: var(--color-primary); }
.desc-input[data-v-72bc5580] { opacity: 0.7; font-size: 0.8rem !important; }
.delete-btn[data-v-72bc5580] { cursor: pointer; opacity: 0.4; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 4px; }
.delete-btn[data-v-72bc5580]:hover { opacity: 1; color: rgb(255, 77, 79); }
.add-item-btn[data-v-72bc5580] { margin-top: 5px; }
.separator[data-v-72bc5580] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.btn-block[data-v-72bc5580] { width: 100%; }
.checklist-editor[data-v-0374a553] { flex-direction: column; display: flex; }
.inspector-sub-content[data-v-0374a553] { padding: 15px; }
.checklist-items-list[data-v-0374a553] { flex-direction: column; display: flex; }
.checklist-text-input[data-v-0374a553]:focus { outline: none; }
.separator[data-v-0374a553] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.color-control-row[data-v-0374a553] { gap: 10px; display: flex; }
.color-control-group[data-v-0374a553] { flex-direction: column; flex: 1 1 0%; gap: 5px; display: flex; }
.checklist-col-value[data-v-0374a553], .chk-radius-value[data-v-0374a553] { color: var(--color-primary); margin-left: 4px; font-weight: 700; }
.stepper-group[data-v-0374a553] { align-items: center; gap: 4px; display: flex; }
.btn-stepper[data-v-0374a553] { justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0px; display: flex; }
.relationship-editor[data-v-9464d369] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-9464d369] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-9464d369] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-9464d369] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
.rel-node-editor-card[data-v-9464d369] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 8px; flex-direction: column; gap: 8px; padding: 10px; display: flex; }
.rel-badges-section[data-v-9464d369] { background: rgba(0, 0, 0, 0.1); border-radius: 6px; flex-direction: column; gap: 6px; margin: 4px 0px 8px; padding: 8px 6px; display: flex; }
.rel-badge-row[data-v-9464d369] { align-items: center; gap: 8px; display: flex; }
.badge-icon-btn[data-v-9464d369] { background: var(--bg-section); border: 1px solid var(--border-input); cursor: pointer; border-radius: 4px; flex-shrink: 0; justify-content: center; align-items: center; width: 32px; height: 32px; transition: 0.2s; display: flex; }
.badge-icon-btn[data-v-9464d369]:hover { background: var(--bg-hover); border-color: var(--color-primary); }
.badge-icon-btn .iconify[data-v-9464d369] { font-size: 1.2rem; }
.rel-badge-color[data-v-9464d369] { border: 1px solid var(--border-color); cursor: pointer; background: 0px 0px; border-radius: 4px; flex-shrink: 0; width: 28px; height: 28px; padding: 1px; }
.rel-badge-delete[data-v-9464d369] { cursor: pointer; opacity: 0.4; color: inherit; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex-shrink: 0; align-items: center; padding: 2px; font-size: 0.85rem; display: flex; }
.rel-badge-delete[data-v-9464d369]:hover { opacity: 1; color: rgb(255, 77, 79); }
.rel-add-badge-btn[data-v-9464d369] { opacity: 0.65; width: 100%; padding: 4px; font-size: 0.75rem; }
.rel-add-badge-btn[data-v-9464d369]:hover { opacity: 1; }
.separator[data-v-9464d369] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.rel-node-offsets-box[data-v-9464d369] { border-top: 1px dashed var(--border-color); flex-direction: column; gap: 10px; margin-top: 5px; padding: 10px 4px 4px; display: flex; }
.rel-offset-control-item[data-v-9464d369] { flex-direction: column; gap: 4px; display: flex; }
.control-label-row[data-v-9464d369] { align-items: center; gap: 6px; display: flex; }
.control-label-row label[data-v-9464d369] { color: var(--text-secondary); font-size: 0.75rem; font-weight: 700; }
.value-badge[data-v-9464d369] { color: var(--text-placeholder); background: var(--bg-section); border-radius: 4px; padding: 1px 4px; font-family: monospace; font-size: 0.7rem; }
.value-badge.has-val[data-v-9464d369] { color: var(--color-primary); background: var(--color-primary-bg); }
.reset-icon-btn[data-v-9464d369] { cursor: pointer; color: var(--text-placeholder); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin-left: auto; padding: 0px 4px; font-size: 0.9rem; transition: 0.2s; }
.reset-icon-btn[data-v-9464d369]:hover { color: var(--color-primary); transform: rotate(-90deg); }
.marquee-editor[data-v-2be87d77] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-2be87d77] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-2be87d77] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-2be87d77] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
textarea[data-v-2be87d77] { resize: vertical; width: 100%; padding: 8px; font-size: 0.9rem; }
select[data-v-2be87d77] { width: 100%; padding: 6px; }
.separator[data-v-2be87d77] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.timer-editor[data-v-194ef41c] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-194ef41c] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-194ef41c] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-194ef41c] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
.highlight-box[data-v-194ef41c] { background: var(--bg-input); border: 1px solid var(--color-primary); border-radius: 8px; padding: 12px; }
.accent-label[data-v-194ef41c] { color: var(--color-primary); margin-bottom: 10px; font-weight: 700; display: block; }
.datetime-input[data-v-194ef41c] { width: 100%; padding: 8px; font-family: monospace; }
.separator[data-v-194ef41c], .separator[data-v-826786e3] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.timeline-editor[data-v-58db2536] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-58db2536] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-58db2536] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-58db2536] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
.timeline-editor-row[data-v-58db2536] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 8px; align-items: flex-start; gap: 10px; margin-bottom: 8px; padding: 10px; display: flex; }
.drag-handle[data-v-58db2536] { cursor: grab; color: var(--text-placeholder); padding: 5px 0px; }
.timeline-item-main[data-v-58db2536] { flex-direction: column; flex: 1 1 0%; gap: 8px; min-width: 0px; display: flex; }
.row-top[data-v-58db2536] { align-items: center; gap: 8px; display: flex; }
.time-input[data-v-58db2536] { flex: 1 1 0%; font-weight: 700; }
textarea[data-v-58db2536] { resize: vertical; width: 100%; padding: 6px 8px; font-size: 0.85rem; }
.delete-btn[data-v-58db2536] { cursor: pointer; opacity: 0.4; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 4px; }
.delete-btn[data-v-58db2536]:hover { opacity: 1; color: rgb(255, 77, 79); }
.add-item-btn[data-v-58db2536] { margin-top: 5px; }
.separator[data-v-58db2536] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.btn-block[data-v-58db2536] { width: 100%; }
.grid-editor[data-v-15d0223e] { flex-direction: column; display: flex; }
.selected-sub-tabs[data-v-15d0223e] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-15d0223e] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-15d0223e] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
.grid-items-list[data-v-15d0223e] { flex-direction: column; gap: 10px; display: flex; }
.grid-editor-row[data-v-15d0223e] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 10px; align-items: flex-start; gap: 10px; padding: 10px; display: flex; }
.grid-item-main[data-v-15d0223e] { flex-direction: column; flex: 1 1 0%; gap: 10px; display: flex; }
.grid-item-image-row[data-v-15d0223e] { gap: 10px; display: flex; }
.grid-thumb[data-v-15d0223e] { background: rgba(0, 0, 0, 0.05); border-radius: 10px; flex-shrink: 0; justify-content: center; align-items: center; width: 64px; height: 64px; display: flex; overflow: hidden; }
.grid-thumb img[data-v-15d0223e] { object-fit: cover; width: 100%; height: 100%; }
.grid-thumb-actions[data-v-15d0223e] { flex-wrap: wrap; flex: 1 1 0%; align-items: center; gap: 6px; display: flex; }
.grid-item-text-row[data-v-15d0223e] { flex-direction: column; gap: 8px; display: flex; }
.drag-handle[data-v-15d0223e] { cursor: grab; opacity: 0.6; padding-top: 4px; }
.delete-btn[data-v-15d0223e] { border: 1px solid var(--border-color); cursor: pointer; opacity: 0.7; background: 0px 0px; border-radius: 8px; justify-content: center; align-items: center; width: 32px; height: 32px; display: flex; }
.delete-btn[data-v-15d0223e]:hover { opacity: 1; }
.separator[data-v-15d0223e] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); margin: 15px 0px; }
.unified-editor-item[data-v-883e745b] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 6px; align-items: center; margin-bottom: 5px; display: flex; }
.unified-drag-handle[data-v-883e745b] { cursor: default; color: rgb(136, 136, 136); background: rgba(0, 0, 0, 0.03); align-self: stretch; align-items: center; display: flex; }
.delete-btn[data-v-883e745b] { border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left: 1px solid var(--border-color); cursor: pointer; color: rgb(136, 136, 136); background: 0px 0px; align-self: stretch; padding: 0px 8px; }
.delete-btn[data-v-883e745b]:hover { color: rgb(255, 77, 79); }
.rpg-editor[data-v-883e745b] { color: var(--text-main); flex-direction: column; display: flex; }
.rpg-editor input[type="text"][data-v-883e745b] { color: var(--text-main); }
.selected-sub-tabs[data-v-883e745b] { border-bottom: 1px solid var(--border-color); margin-bottom: 15px; display: flex; }
.selected-sub-tab-btn[data-v-883e745b] { opacity: 0.6; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; display: flex; }
.selected-sub-tab-btn.active[data-v-883e745b] { opacity: 1; border-bottom: 2px solid var(--color-primary); color: var(--color-primary); }
.stats-label[data-v-883e745b] { color: var(--text-secondary); margin-bottom: 10px; font-size: 0.85rem; font-weight: 700; display: block; }
.stat-item[data-v-883e745b] { margin-bottom: 8px; }
.unified-drag-handle[data-v-883e745b] { justify-content: center; align-items: center; width: 28px; font-size: 0.75rem; font-weight: 700; display: flex; }
.unified-content[data-v-883e745b] { flex-direction: column; flex: 1 1 0%; gap: 4px; padding: 8px 12px; display: flex; }
.stat-header[data-v-883e745b] { justify-content: space-between; align-items: center; display: flex; }
.stat-name-input[data-v-883e745b] { width: 100px; color: var(--text-main); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; font-size: 0.85rem; font-weight: 700; }
.rpg-val-display[data-v-883e745b] { color: var(--color-primary); font-family: monospace; font-size: 0.85rem; font-weight: 700; }
.compare-val[data-v-883e745b] { color: var(--text-secondary); margin-left: 4px; font-size: 0.75rem; font-weight: 400; }
.dual-range-container[data-v-883e745b] { flex-direction: column; gap: 2px; display: flex; }
.stat-range[data-v-883e745b] { width: 100%; height: 6px; margin: 4px 0px; }
.compare-range[data-v-883e745b] { opacity: 0.5; accent-color: var(--text-secondary); }
.checkbox-group[data-v-883e745b] { color: var(--text-secondary); user-select: none; align-items: center; gap: 5px; display: flex; }
.flex-between[data-v-883e745b] { justify-content: space-between; align-items: center; display: flex; }
.options-row[data-v-883e745b] { gap: 15px; margin-top: -5px; padding: 0px 4px; display: flex; }
.separator[data-v-883e745b] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border-color); opacity: 0.5; margin: 15px 0px; }
.editor-item[data-v-1d36a014] { border: 1px solid var(--border-color); background: var(--bg-panel); border-radius: 8px; overflow: hidden; }
.editor-item-header[data-v-1d36a014] { background: var(--bg-section); border-bottom: 1px solid var(--border-color); justify-content: space-between; align-items: center; padding: 10px 12px; display: flex; }
.header-main[data-v-1d36a014] { flex: 1 1 0%; align-items: center; gap: 8px; min-width: 0px; display: flex; }
.module-icon[data-v-1d36a014] { color: var(--color-primary); flex-shrink: 0; align-items: center; display: flex; }
.module-title[data-v-1d36a014] { cursor: pointer; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9rem; font-weight: 700; overflow: hidden; }
.module-title[data-v-1d36a014]:hover { color: var(--color-primary); }
.edit-name-input[data-v-1d36a014] { background: var(--bg-input); border: 1px solid var(--color-primary); color: var(--text-primary); border-radius: 4px; width: 100%; padding: 2px 6px; font-size: 0.85rem; font-weight: 700; }
.module-id[data-v-1d36a014] { opacity: 0.4; margin-left: 4px; font-size: 0.7rem; }
.header-actions[data-v-1d36a014] { gap: 4px; display: flex; }
.action-btn[data-v-1d36a014] { cursor: pointer; color: var(--text-secondary); opacity: 0.7; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; align-items: center; padding: 4px; transition: 0.2s; display: flex; }
.action-btn[data-v-1d36a014]:hover { background: var(--bg-input); color: var(--text-primary); opacity: 1; }
.action-btn.delete[data-v-1d36a014]:hover { color: var(--color-danger); }
.editor-item-content[data-v-1d36a014] { min-height: 100px; padding: 15px; position: relative; }
.empty-state[data-v-1d36a014] { text-align: center; color: var(--text-secondary); padding: 40px 20px; }
.loading-network-hint[data-v-1d36a014] { text-align: center; color: var(--text-secondary); background: var(--bg-panel); z-index: 10; pointer-events: none; padding: 20px; animation: 0.5s ease-out 0s 1 normal none running fadeIn-1d36a014; position: absolute; top: 15px; left: 0px; right: 0px; }
.loading-network-hint .spin[data-v-1d36a014] { margin-bottom: 10px; font-size: 2rem; animation: 1s linear 0s infinite normal none running spin-1d36a014; }
.loading-network-hint p[data-v-1d36a014] { margin: 5px 0px; font-size: 0.9rem; }
.loading-network-hint .small[data-v-1d36a014] { opacity: 0.7; font-size: 0.75rem; }
.loading-network-hint a[data-v-1d36a014] { color: var(--color-primary); cursor: pointer; text-decoration: underline; }
@keyframes spin-1d36a014 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fadeIn-1d36a014 { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.multi-item-editor[data-v-e2010059] { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background: var(--bg-panel); border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-radius: 0px 0px 8px 8px; flex-direction: column; height: calc(-180px + 100vh); max-height: calc(-180px + 100vh); display: flex; }
.editor-item-header[data-v-e2010059] { background: var(--bg-section); border-bottom: 1px solid var(--border-color); justify-content: space-between; align-items: center; padding: 10px 12px; display: flex; }
.header-main[data-v-e2010059] { flex: 1 1 0%; align-items: center; gap: 8px; display: flex; }
.module-icon[data-v-e2010059] { color: var(--color-primary); align-items: center; display: flex; }
.module-title[data-v-e2010059] { font-size: 0.9rem; font-weight: 700; }
.header-actions[data-v-e2010059] { gap: 4px; display: flex; }
.action-btn[data-v-e2010059] { cursor: pointer; color: var(--text-secondary); opacity: 0.7; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; align-items: center; padding: 4px; transition: 0.2s; display: flex; }
.action-btn[data-v-e2010059]:hover { background: var(--bg-input); color: var(--text-primary); opacity: 1; }
.action-btn.delete[data-v-e2010059]:hover { color: var(--color-danger); }
.native-style-tabs[data-v-e2010059] { border-bottom: 1px solid var(--border-color); background: var(--bg-panel); justify-content: space-between; padding: 0px 10px; display: flex; }
.tabs-scroll-area[data-v-e2010059] { scrollbar-width: none; flex: 1 1 0%; gap: 5px; display: flex; overflow-x: auto; }
.tabs-scroll-area[data-v-e2010059]::-webkit-scrollbar { display: none; }
.tab-btn[data-v-e2010059] { cursor: pointer; color: var(--text-secondary); white-space: nowrap; background: 0px 0px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; align-items: center; gap: 6px; padding: 10px 12px; font-size: 0.85rem; display: flex; }
.tab-btn.active[data-v-e2010059] { color: var(--color-primary); border-bottom-color: var(--color-primary); background: rgba(var(--color-primary-rgb), .05); }
.shared-appearance-tab[data-v-e2010059] { border-left: 1px solid var(--border-color); margin-left: 5px; padding-left: 15px; font-weight: 700; }
.native-style-tabs.compact-mode .tab-btn[data-v-e2010059] { gap: 4px; padding: 8px 10px; font-size: 0.82rem; }
.native-style-tabs.compact-mode .shared-appearance-tab[data-v-e2010059] { padding-left: 12px; }
.native-style-tabs.icon-only-mode .item-unique-tab[data-v-e2010059] { padding: 8px 12px; }
.native-style-tabs.icon-only-mode .item-unique-tab .iconify[data-v-e2010059] { margin: 0px; font-size: 1.2rem; }
.native-style-tabs.icon-only-mode .shared-appearance-tab[data-v-e2010059] { padding: 8px 10px; }
.multi-editor-content[data-v-e2010059] { flex: 1 1 0%; padding: 15px; overflow-y: auto; }
.native-style-tabs .container-settings-tab[data-v-e2010059] { border-left: 1px solid var(--border-color); margin-left: auto; }
.container-settings-tab[data-v-e2010059] { background: rgba(var(--color-primary-rgb), .03); }
.container-section[data-v-e2010059] { animation: 0.2s ease 0s 1 normal none running fadeIn-e2010059; }
.container-section .tabs[data-v-e2010059] { justify-content: center; gap: 10px; display: flex; }
.setting-row[data-v-e2010059] { gap: 15px; margin-bottom: 20px; display: flex; }
.setting-col[data-v-e2010059] { flex: 1 1 0%; }
.setting-group[data-v-e2010059] { margin-bottom: 20px; }
.setting-label[data-v-e2010059] { color: var(--text-secondary); margin-bottom: 8px; font-size: 0.8rem; display: block; }
.native-input[data-v-e2010059] { background: var(--bg-input); border: 1px solid var(--border-color); width: 100%; color: var(--text-primary); border-radius: 6px; padding: 8px 12px; font-size: 0.9rem; }
.color-picker-trigger[data-v-e2010059] { background: var(--bg-input); border: 1px solid var(--border-color); cursor: pointer; border-radius: 6px; align-items: center; gap: 10px; padding: 8px 12px; display: flex; }
.color-preview[data-v-e2010059] { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; width: 20px; height: 20px; }
.color-value[data-v-e2010059] { color: var(--text-primary); font-size: 0.85rem; }
.slider-control[data-v-e2010059] { align-items: center; gap: 10px; display: flex; }
.slider-control input[type="range"][data-v-e2010059] { flex: 1 1 0%; }
.slider-value[data-v-e2010059] { color: var(--text-secondary); min-width: 40px; font-size: 0.8rem; }
.common-section[data-v-e2010059], .individual-section[data-v-e2010059] { animation: 0.2s ease 0s 1 normal none running fadeIn-e2010059; }
@keyframes fadeIn-e2010059 { 
  0% { opacity: 0; transform: translateY(5px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.batch-edit-hint[data-v-e2010059] { color: var(--text-secondary); background: var(--bg-hover); border-left: 3px solid var(--color-primary); border-radius: 6px; margin-bottom: 20px; padding: 8px 12px; font-size: 0.75rem; }
.separator[data-v-e2010059] { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px dashed var(--border-color); margin: 15px 0px; }
.color-control-row[data-v-e2010059] { gap: 15px; display: flex; }
.color-control-group[data-v-e2010059] { flex: 1 1 0%; }
.segment-control[data-v-e2010059] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 6px; padding: 2px; display: flex; overflow: hidden; }
.segment-control.full-width[data-v-e2010059] { width: 100%; }
.segment-btn[data-v-e2010059] { cursor: pointer; color: var(--text-secondary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; flex: 1 1 0%; padding: 6px 10px; font-size: 0.8rem; transition: 0.2s; }
.segment-btn.active[data-v-e2010059] { background: var(--bg-panel); color: var(--color-primary); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px; }
.segment-btn.tiny[data-v-e2010059] { padding: 4px; font-size: 0.75rem; }
.segment-control.shrink[data-v-e2010059] { width: fit-content; }
.container-bg-preview[data-v-e2010059] { background: var(--bg-input); border: 2px dashed var(--border-color); cursor: pointer; border-radius: 8px; justify-content: center; align-items: center; width: 100%; height: 80px; display: flex; position: relative; overflow: hidden; }
.container-bg-preview img[data-v-e2010059] { object-fit: cover; width: 100%; height: 100%; }
.upload-placeholder[data-v-e2010059] { color: var(--text-secondary); flex-direction: column; align-items: center; gap: 4px; font-size: 0.75rem; display: flex; }
.editor-section[data-v-e2010059] { border: 1px solid var(--border-color); background: rgba(var(--color-primary-rgb), .01); border-radius: 8px; margin-bottom: 15px; padding: 12px; }
.editor-section legend[data-v-e2010059] { color: var(--text-secondary); padding: 0px 8px; font-size: 0.8rem; font-weight: 700; }
.align-center[data-v-e2010059] { align-items: center; }
.max-width[data-v-e2010059] { flex: 1 1 0%; }
.gradient-config-area[data-v-e2010059] { background: rgba(var(--color-primary-rgb), .02); border-radius: 8px; margin-top: 10px; padding: 10px; }
.item-group-page-selector[data-v-e2010059] { background: rgba(var(--color-primary-rgb), .03); border-radius: 8px; margin-bottom: 12px; padding: 8px; }
.scrollable-x[data-v-e2010059] { scrollbar-width: none; overflow-x: auto; }
.scrollable-x[data-v-e2010059]::-webkit-scrollbar { display: none; }
.separator.tiny[data-v-e2010059] { margin: 10px 0px 5px; }
.pagination-area[data-v-e2010059] { border-top: 1px dashed var(--border-color); margin-top: 10px; padding-top: 10px; }
.pagination-button-wrap[data-v-e2010059] { margin-bottom: 15px; }
.pagination-list[data-v-e2010059] { flex-wrap: wrap; gap: 8px; display: flex; }
.page-nav-btn[data-v-e2010059] { border: 1px solid var(--border-color); background: var(--bg-panel); width: 32px; height: 32px; color: var(--text-secondary); cursor: pointer; border-radius: 6px; justify-content: center; align-items: center; font-size: 0.8rem; font-weight: 700; transition: 0.2s; display: flex; }
.page-nav-btn[data-v-e2010059]:hover { border-color: var(--color-primary); color: var(--color-primary); }
.page-nav-btn.active[data-v-e2010059] { background: var(--color-primary); color: rgb(255, 255, 255); border-color: var(--color-primary); box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), .3); }
.page-nav-btn.add-btn[data-v-e2010059] { background: var(--bg-hover); border-style: dashed; }
.page-action-row[data-v-e2010059] { justify-content: flex-end; display: flex; }
.btn-outline-danger[data-v-e2010059] { color: rgb(239, 68, 68); background: 0px 0px; border: 1px solid rgba(239, 68, 68, 0.2); }
.btn-outline-danger[data-v-e2010059]:hover { background: rgba(239, 68, 68, 0.05); border-color: rgb(239, 68, 68); }
.mt-10[data-v-e2010059] { margin-top: 10px; }
.no-margin[data-v-e2010059] { margin: 0px; }
.flex-between[data-v-e2010059] { justify-content: space-between; display: flex; }
.setting-hint[data-v-e2010059] { color: rgb(153, 153, 153); margin-top: 4px; font-size: 0.7rem; }
.toggle-switch[data-v-e2010059] { width: 40px; height: 20px; position: relative; }
.toggle-switch input[data-v-e2010059] { opacity: 0; width: 0px; height: 0px; }
.toggle-switch label[data-v-e2010059] { cursor: pointer; background-color: rgb(221, 221, 221); border-radius: 20px; transition: 0.4s; position: absolute; inset: 0px; }
.toggle-switch label[data-v-e2010059]::before { content: ""; background-color: rgb(255, 255, 255); border-radius: 50%; width: 14px; height: 14px; transition: 0.4s; position: absolute; bottom: 3px; left: 3px; }
.toggle-switch input:checked + label[data-v-e2010059] { background-color: var(--color-primary); }
.toggle-switch input:checked + label[data-v-e2010059]::before { transform: translate(20px); }
.showing-individual[data-v-e2010059] .selected-sub-tabs, .showing-individual[data-v-e2010059] .tabs { display: none !important; }
.showing-individual[data-v-e2010059] .editor-item { background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.showing-individual[data-v-e2010059] .editor-item-header { display: none !important; }
.showing-individual[data-v-e2010059] .editor-item-content { padding: 0px !important; }
.editor-body[data-v-e2010059] { flex: 1 1 0%; display: flex; position: relative; overflow: hidden; }
.has-sidebar[data-v-e2010059] { min-height: 0px; }
.editor-sidebar[data-v-e2010059] { background: var(--bg-section); border-right: 1px solid var(--border-color); z-index: 10; flex-direction: column; flex-shrink: 0; align-items: center; width: 58px; height: 100%; padding: 6px 0px; display: flex; }
.sidebar-scroll-area[data-v-e2010059] { scrollbar-width: none; flex-direction: column; flex: 1 1 0%; align-items: center; gap: 8px; width: 100%; min-height: 0px; padding: 2px 0px; display: flex; overflow-y: auto; }
.sidebar-scroll-area[data-v-e2010059]::-webkit-scrollbar { display: none; }
.sidebar-tab-btn[data-v-e2010059] { border: 1px solid var(--border-color); background: var(--bg-input); cursor: pointer; width: 40px; height: 40px; color: var(--text-secondary); border-radius: 10px; flex-shrink: 0; justify-content: center; align-items: center; transition: 0.2s; display: flex; position: relative; }
.sidebar-tab-btn .iconify[data-v-e2010059] { font-size: 1.25rem; line-height: 1; display: block; }
.sidebar-tab-btn[data-v-e2010059]:hover { border-color: var(--color-primary); color: var(--color-primary); background: var(--bg-hover); }
.sidebar-tab-btn.active[data-v-e2010059] { background: var(--color-primary); color: rgb(255, 255, 255); border-color: var(--color-primary); box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), .3); }
.sidebar-footer[data-v-e2010059] { border-top: 1px solid var(--border-color); background: var(--bg-section); flex-direction: column; flex-shrink: 0; align-items: center; gap: 8px; width: 100%; padding: 8px 0px; display: flex; }
.editor-main-area[data-v-e2010059] { background: var(--bg-panel); flex-direction: column; flex: 1 1 0%; display: flex; overflow-y: auto; }
.multi-editor-content[data-v-e2010059] { padding-bottom: 40px; }
.multi-editor-content.with-inset-padding[data-v-e2010059] { padding-left: 0px; }
.icon-wrapper[data-v-e2010059], .tab-icon-wrap[data-v-e2010059] { justify-content: center; align-items: center; display: flex; position: relative; }
.page-badge[data-v-e2010059] { background: var(--color-primary); color: rgb(255, 255, 255); min-width: 18px; height: 18px; box-shadow: 0 0 0 2px var(--bg-section); z-index: 5; border-radius: 9px; justify-content: center; align-items: center; font-size: 10px; font-weight: 700; display: flex; position: absolute; top: -6px; right: -6px; }
.sidebar-tab-btn.active .page-badge[data-v-e2010059] { color: var(--color-primary); box-shadow: 0 0 0 2px var(--color-primary); background: rgb(255, 255, 255); }
.page-badge-mini[data-v-e2010059] { background: var(--color-primary); color: rgb(255, 255, 255); pointer-events: none; border-radius: 4px; padding: 0px 4px; font-size: 8px; position: absolute; top: -4px; right: -4px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px; }
[data-v-e2010059] .settings-group .btn-outline-primary, .container-section .btn-outline-primary[data-v-e2010059] { border-color: var(--color-primary); color: var(--color-primary); }
[data-v-e2010059] .settings-group .btn-outline-primary:hover, .container-section .btn-outline-primary[data-v-e2010059]:hover { background: var(--color-primary); color: rgb(255, 255, 255); }
.container-section[data-v-e2010059] { padding: 0px 16px; }
.multi-item-editor[data-v-e2010059] label, .multi-item-editor[data-v-e2010059] .setting-label { color: var(--text-primary); }
.multi-item-editor[data-v-e2010059] .form-control, .multi-item-editor[data-v-e2010059] select, .multi-item-editor[data-v-e2010059] input[type="text"] { background: var(--bg-input); color: var(--text-primary); border-color: var(--border-color); }
.multi-item-editor[data-v-e2010059] .segment-control { justify-content: center; gap: 4px; display: flex; }
.multi-item-editor[data-v-e2010059] .segment-btn { background: var(--bg-input); color: var(--text-secondary); border-color: var(--border-color); }
.multi-item-editor[data-v-e2010059] .segment-btn.active { background: var(--color-primary); color: rgb(255, 255, 255); border-color: var(--color-primary); }
.multi-item-editor[data-v-e2010059] .editor-section { border-color: var(--border-color); background: var(--bg-section); margin-bottom: 16px; }
.multi-item-editor[data-v-e2010059] legend { color: var(--text-secondary); font-weight: 700; }
.multi-item-editor[data-v-e2010059] .btn-default { background: var(--bg-input); color: var(--text-primary); border-color: var(--border-color); }
.multi-item-editor[data-v-e2010059] .btn-default:hover { background: var(--bg-hover); }
.inspector-panel[data-v-3ab5bacb] { flex-direction: column; height: 100%; display: flex; overflow: hidden; }
.inspector-scroll-container[data-v-3ab5bacb] { flex: 1 1 0%; padding-bottom: 20px; overflow-y: auto; }
.inspector-footer[data-v-3ab5bacb] { background: var(--bg-secondary); border-top: 1px solid var(--border-color); color: var(--text-secondary); z-index: 10; flex-shrink: 0; justify-content: space-between; align-items: center; padding: 10px 15px; font-size: 0.85rem; display: flex; }
.empty-selection-premium[data-v-3ab5bacb] { text-align: center; color: var(--text-secondary); flex-direction: column; justify-content: center; align-items: center; min-height: 400px; padding: 4rem 1.5rem; display: flex; }
.empty-icon-wrapper[data-v-3ab5bacb] { background: linear-gradient(135deg, var(--color-primary), #60a5fa); color: rgb(255, 255, 255); width: 80px; height: 80px; box-shadow: 0 10px 25px color-mix(in srgb, var(--color-primary), transparent 80%); border-radius: 24px; justify-content: center; align-items: center; margin-bottom: 2rem; font-size: 2.5rem; display: flex; position: relative; }
.empty-icon-pulse[data-v-3ab5bacb] { border: 2px solid var(--color-primary); pointer-events: none; border-radius: 24px; animation: 2s ease-out 0s infinite normal none running icon-pulse-3ab5bacb; position: absolute; inset: 0px; }
@keyframes icon-pulse-3ab5bacb { 
  0% { opacity: 0.8; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.5); }
}
.empty-selection-premium h3[data-v-3ab5bacb] { color: var(--text-primary); margin: 0px 0px 0.75rem; font-size: 1.25rem; font-weight: 700; }
.empty-selection-premium p[data-v-3ab5bacb] { opacity: 0.7; margin: 0px; font-size: 0.95rem; line-height: 1.6; }
.empty-tips[data-v-3ab5bacb] { flex-direction: column; gap: 12px; width: 100%; margin-top: 3rem; display: flex; }
.tip-item[data-v-3ab5bacb] { background: var(--bg-input); color: var(--text-secondary); border: 1px solid var(--border-color); border-radius: 12px; align-items: center; gap: 10px; padding: 10px 15px; font-size: 0.82rem; transition: transform 0.2s; display: flex; }
.tip-item[data-v-3ab5bacb]:hover { background: var(--bg-section); transform: translateY(-2px); }
.tip-item .iconify[data-v-3ab5bacb] { color: var(--color-primary-text); }
.btn-active[data-v-3ab5bacb] { background: var(--bg-image-upload-hover); color: var(--color-primary-text); border-color: var(--color-primary); }
.stickers-editor .setting-item[data-v-3ab5bacb] { margin-bottom: 12px; }
.stickers-editor label[data-v-3ab5bacb] { color: var(--text-secondary); margin-bottom: 5px; font-size: 0.85rem; display: block; }
.stickers-editor input[type="text"][data-v-3ab5bacb], .stickers-editor select[data-v-3ab5bacb] { border: 1px solid var(--border-color); background: var(--bg-input); width: 100%; color: var(--text-primary); border-radius: 6px; padding: 6px 10px; }
.fade-enter-active[data-v-3ab5bacb], .fade-leave-active[data-v-3ab5bacb] { transition: opacity 0.2s; }
.fade-enter-from[data-v-3ab5bacb], .fade-leave-to[data-v-3ab5bacb] { opacity: 0; }
@keyframes fadeIn-3ab5bacb { 
  0% { opacity: 0; transform: translateY(5px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.animate-fade-in[data-v-3ab5bacb] { animation: 0.3s ease-out 0s 1 normal none running fadeIn-3ab5bacb; }
.segmented-control .seg-btn[data-v-3ab5bacb] { color: var(--text-secondary); font-weight: 500; transition: 0.2s; }
.segmented-control .seg-btn[data-v-3ab5bacb]:hover { color: var(--text-primary); background: rgba(255, 255, 255, 0.05); }
.segmented-control .seg-btn.active[data-v-3ab5bacb] { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; background: var(--color-primary-text) !important; color: rgb(255, 255, 255) !important; }
.mode-gear-control[data-v-3ab5bacb] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 20px; gap: 2px; padding: 2px; display: flex; }
.mode-gear-control .seg-btn[data-v-3ab5bacb] { cursor: pointer; white-space: nowrap; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 18px; padding: 4px 12px; font-size: 0.75rem; }
.mode-gear-control .seg-btn.active[data-v-3ab5bacb] { box-shadow: 0 2px 8px color-mix(in srgb, var(--color-primary), transparent 60%); background: var(--color-primary) !important; color: rgb(255, 255, 255) !important; }
.btn-icon-only[data-v-3ab5bacb] { justify-content: center; align-items: center; padding: 0px; display: flex; }
.btn-icon-only.active[data-v-3ab5bacb] { background: var(--color-primary-text); color: rgb(255, 255, 255); border-color: var(--color-primary); }
.btn-icon-small[data-v-3ab5bacb] { color: rgb(255, 255, 255); cursor: pointer; background: rgba(255, 255, 255, 0.2); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; padding: 6px; transition: background 0.2s; display: flex; }
.btn-icon-small[data-v-3ab5bacb]:hover { background: rgba(255, 255, 255, 0.4); }
.stickers-editor .form-group label[data-v-3ab5bacb] { color: var(--text-primary); margin-bottom: 6px; font-size: 0.85rem; font-weight: 600; }
.editor-section .section-content[data-v-3ab5bacb] { opacity: 1; max-height: 2000px; transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out; overflow: hidden; }
.editor-section.collapsed .section-content[data-v-3ab5bacb] { opacity: 0; pointer-events: none; max-height: 0px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; display: block !important; }
.editor-section legend[data-v-3ab5bacb] { user-select: none; }
.inspector-tab-content#inspector-tab-content-global .editor-section[data-v-3ab5bacb] { box-shadow: none; background: 0px 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-radius: 0px; margin-bottom: 20px; }
.inspector-tab-content#inspector-tab-content-global .editor-section .section-content[data-v-3ab5bacb] { background: 0px 0px; padding: 15px 12px; }
.inspector-tab-content#inspector-tab-content-global .editor-section legend[data-v-3ab5bacb] { background: var(--bg-section); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 10px 12px; }
.inspector-tab-content#inspector-tab-content-global .separator[data-v-3ab5bacb] { margin: 15px 12px; }
.magic-palette-btn[data-v-3ab5bacb] { background: var(--magic-btn-bg,linear-gradient(135deg, #007aff 0%, #99ffe6 100%)); box-shadow: 0 8px 20px var(--magic-btn-shadow,#007aff33); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 14px; padding: 14px; font-size: 14px; font-weight: 800; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: var(--magic-btn-text,#003a3d) !important; }
.magic-palette-btn[data-v-3ab5bacb]:hover { filter: brightness(1.05); transform: translateY(-2px); box-shadow: rgba(0, 122, 255, 0.3) 0px 12px 25px; }
.magic-palette-btn[data-v-3ab5bacb]:active { transform: scale(0.98); }
.theme-preset-divider[data-v-3ab5bacb] { border-top: 1px dashed var(--border-color); opacity: 0.6; grid-column: 1 / -1; height: 1px; margin: 5px 0px; }
.inspector-drag-handle-bar[data-v-3ab5bacb] { cursor: ns-resize; background: var(--bg-editor); border-bottom: 1px solid var(--border-color); touch-action: none; z-index: 100; flex-shrink: 0; justify-content: center; align-items: center; width: 100%; height: 32px; display: flex; position: relative; }
.inspector-drag-indicator[data-v-3ab5bacb] { background: var(--border-input); border-radius: 2px; width: 40px; height: 4px; transition: background 0.2s; }
.inspector-drag-handle-bar:active .inspector-drag-indicator[data-v-3ab5bacb] { background: var(--color-primary); }
.is-dragging[data-v-3ab5bacb] { user-select: none !important; transition: none !important; }
@media (width <= 1024px) {
  .inspector-panel[data-v-3ab5bacb] { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-top: 1px solid var(--border-color); border-radius: 16px 16px 0px 0px; position: fixed; inset: auto 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px -10px 30px; width: 100% !important; max-width: 100% !important; height: var(--v04146e5e) !important; z-index: 2000 !important; }
}
.context-menu[data-v-5c605d36] { z-index: 20000; backdrop-filter: blur(10px); transform-origin: 0px 0px; background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 14px; min-width: 190px; padding: 6px; position: fixed; box-shadow: rgba(0, 0, 0, 0.18) 0px 15px 45px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; }
.context-menu.flip-up[data-v-5c605d36] { transform-origin: 0px 100%; }
.menu-list[data-v-5c605d36] { flex-direction: column; gap: 2px; margin: 0px; padding: 0px; list-style: none; display: flex; }
.menu-list li[data-v-5c605d36] { color: rgb(44, 62, 80); cursor: pointer; border-radius: 10px; align-items: center; gap: 12px; padding: 10px 14px; font-size: 14px; font-weight: 500; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
.menu-list li[data-v-5c605d36]:hover:not(.disabled):not(.hint) { color: var(--color-primary); background: rgb(240, 244, 248); transform: translate(2px); }
.menu-list li.disabled[data-v-5c605d36] { opacity: 0.35; cursor: not-allowed; }
.menu-list li.hint[data-v-5c605d36] { opacity: 0.5; text-transform: uppercase; letter-spacing: 0.8px; pointer-events: none; padding: 8px 14px 4px; font-size: 11px; font-weight: 700; }
.menu-list li .iconify[data-v-5c605d36] { opacity: 0.8; font-size: 1.3em; }
.menu-list li:hover .iconify[data-v-5c605d36] { opacity: 1; }
.menu-list li.danger[data-v-5c605d36] { color: rgb(255, 77, 79); }
.menu-list li.danger[data-v-5c605d36]:hover { color: rgb(245, 34, 45); background: rgb(255, 241, 240); }
.menu-list li.separator[data-v-5c605d36] { border-bottom: 1px solid rgb(240, 240, 240); margin-bottom: 6px; padding-bottom: 8px; }
.menu-list li.separator-top[data-v-5c605d36] { border-top: 1px solid rgb(240, 240, 240); margin-top: 6px; padding-top: 10px; }
.has-submenu[data-v-5c605d36] { position: relative; }
.has-submenu[data-v-5c605d36]::after { content: "›"; opacity: 0.5; margin-left: auto; font-size: 18px; }
.submenu[data-v-5c605d36] { background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); border-radius: 12px; min-width: 150px; padding: 6px; display: none; position: absolute; top: -4px; left: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px; }
.submenu.flip-left[data-v-5c605d36] { left: auto; right: 100%; }
.has-submenu:hover > .submenu[data-v-5c605d36] { display: block; }
.submenu li[data-v-5c605d36] { justify-content: space-between; }
.icon-check[data-v-5c605d36] { color: var(--color-primary) !important; font-size: 1rem !important; }
.is-mobile-sheet[data-v-5c605d36] { border-radius: 20px 20px 0px 0px !important; width: 100% !important; padding-bottom: 40px !important; position: fixed !important; top: auto !important; bottom: 0px !important; left: 0px !important; }
.mobile-handle[data-v-5c605d36] { background: rgb(221, 221, 221); border-radius: 3px; width: 40px; height: 5px; margin: 0px auto 15px; }
.context-menu-overlay[data-v-5c605d36] { z-index: 19999; position: fixed; inset: 0px; }
.context-menu-overlay.is-mobile[data-v-5c605d36] { backdrop-filter: blur(4px); background: rgba(0, 0, 0, 0.4); }
.scale-fade-enter-active[data-v-5c605d36], .scale-fade-leave-active[data-v-5c605d36] { transition: opacity 0.2s, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); }
.scale-fade-enter-from[data-v-5c605d36], .scale-fade-leave-to[data-v-5c605d36] { opacity: 0; transform: scale(0.9) translateY(10px); }
.mobile-theme-fab[data-v-697d3805] { top: calc(60px + var(--system-broadcast-height,0px) + var(--global-banners-height,0px)); background: var(--bg-card,#fff); border: 1px solid var(--border-color,#0000001a); width: 44px; height: 44px; box-shadow: 0 4px 15px var(--shadow-medium,#00000026); z-index: 900; color: var(--text-primary,#333); cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; padding: 0px; font-size: 1.4rem; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: none; position: fixed; right: 15px; }
.mobile-theme-fab[data-v-697d3805]:active { transform: scale(0.9); }
:root.dark-mode .mobile-theme-fab[data-v-697d3805], .dark-mode .mobile-theme-fab[data-v-697d3805] { color: gold !important; background: rgba(45, 49, 58, 0.8) !important; border-color: rgba(255, 255, 255, 0.1) !important; }
@media (width <= 1024px) {
  .mobile-theme-fab[data-v-697d3805] { display: flex; }
}
@supports (padding:env(safe-area-inset-top)) {
  .mobile-theme-fab[data-v-697d3805] { top: calc(60px + env(safe-area-inset-top) + var(--system-broadcast-height,0px) + var(--global-banners-height,0px)); }
}
.system-marquee-scroll-text[data-v-1a274716] a { color: inherit !important; cursor: pointer !important; pointer-events: auto !important; text-decoration: underline !important; }
.global-banners-stack[data-v-ca9a35a2] { z-index: 99990; flex-direction: column; width: 100%; transition: top 0.3s; display: flex; position: fixed; left: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; }
.warning-banner[data-v-ca9a35a2] { color: rgb(255, 255, 255); text-align: center; padding: 8px 20px; font-size: 0.85rem; line-height: 1.4; }
.warning-banner.storage[data-v-ca9a35a2] { background: rgb(231, 76, 60); }
.warning-banner.limit[data-v-ca9a35a2] { white-space: nowrap; background: rgb(243, 156, 18); overflow: hidden; }
.marquee-content[data-v-ca9a35a2] { padding-left: 100%; animation: 20s linear 0s infinite normal none running banner-marquee-ca9a35a2; display: inline-block; }
@keyframes banner-marquee-ca9a35a2 { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}
.qa-banner[data-v-ca9a35a2] { background: var(--color-primary); color: rgb(255, 255, 255); justify-content: center; align-items: center; padding: 10px 20px; animation: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running slideDown-ca9a35a2; display: flex; position: relative; }
.qa-content[data-v-ca9a35a2] { justify-content: space-between; align-items: center; gap: 15px; width: 100%; max-width: 1200px; display: flex; }
.qa-text[data-v-ca9a35a2] { align-items: center; gap: 8px; font-size: 0.85rem; display: flex; }
.emoji[data-v-ca9a35a2] { font-size: 1.2rem; }
.qa-link[data-v-ca9a35a2] { color: var(--color-primary); white-space: nowrap; background: rgb(255, 255, 255); border-radius: 6px; padding: 5px 12px; font-size: 0.8rem; font-weight: 700; text-decoration: none; }
.close-btn[data-v-ca9a35a2] { color: rgba(255, 255, 255, 0.7); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin-left: 10px; font-size: 1.4rem; line-height: 1; }
#storage-warning-banner a[data-v-ca9a35a2] { color: rgb(255, 255, 255); font-weight: 700; text-decoration: underline; }
@keyframes slideDown-ca9a35a2 { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (width <= 768px) {
  .qa-content[data-v-ca9a35a2] { flex-direction: column; align-items: flex-start; gap: 8px; }
  .qa-link[data-v-ca9a35a2] { align-self: flex-end; }
}
.premium-modal[data-v-cbe97ea0] { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px; flex-direction: column; width: 90%; max-width: 960px; max-height: 90vh; animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards running modalScaleIn-cbe97ea0; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 40px; }
@keyframes modalScaleIn-cbe97ea0 { 
  0% { opacity: 0; transform: scale(0.96) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.modal-header[data-v-cbe97ea0] { color: var(--text-primary); justify-content: flex-start; align-items: center; padding: 12px 32px; display: flex; }
.modal-header h3[data-v-cbe97ea0] { text-align: left; margin: 0px; font-size: 1.4rem; font-weight: 700; }
.mobile-hint[data-v-cbe97ea0] { display: none; }
.mode-selector[data-v-cbe97ea0] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 6px; margin-left: auto; padding: 2px; display: flex; }
.mode-selector button[data-v-cbe97ea0] { cursor: pointer; color: var(--text-secondary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; padding: 4px 12px; font-size: 11px; transition: 0.2s; }
.mode-selector button.active[data-v-cbe97ea0] { background: var(--color-primary); color: rgb(255, 255, 255); }
.modal-editor-body[data-v-cbe97ea0] { flex-direction: column; flex: 1 1 0%; min-height: 0px; padding: 0px 32px 10px; display: flex; }
.modal-toolbar-wrapper[data-v-cbe97ea0] { flex-direction: column; gap: 6px; padding: 12px 0px 20px; display: flex; }
.modal-toolbar[data-v-cbe97ea0] { color: var(--text-primary); border: 1px solid var(--border-color); background: 0px 0px; border-radius: 6px; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 14px; display: flex; }
.toolbar-group[data-v-cbe97ea0] { gap: 2px; display: flex; }
.select-container[data-v-cbe97ea0] { flex-direction: column; justify-content: center; align-items: center; display: flex; }
.premium-select[data-v-cbe97ea0] { background: var(--bg-input); border: 1px solid var(--border-color); color: var(--text-primary); border-radius: 4px; outline: none; width: 70px; height: 24px; padding: 0px 4px; font-size: 11px; }
.premium-select.short[data-v-cbe97ea0] { width: 60px; }
.modal-toolbar button[data-v-cbe97ea0] { cursor: pointer; width: auto; min-width: 32px; height: 40px; color: inherit; opacity: 0.85; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; flex-direction: column; justify-content: center; align-items: center; padding: 2px 4px; transition: 0.2s; display: flex; }
.modal-toolbar button .iconify[data-v-cbe97ea0] { width: 1.1rem; height: 1.1rem; margin-bottom: 2px; font-size: 1.1rem; }
.btn-label[data-v-cbe97ea0] { opacity: 0.6; white-space: nowrap; font-size: 9px; font-weight: 500; }
.modal-toolbar button.is-active .btn-label[data-v-cbe97ea0] { opacity: 1; }
.modal-toolbar button[data-v-cbe97ea0]:hover { background: var(--rt-toolbar-btn-hover,#ffffff1a); color: var(--text-primary); opacity: 1; }
.typography-controls[data-v-cbe97ea0] { gap: 4px; }
.input-with-label[data-v-cbe97ea0] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 4px; align-items: center; height: 30px; padding: 0px 4px; display: flex; }
.small-label[data-v-cbe97ea0] { color: var(--text-secondary); opacity: 0.8; white-space: nowrap; user-select: none; margin-right: 2px; font-size: 9px; }
.tiny-input[data-v-cbe97ea0] { color: var(--text-primary); text-align: center; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; width: 32px; padding: 0px; font-size: 12px; }
.tiny-input[data-v-cbe97ea0]::placeholder { opacity: 0.3; }
.modal-toolbar button.is-active[data-v-cbe97ea0] { background: var(--rt-toolbar-btn-active,var(--color-primary-bg)); color: var(--color-primary); opacity: 1; }
.divider[data-v-cbe97ea0] { background: var(--border-color); flex: 0 0 auto; width: 1px; height: 24px; margin: 0px 4px; }
.font-size-container[data-v-cbe97ea0] { align-items: center; display: flex; }
.font-size-input[data-v-cbe97ea0] { color: var(--text-secondary); cursor: text; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; width: 65px; padding: 2px 4px; font-size: 0.8rem; transition: 0.2s; }
.font-size-input[data-v-cbe97ea0]:hover, .font-size-input[data-v-cbe97ea0]:focus { background: var(--bg-input); color: var(--text-primary); }
.font-size-input[data-v-cbe97ea0]::placeholder { color: rgb(102, 102, 102); opacity: 0.8; }
.tiptap-modal-content[data-v-cbe97ea0] { background: var(--bg-input); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 4px; flex: 1 1 0%; padding: 16px; transition: 0.2s; display: flow-root; overflow-y: auto; }
.tiptap-modal-content[data-v-cbe97ea0]:focus-within { border-color: rgb(59, 130, 246); box-shadow: rgb(59, 130, 246) 0px 0px 0px 1px; }
.tiptap-modal-content[data-v-cbe97ea0] .tiptap { min-height: 100%; }
[data-v-cbe97ea0] .tiptap { outline: none; min-height: 100px; display: flow-root; }
[data-v-cbe97ea0] .tiptap p { margin: 0px 0px 0.4em; }
[data-v-cbe97ea0] .tiptap table { border-collapse: collapse; table-layout: fixed; width: 100%; margin: 1em 0px; overflow: hidden; }
[data-v-cbe97ea0] .tiptap table td, [data-v-cbe97ea0] .tiptap table th { border: 2px solid var(--border-color,#ddd); vertical-align: top; box-sizing: border-box; min-width: 1em; padding: 6px 10px; position: relative; }
[data-v-cbe97ea0] .tiptap table th { text-align: left; background-color: rgba(128, 128, 128, 0.05); font-weight: 700; }
[data-v-cbe97ea0] .tiptap table .selectedCell::after { z-index: 2; content: ""; pointer-events: none; background: rgba(200, 200, 255, 0.4); position: absolute; inset: 0px; }
[data-v-cbe97ea0] .tiptap table .column-resize-handle { pointer-events: none; background-color: rgb(170, 221, 255); width: 4px; position: absolute; top: 0px; bottom: -2px; right: -2px; }
[data-v-cbe97ea0] .tiptap ul[data-type="taskList"] { list-style: none; padding: 0px !important; }
[data-v-cbe97ea0] .tiptap ul[data-type="taskList"] li { align-items: flex-start; gap: 8px; margin-bottom: 4px; display: flex; }
[data-v-cbe97ea0] .tiptap ul[data-type="taskList"] li > label { user-select: none; flex: 0 0 auto; margin-top: 4px; }
[data-v-cbe97ea0] .tiptap ul[data-type="taskList"] li > div { flex: 1 1 auto; }
[data-v-cbe97ea0] .tiptap ul[data-type="taskList"] input[type="checkbox"] { cursor: pointer; width: 1.2em; height: 1.2em; accent-color: var(--color-primary); }
[data-v-cbe97ea0] .tiptap ul, [data-v-cbe97ea0] .tiptap ol { margin: 1em 0px; padding-left: 2em; }
[data-v-cbe97ea0] .tiptap ol { list-style-type: decimal; }
[data-v-cbe97ea0] .tiptap ul { list-style-type: disc; }
[data-v-cbe97ea0] .tiptap h1, [data-v-cbe97ea0] .tiptap h2, [data-v-cbe97ea0] .tiptap h3 { margin: 0.5em 0px 0.3em !important; font-weight: 800 !important; line-height: 1.2 !important; }
[data-v-cbe97ea0] .tiptap h1 { font-size: 1.6em; }
[data-v-cbe97ea0] .tiptap h2 { font-size: 1.4em; }
[data-v-cbe97ea0] .tiptap h3 { font-size: 1.2em; }
[data-v-cbe97ea0] .tiptap blockquote { border-left: 4px solid var(--color-primary,#007aff); color: var(--text-secondary); background: rgba(128, 128, 128, 0.05); border-radius: 2px 8px 8px 2px; margin: 0.8em 0px !important; padding-left: 1em !important; }
[data-v-cbe97ea0] .tiptap hr { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 2px solid var(--border-color); margin: 1.2em 0px !important; }
[data-v-cbe97ea0] .tiptap pre { color: rgb(212, 212, 212); background: rgb(30, 30, 30); font-family: monospace; font-size: 0.9em; border-radius: 8px !important; margin: 0.8em 0px !important; padding: 12px !important; overflow-x: auto !important; }
[data-v-cbe97ea0] .tiptap code { background: rgba(128, 128, 128, 0.1); border-radius: 4px !important; padding: 2px 4px !important; }
[data-v-cbe97ea0] .rich-image-container { user-select: none; outline: rgba(0, 0, 0, 0) solid 2px; max-width: 100%; transition: outline 0.2s; display: inline-block; position: relative; }
[data-v-cbe97ea0] .rich-image-container:hover, [data-v-cbe97ea0] .rich-image-container.is-resizing { outline: 2px solid var(--color-primary,#3b82f6); }
[data-v-cbe97ea0] .image-resize-handle { background: var(--color-primary,#3b82f6); cursor: nwse-resize; opacity: 0; z-index: 10; border-top-left-radius: 2px; width: 12px; height: 12px; transition: opacity 0.2s; position: absolute; bottom: 0px; right: 0px; }
[data-v-cbe97ea0] .rich-image-container:hover .image-resize-handle, [data-v-cbe97ea0] .rich-image-container.is-resizing .image-resize-handle { opacity: 1; }
[data-v-cbe97ea0] .rich-image { max-width: 100%; height: auto; }
.modal-footer[data-v-cbe97ea0] { background: 0px 0px; justify-content: flex-end; gap: 12px; padding: 12px 32px 24px; display: flex; }
.btn[data-v-cbe97ea0] { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; min-width: 80px; padding: 6px 20px; font-size: 0.9rem; font-weight: 500; transition: 0.2s; }
.btn[data-v-cbe97ea0]:hover { filter: brightness(1.05); transform: translateY(-1px); }
.btn[data-v-cbe97ea0]:active { transform: scale(0.96); }
.btn-default[data-v-cbe97ea0] { background: var(--bg-input); border: 1px solid var(--border-color); color: var(--text-secondary); }
.btn-default[data-v-cbe97ea0]:hover { background: var(--bg-editor); color: var(--text-primary); }
.btn-primary[data-v-cbe97ea0] { background: var(--color-primary); color: rgb(255, 255, 255); }
.btn-primary[data-v-cbe97ea0]:hover { background: rgb(0, 106, 230); }
@media screen and (width <= 768px) {
  .premium-modal[data-v-cbe97ea0] { border-radius: 12px; width: 98%; max-height: 96vh; }
  .modal-header[data-v-cbe97ea0] { padding: 12px 16px; }
  .modal-header h3[data-v-cbe97ea0] { font-size: 1.1rem; }
  .modal-editor-body[data-v-cbe97ea0] { padding: 0px 12px 10px; }
  .modal-toolbar-wrapper[data-v-cbe97ea0] { gap: 8px; padding: 8px 0px 12px; }
  .modal-toolbar[data-v-cbe97ea0] { scrollbar-width: none; flex-wrap: nowrap; gap: 6px; padding: 6px 10px; overflow-x: auto; }
  .modal-toolbar[data-v-cbe97ea0]::-webkit-scrollbar { display: none; }
  .toolbar-group[data-v-cbe97ea0] { flex-shrink: 0; gap: 4px; }
  .modal-toolbar button[data-v-cbe97ea0] { min-width: 36px; height: 36px; padding: 4px; }
  .modal-toolbar button .iconify[data-v-cbe97ea0] { width: 1.3rem; height: 1.3rem; margin-bottom: 0px; font-size: 1.3rem; }
  .btn-label[data-v-cbe97ea0] { display: none; }
  .divider[data-v-cbe97ea0] { height: 16px; margin: 0px 4px; }
  .typography-controls[data-v-cbe97ea0] { gap: 8px; }
  .input-with-label[data-v-cbe97ea0] { height: 32px; padding: 0px 6px; }
  .premium-select[data-v-cbe97ea0] { width: 80px; height: 28px; font-size: 12px; }
  .premium-select.short[data-v-cbe97ea0] { width: 70px; }
  .modal-footer[data-v-cbe97ea0] { padding: 12px 16px 16px; }
  .btn[data-v-cbe97ea0] { min-width: 70px; padding: 8px 16px; font-size: 0.85rem; }
  .modal-header[data-v-cbe97ea0] { flex-direction: row-reverse; justify-content: space-between; padding: 12px 16px; display: flex; }
  .mobile-hint[data-v-cbe97ea0] { color: var(--color-primary); opacity: 0.9; background: var(--color-primary-bg); border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 500; display: inline-block; }
}
.export-hero-card[data-v-7a681f78] { background: linear-gradient(135deg, var(--bg-input) 0%, var(--bg-section) 100%); border: 2px solid var(--color-primary); cursor: pointer; border-radius: 12px; align-items: center; gap: 15px; margin-bottom: 20px; padding: 15px; transition: 0.2s; display: flex; position: relative; overflow: hidden; }
.export-hero-card[data-v-7a681f78]:hover { background: var(--bg-image-upload-hover); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.export-hero-card .hero-icon[data-v-7a681f78] { color: var(--color-primary); justify-content: center; align-items: center; font-size: 2.2rem; display: flex; }
.export-hero-card h4[data-v-7a681f78] { color: var(--color-primary); margin: 0px 0px 4px; font-size: 1.05rem; }
.export-hero-card p[data-v-7a681f78] { color: var(--text-secondary); opacity: 0.9; margin: 0px; font-size: 0.8rem; }
.export-hero-card .badge[data-v-7a681f78] { background: var(--color-primary); color: rgb(255, 255, 255); border-radius: 0px 0px 0px 8px; padding: 2px 8px; font-size: 0.65rem; font-weight: 700; position: absolute; top: 0px; right: 0px; }
.export-menu-list[data-v-7a681f78] { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; }
.export-menu-item[data-v-7a681f78] { cursor: pointer; border-bottom: 1px solid var(--border-color); align-items: center; gap: 12px; padding: 12px 16px; transition: background 0.2s; display: flex; }
.export-menu-item[data-v-7a681f78]:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.export-menu-item[data-v-7a681f78]:hover { background: var(--bg-editor); }
.export-menu-item .menu-icon[data-v-7a681f78] { color: var(--text-secondary); flex-shrink: 0; align-items: center; font-size: 1.4rem; display: flex; }
.export-menu-item .text-col[data-v-7a681f78] { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }
.export-menu-item h5[data-v-7a681f78] { color: var(--text-primary); margin: 0px; font-size: 0.95rem; font-weight: 600; }
.export-menu-item p[data-v-7a681f78] { color: var(--text-secondary); opacity: 0.8; margin: 0px; font-size: 0.75rem; line-height: 1.3; }
.export-menu-item .arrow[data-v-7a681f78] { color: var(--text-placeholder); opacity: 0.5; font-size: 1.2rem; }
.desktop-side-by-side[data-v-6c88c607] { align-items: flex-start; flex-direction: row !important; }
@media (width <= 768px) {
  .desktop-side-by-side[data-v-6c88c607] { flex-direction: column !important; }
}
.social-support-btn[data-v-c8b659ad] { box-sizing: border-box; white-space: nowrap; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); border-radius: 8px; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; min-width: 0px; height: 42px; padding: 8px; font-size: 0.8rem; font-weight: 600; text-decoration: none; transition: 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; }
.social-support-btn[data-v-c8b659ad]:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
.social-support-btn[data-v-c8b659ad]:active { transform: translateY(0px); }
.modal-overlay[data-v-c8b659ad] { background: var(--bg-modal-overlay,#00000080); opacity: 1; visibility: visible; justify-content: center; align-items: center; width: 100%; height: 100%; transition: 0.3s; display: flex; position: fixed; top: 0px; left: 0px; z-index: 10000 !important; }
.modal-container[data-v-c8b659ad] { scrollbar-width: thin; width: 90%; max-width: 440px; max-height: 85vh; position: relative; overflow-y: auto; }
.modal-container[data-v-c8b659ad]::-webkit-scrollbar { width: 4px; }
.modal-container[data-v-c8b659ad]::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; }
.ri--weibo-fill[data-v-c8b659ad] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.278 8.592c2.773-2.77 6.004-4.033 7.219-2.816c.537.537.588 1.464.244 2.572c-.178.557.524.25.524.25c2.241-.938 4.197-.994 4.91.027c.38.542.343 1.306-.008 2.19c-.163.407.048.47.36.563c1.262.392 2.668 1.336 2.668 3.004c0 2.763-3.98 6.239-9.964 6.239c-4.565 0-9.23-2.213-9.23-5.852c0-1.902 1.204-4.102 3.277-6.177m12.133 5.742c-.237-2.391-3.382-4.039-7.023-3.677c-3.64.359-6.403 2.59-6.167 4.98c.237 2.394 3.382 4.039 7.023 3.68c3.641-.362 6.401-2.592 6.167-4.983m-10.249.104c.754-1.528 2.712-2.39 4.446-1.94c1.792.463 2.707 2.154 1.976 3.799c-.744 1.683-2.883 2.58-4.695 1.994c-1.752-.566-2.493-2.295-1.727-3.853m2.715.578c-.563-.237-1.291.008-1.64.553c-.354.547-.189 1.201.371 1.456c.568.257 1.325.013 1.676-.55c.346-.568.163-1.217-.408-1.459m1.387-.578c-.216-.084-.486.018-.613.232c-.123.214-.054.458.163.547c.219.092.501-.012.628-.231c.123-.22.044-.466-.178-.548m5.694-11.514A5.83 5.83 0 0 1 21.5 4.72a5.84 5.84 0 0 1 1.22 5.704a.84.84 0 0 1-1.06.54a.844.844 0 0 1-.542-1.062a4.142 4.142 0 0 0-4.808-5.327a.845.845 0 0 1-.353-1.65m.626 2.926a2.836 2.836 0 0 1 3.29 3.648a.725.725 0 1 1-1.378-.45a1.38 1.38 0 0 0-.287-1.357a1.4 1.4 0 0 0-1.322-.426a.723.723 0 1 1-.303-1.415'/%3E%3C/svg%3E"); width: 24px; height: 24px; mask-image: var(--svg); background-color: currentcolor; display: inline-block; mask-size: 100% 100%; mask-repeat: no-repeat; }
.simple-icons--xiaohongshu[data-v-c8b659ad] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.405 9.879c.002.016.01.02.07.019h.725a.797.797 0 0 0 .78-.972a.794.794 0 0 0-.884-.618a.795.795 0 0 0-.692.794c0 .101-.002.666.001.777m-11.509 4.808c-.203.001-1.353.004-1.685.003a2.5 2.5 0 0 1-.766-.126a.025.025 0 0 0-.03.014L7.7 16.127a.025.025 0 0 0 .01.032c.111.06.336.124.495.124c.66.01 1.32.002 1.981 0q.017 0 .023-.015l.712-1.545a.025.025 0 0 0-.024-.036zM.477 9.91c-.071 0-.076.002-.076.01l-.01.08c-.027.397-.038.495-.234 3.06c-.012.24-.034.389-.135.607c-.026.057-.033.042.003.112c.046.092.681 1.523.787 1.74c.008.015.011.02.017.02c.008 0 .033-.026.047-.044q.219-.282.371-.606c.306-.635.44-1.325.486-1.706c.014-.11.021-.22.03-.33l.204-2.616l.022-.293c.003-.029 0-.033-.03-.034zm7.203 3.757a1.4 1.4 0 0 1-.135-.607c-.004-.084-.031-.39-.235-3.06a.4.4 0 0 0-.01-.082c-.004-.011-.052-.008-.076-.008h-1.48c-.03.001-.034.005-.03.034l.021.293q.114 1.473.233 2.946c.05.4.186 1.085.487 1.706c.103.215.223.419.37.606c.015.018.037.051.048.049c.02-.003.742-1.642.804-1.765c.036-.07.03-.055.003-.112m3.861-.913h-.872a.126.126 0 0 1-.116-.178l1.178-2.625a.025.025 0 0 0-.023-.035l-1.318-.003a.148.148 0 0 1-.135-.21l.876-1.954a.025.025 0 0 0-.023-.035h-1.56q-.017 0-.024.015l-.926 2.068c-.085.169-.314.634-.399.938a.5.5 0 0 0-.02.191a.46.46 0 0 0 .23.378a1 1 0 0 0 .46.119h.59c.041 0-.688 1.482-.834 1.972a.5.5 0 0 0-.023.172a.47.47 0 0 0 .23.398c.15.092.342.12.475.12l1.66-.001q.017 0 .023-.015l.575-1.28a.025.025 0 0 0-.024-.035m-6.93-4.937H3.1a.032.032 0 0 0-.034.033c0 1.048-.01 2.795-.01 6.829c0 .288-.269.262-.28.262h-.74c-.04.001-.044.004-.04.047c.001.037.465 1.064.555 1.263c.01.02.03.033.051.033c.157.003.767.009.938-.014c.153-.02.3-.06.438-.132c.3-.156.49-.419.595-.765c.052-.172.075-.353.075-.533q.003-3.495-.007-6.991a.03.03 0 0 0-.032-.032zm11.784 6.896q-.002-.02-.024-.022h-1.465c-.048-.001-.049-.002-.05-.049v-4.66c0-.072-.005-.07.07-.07h.863c.08 0 .075.004.075-.074V8.393c0-.082.006-.076-.08-.076h-3.5c-.064 0-.075-.006-.075.073v1.445c0 .083-.006.077.08.077h.854c.075 0 .07-.004.07.07v4.624c0 .095.008.084-.085.084c-.37 0-1.11-.002-1.304 0c-.048.001-.06.03-.06.03l-.697 1.519s-.014.025-.008.036s.013.008.058.008q2.622.003 5.243.002c.03-.001.034-.006.035-.033zm4.177-3.43q0 .021-.02.024c-.346.006-.692.004-1.037.004q-.021-.003-.022-.024q-.006-.651-.01-1.303c0-.072-.006-.071.07-.07l.733-.003c.041 0 .081.002.12.015c.093.025.16.107.165.204c.006.431.002 1.153.001 1.153m2.67.244a1.95 1.95 0 0 0-.883-.222h-.18c-.04-.001-.04-.003-.042-.04V10.21q.001-.198-.025-.394a1.8 1.8 0 0 0-.153-.53a1.53 1.53 0 0 0-.677-.71a2.2 2.2 0 0 0-1-.258c-.153-.003-.567 0-.72 0c-.07 0-.068.004-.068-.065V7.76c0-.031-.01-.041-.046-.039H17.93s-.016 0-.023.007q-.008.008-.008.023v.546c-.008.036-.057.015-.082.022h-.95c-.022.002-.028.008-.03.032v1.481c0 .09-.004.082.082.082h.913c.082 0 .072.128.072.128v1.148s.003.117-.06.117h-1.482c-.068 0-.06.082-.06.082v1.445s-.01.068.064.068h1.457c.082 0 .076-.006.076.079v3.225c0 .088-.007.081.082.081h1.43c.09 0 .082.007.082-.08v-3.27c0-.029.006-.035.033-.035l2.323-.003a.7.7 0 0 1 .28.061a.46.46 0 0 1 .274.407c.008.395.003.79.003 1.185c0 .259-.107.367-.33.367h-1.218c-.023.002-.029.008-.028.033q.276.655.57 1.303a.05.05 0 0 0 .04.026c.17.005.34.002.51.003c.15-.002.517.004.666-.01a2 2 0 0 0 .408-.075c.59-.18.975-.698.976-1.313v-1.981q.001-.191-.034-.38c0 .078-.029-.641-.724-.998'/%3E%3C/svg%3E"); width: 1em; height: 1em; mask-image: var(--svg); background-color: currentcolor; display: inline-block; mask-size: 100% 100%; mask-repeat: no-repeat; }
.bxs--donate-heart[data-v-c8b659ad] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.726 13.02L14 16H9v-1h4.065a.5.5 0 0 0 .416-.777l-.888-1.332A2 2 0 0 0 10.93 12H3a1 1 0 0 0-1 1v6a2 2 0 0 0 2 2h9.639a3 3 0 0 0 2.258-1.024L22 13l-1.452-.484a3 3 0 0 0-2.822.504m1.532-5.63c.451-.465.73-1.108.73-1.818s-.279-1.353-.73-1.818A2.45 2.45 0 0 0 17.494 3S16.25 2.997 15 4.286C13.75 2.997 12.506 3 12.506 3a2.45 2.45 0 0 0-1.764.753c-.451.466-.73 1.108-.73 1.818s.279 1.354.73 1.818L15 12z'/%3E%3C/svg%3E"); width: 24px; height: 24px; mask-image: var(--svg); background-color: currentcolor; display: inline-block; mask-size: 100% 100%; mask-repeat: no-repeat; }
#qa-guide-banner[data-v-c8b659ad] { background: var(--color-primary); color: rgb(255, 255, 255); z-index: 100; box-sizing: border-box; border-radius: 12px 12px 0px 0px; width: 100%; padding: 12px 40px 12px 20px; animation: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running slideDown-c8b659ad; position: absolute; top: 0px; left: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px; }
.qa-banner-inner[data-v-c8b659ad] { justify-content: space-between; align-items: center; max-width: 1200px; margin: 0px auto; font-size: 0.85rem; line-height: 1.4; display: flex; }
.qa-banner-text[data-v-c8b659ad] { text-align: left; align-items: center; gap: 10px; display: flex; }
.qa-emoji[data-v-c8b659ad] { font-size: 1.2rem; }
.qa-banner-btn[data-v-c8b659ad] { color: var(--color-primary); white-space: nowrap; background: rgb(255, 255, 255); border-radius: 6px; flex-shrink: 0; margin-left: 10px; padding: 5px 12px; font-size: 0.75rem; font-weight: 700; text-decoration: none; }
.qa-banner-close[data-v-c8b659ad] { color: rgba(255, 255, 255, 0.8); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 5px; font-size: 1.4rem; line-height: 1; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); }
@keyframes slideDown-c8b659ad { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes slideUp-c8b659ad { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (width <= 600px) {
  .qa-banner-inner[data-v-c8b659ad] { flex-direction: column; align-items: flex-start; gap: 8px; }
  .qa-banner-btn[data-v-c8b659ad] { align-self: flex-end; margin-left: 0px; }
}
.modal-overlay[data-v-0d83f670] { z-index: 20000 !important; }
.premium-modal[data-v-85ec0003] { background: var(--bg-editor,#fff); width: 90%; max-width: 700px; height: 85vh; box-shadow: 0 10px 40px var(--shadow-medium,#0000001a); border: 1px solid var(--border-color,#e0e0e0); border-radius: 16px; flex-direction: column; animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards running modalScaleIn-85ec0003; display: flex; overflow: hidden; }
@keyframes modalScaleIn-85ec0003 { 
  0% { opacity: 0; transform: scale(0.96) translateY(10px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.modal-header[data-v-85ec0003] { border-bottom: 1px solid var(--border-color,#e0e0e0); background: var(--bg-editor); flex-shrink: 0; justify-content: space-between; align-items: center; padding: 16px 20px; display: flex; }
.modal-header h3[data-v-85ec0003] { color: var(--text-primary); margin: 0px; font-size: 1.15rem; font-weight: 700; }
.back-btn[data-v-85ec0003] { border: 1px solid var(--border-color); background: var(--bg-input); width: 32px; height: 32px; color: var(--text-primary); cursor: pointer; border-radius: 8px; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.back-btn[data-v-85ec0003]:hover { background: var(--bg-image-upload-hover); transform: translate(-2px); }
.modal-actions[data-v-85ec0003] { border-top: 1px solid var(--border-color); background: var(--bg-editor); padding: 16px 20px; display: flex; }
.btn-primary[data-v-85ec0003] { background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary), black 20%)); color: rgb(255, 255, 255); box-shadow: 0 4px 12px color-mix(in srgb, var(--color-primary), transparent 80%); }
.tab-btn[data-v-85ec0003] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium medium 3px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; border-radius: 8px; padding: 8px 16px; font-size: 0.9rem; font-weight: 600; transition: 0.2s; }
.tab-btn[data-v-85ec0003]:hover { background: var(--bg-image-upload-hover); color: var(--text-primary); }
.tab-btn.active[data-v-85ec0003] { background: var(--bg-image-upload-hover); color: var(--color-primary); border-bottom-color: var(--color-primary); }
.steam-list-item[data-v-85ec0003] { border: 1px solid rgba(0, 0, 0, 0); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
.steam-list-item[data-v-85ec0003]:hover { background: var(--bg-image-upload-hover); border-color: color-mix(in srgb, var(--color-primary), transparent 90%); border-radius: 8px; transform: translate(4px); }
@keyframes fadeIn-85ec0003 { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.masonry-container[data-v-85ec0003] { column-count: 3; column-gap: 12px; width: 100%; }
.masonry-item[data-v-85ec0003] { break-inside: avoid; cursor: pointer; border: 1px solid var(--border-color); background: var(--bg-editor); border-radius: 10px; margin-bottom: 12px; transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative; overflow: hidden; }
.masonry-item[data-v-85ec0003]:hover { box-shadow: 0 4px 12px var(--shadow-medium); border-color: var(--color-primary); transform: translateY(-2px); }
.masonry-image[data-v-85ec0003] { object-fit: cover; background: var(--bg-input); width: 100%; display: block; }
.masonry-info[data-v-85ec0003] { color: var(--text-secondary); background: var(--bg-section); border-top: 1px solid var(--border-color); white-space: nowrap; text-overflow: ellipsis; opacity: 0.8; padding: 6px 10px; font-size: 0.7rem; overflow: hidden; }
@media (width <= 600px) {
  .masonry-container[data-v-85ec0003] { column-count: 2; column-gap: 8px; }
}
@keyframes marquee-d98eefdd { 
  0% { transform: translate(100%); }
  100% { transform: translate(-100%); }
}
.spinning[data-v-d98eefdd] { animation: 1s linear 0s infinite normal none running spin-d98eefdd; }
@keyframes spin-d98eefdd { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.modal-sidebar[data-v-d98eefdd] { scroll-behavior: auto !important; }
@media (width <= 1024px) {
  .modal-sidebar[data-v-d98eefdd] { mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 88%, rgba(0, 0, 0, 0) 100%) !important; }
  .modal-container.sidebar-layout[data-v-d98eefdd] { position: relative; }
  .modal-container.sidebar-layout[data-v-d98eefdd]::before { content: ""; background: linear-gradient(to right, transparent, var(--bg-section)); pointer-events: none; z-index: 10; border-radius: 0px 16px 0px 0px; width: 40px; height: 48px; position: absolute; top: 0px; right: 0px; }
}
.display-mode-segments[data-v-d98eefdd] { background: var(--bg-editor); border: 1px solid var(--border-color); border-radius: 10px; gap: 4px; padding: 4px; display: flex; }
.segment-btn[data-v-d98eefdd] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 8px 4px; font-size: 0.85rem; font-weight: 500; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
.segment-btn[data-v-d98eefdd]:hover { background: var(--bg-input); color: var(--text-primary); }
.segment-btn.active[data-v-d98eefdd] { background: var(--color-primary); color: rgb(255, 255, 255); box-shadow: rgba(0, 122, 255, 0.25) 0px 4px 12px; }
.segment-btn .iconify[data-v-d98eefdd] { font-size: 1.1rem; }
.flower-particle { z-index: 9999; pointer-events: none; animation: 3s linear 0s 1 normal forwards running fall; position: fixed; top: -50px; }
@keyframes fall { 
  100% { transform: translateY(100vh) translateX(var(--drift)) rotate(var(--rotation)); opacity: 0; }
}
.announcement-card { background: var(--bg-input); border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 12px; transition: 0.3s; overflow: hidden; }
.announcement-card.is-new { border-color: rgba(0, 122, 255, 0.4); box-shadow: rgba(0, 122, 255, 0.05) 0px 4px 12px; }
.announcement-header { cursor: pointer; user-select: none; justify-content: space-between; align-items: center; padding: 14px 18px; display: flex; }
.announcement-header:hover { background: rgba(0, 122, 255, 0.02); }
.announcement-title-row { flex: 1 1 0%; align-items: center; gap: 10px; display: flex; }
.ann-badge { text-transform: uppercase; border-radius: 4px; padding: 2px 8px; font-size: 0.7rem; font-weight: 700; }
.ann-badge.info { color: var(--color-primary); background: rgba(0, 122, 255, 0.1); }
.ann-badge.success, .ann-badge.update { color: rgb(16, 185, 129); background: rgba(16, 185, 129, 0.1); }
.announcement-card.is-pinned { background: linear-gradient(to right, #f59e0b08, var(--bg-input)); border-color: rgba(245, 158, 11, 0.3); }
.ann-pin-icon { color: rgb(245, 158, 11); align-items: center; font-size: 1rem; display: flex; }
.ann-badge.warning { color: rgb(255, 159, 67); background: rgba(255, 159, 67, 0.1); }
.ann-badge.important { color: var(--color-danger); background: rgba(255, 71, 87, 0.1); }
.ann-badge.new_feature { color: rgb(46, 213, 115); background: rgba(46, 213, 115, 0.1); }
.ann-title { color: var(--text-primary); font-size: 0.95rem; font-weight: 600; }
.ann-new-tag { background: var(--color-danger); color: rgb(255, 255, 255); border-radius: 3px; padding: 1px 5px; font-size: 0.65rem; font-weight: 900; animation: 2s ease 0s infinite normal none running pulse; }
.announcement-meta { align-items: center; gap: 12px; display: flex; }
.ann-date { color: var(--text-secondary); opacity: 0.7; font-family: monospace; font-size: 0.8rem; }
@media (width <= 600px) {
  .announcement-header { flex-direction: column; gap: 10px; align-items: flex-start !important; }
  .announcement-title-row { flex-wrap: wrap; width: 100%; }
  .announcement-meta { border-top: 1px dashed rgba(255, 255, 255, 0.05); justify-content: space-between; width: 100%; padding-top: 8px; }
}
.expand-icon { color: var(--text-secondary); font-size: 1.2rem; transition: transform 0.3s; }
.announcement-content { color: var(--text-primary); border-top: 1px dashed var(--border-color); margin-top: 0px; padding: 18px; font-size: 0.9rem; line-height: 1.6; }
.announcement-content img { border-radius: 8px; max-width: 100%; margin: 12px auto; display: block; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; height: auto !important; }
.side-new-dot { background: var(--color-danger); border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 6px; right: 6px; }
@keyframes pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}
.expand-enter-active, .expand-leave-active { opacity: 1; max-height: 500px; transition: 0.3s; }
.expand-enter-from, .expand-leave-to { opacity: 0; max-height: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; }
.tab-content a:not(.btn), .announcement-content a:not(.btn) { color: var(--color-primary); border-bottom: 1px dashed rgba(0, 122, 255, 0.2); padding: 0px 2px; font-weight: 500; text-decoration: none; transition: 0.2s; }
.tab-content a:not(.btn):hover, .announcement-content a:not(.btn):hover { color: var(--color-primary-hover,#006ae6); border-bottom-color: var(--color-primary-hover,#006ae6); background: rgba(0, 122, 255, 0.08); border-radius: 4px; }
.tab-content a:not(.btn):active, .announcement-content a:not(.btn):active { opacity: 0.7; }
.avatar-glow-container { background: var(--bg-editor); border: 3px solid var(--color-primary); box-shadow: 0 0 15px var(--color-primary-40,#007aff4d); cursor: pointer; border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 86px; height: 86px; margin: 0px auto; padding: 4px; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; }
.avatar-glow-container:hover { box-shadow: 0 0 25px var(--color-primary-40,#007aff80); transform: scale(1.08) rotate(3deg); }
.about-author-avatar { object-fit: cover; border-radius: 50%; flex-shrink: 0; width: 72px; height: 72px; display: block; }
.avatar-glow-container.is-cat { border-color: rgb(255, 102, 153) !important; box-shadow: rgba(255, 102, 153, 0.4) 0px 0px 20px !important; }
.avatar-glow-container.is-cat:hover { box-shadow: rgb(255, 102, 153) 0px 0px 30px, rgba(255, 204, 0, 0.5) 0px 0px 50px !important; }
.donation-thanks-section { border-top: 1px dashed var(--border-color); margin-top: 30px; padding-top: 20px; }
.donation-list { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 15px; padding: 20px; display: grid; }
.donation-card { background: var(--bg-card,#ffffff0d); border: 1px solid var(--border-color); border-radius: 12px; flex-direction: column; gap: 8px; padding: 15px; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); animation: 0.5s ease 0s 1 normal backwards running cardFadeIn; display: flex; position: relative; }
.donation-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 30px; }
.donation-card.has-border { border-width: 2px; }
@property --border-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.donation-card.has-gradient-border { background-origin: padding-box, padding-box, border-box; background-clip: padding-box, padding-box, border-box; background-image: linear-gradient(var(--bg-card,#ffffff0d), var(--bg-card,#ffffff0d)), linear-gradient(#111113, #111113), var(--custom-gradient); animation: 0.5s ease 0s 1 normal backwards running cardFadeIn, 4s linear 0s infinite normal none running spinConic; border: 2.8px solid rgba(0, 0, 0, 0) !important; }
.donation-card.has-gradient-border::before { content: ""; background-image: var(--custom-gradient); filter: blur(14px); opacity: 0.65; z-index: -1; border-radius: inherit; pointer-events: none; background-origin: content-box; background-clip: content-box; padding: 28px; transition: 0.4s; animation: 4s linear 0s infinite normal none running spinConic; position: absolute; inset: -28px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) 0px 0px content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) 0px 0px; }
.donation-card.has-gradient-border:hover::before { filter: blur(20px); opacity: 0.8; padding: 35px; inset: -35px; }
html[data-theme="dark"] .donation-card.has-gradient-border::before { opacity: 0.55; filter: blur(14px); }
html[data-theme="dark"] .donation-card.has-gradient-border { background-image: linear-gradient(var(--bg-card,#0003), var(--bg-card,#0003)), linear-gradient(#0c0c0e, #0c0c0e), var(--custom-gradient); }
@keyframes spinConic { 
  0% { --border-angle: 0deg; }
  100% { --border-angle: 360deg; }
}
@keyframes cardFadeIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.donor-header { justify-content: space-between; align-items: center; gap: 8px; display: flex; }
.donor-nickname { color: var(--text-primary); white-space: nowrap; scrollbar-width: none; font-size: 0.95rem; font-weight: 700; overflow-x: auto; }
.donor-nickname::-webkit-scrollbar { display: none; }
.donor-amount { color: var(--color-primary); flex-shrink: 0; font-family: monospace; font-size: 0.9rem; font-weight: 900; }
.donor-remark { color: var(--text-secondary); word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.8em; font-size: 0.8rem; line-height: 1.4; display: -webkit-box; overflow: hidden; }
.donor-date { color: var(--text-placeholder); text-align: right; opacity: 0.8; margin-top: auto; font-family: monospace; font-size: 0.7rem; }
.donation-empty { text-align: center; background: var(--bg-input); color: var(--text-secondary); border-radius: 12px; grid-column: 1 / -1; padding: 40px; }
.modal-overlay[data-v-2beb523a] { background: var(--bg-modal-overlay,#0009); z-index: 10000; backdrop-filter: blur(5px); justify-content: center; align-items: center; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; display: flex !important; }
.modal-container[data-v-2beb523a] { background: var(--bg-editor,#fff); box-shadow: 0 10px 40px var(--shadow-heavy,#00000026); border: 1px solid var(--border-color,#e8e8e8); border-radius: 16px; width: 90%; max-width: 440px; padding: 25px; animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards running modalScaleIn-2beb523a; }
@keyframes modalScaleIn-2beb523a { 
  0% { opacity: 0; transform: scale(0.96) translateY(10px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.modal-container h3[data-v-2beb523a] { color: var(--text-primary); margin-top: 0px; margin-bottom: 12px; font-size: 1.25rem; font-weight: 700; }
.modal-actions[data-v-2beb523a] { justify-content: flex-end; gap: 12px; margin-top: 24px; display: flex; }
.modal-actions .btn[data-v-2beb523a] { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; width: auto; min-width: 90px; padding: 10px 20px; font-size: 0.95rem; font-weight: 600; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.modal-actions .btn[data-v-2beb523a]:hover { filter: brightness(1.05); transform: translateY(-1px); }
.modal-actions .btn[data-v-2beb523a]:active { filter: brightness(0.95); transform: scale(0.96); }
.btn-default[data-v-2beb523a] { background: var(--bg-section,#f3f3f3); color: var(--text-primary,#333); border: 1px solid var(--border-color) !important; }
.btn-primary[data-v-2beb523a] { background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary), black 20%)); color: rgb(255, 255, 255); box-shadow: 0 4px 12px color-mix(in srgb, var(--color-primary), transparent 80%); }
.btn-danger[data-v-2beb523a] { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(255, 77, 79), rgb(217, 54, 62)); box-shadow: rgba(255, 77, 79, 0.2) 0px 4px 12px; }
.btn-success[data-v-2beb523a] { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(82, 196, 26), rgb(56, 158, 13)); }
.res-manager-modal[data-v-c7424a1f] { border-radius: 12px; flex-direction: column; width: 90%; max-width: 850px; height: 85vh; padding: 0px; display: flex; overflow: hidden; }
.modal-header[data-v-c7424a1f] { border-bottom: 1px solid var(--border-color); background: var(--bg-editor); justify-content: space-between; align-items: center; padding: 16px 20px; display: flex; }
.modal-header h3[data-v-c7424a1f] { margin: 0px; font-size: 1.2rem; font-weight: 600; }
.close-icon-btn[data-v-c7424a1f] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 1.5rem; line-height: 1; }
.tabs-container[data-v-c7424a1f] { background: var(--bg-editor); border-bottom: 1px solid var(--border-color); padding: 0px 10px; }
.tabs[data-v-c7424a1f] { gap: 4px; display: flex; }
.tab-btn[data-v-c7424a1f] { cursor: pointer; color: var(--text-secondary); background: 0px 0px; border-width: medium medium 3px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; align-items: center; gap: 8px; padding: 12px 20px; font-size: 0.95rem; font-weight: 500; transition: 0.2s; display: flex; }
.tab-btn[data-v-c7424a1f]:hover { background: var(--bg-input); color: var(--text-primary); }
.tab-btn.active[data-v-c7424a1f] { color: var(--color-primary); border-bottom-color: var(--color-primary); }
.modal-body-scroll[data-v-c7424a1f] { background: var(--bg-input); flex: 1 1 0%; padding: 0px; overflow-y: auto; }
.tab-pane[data-v-c7424a1f] { padding: 20px; animation: 0.3s ease-out 0s 1 normal none running slideUp-c7424a1f; }
@keyframes slideUp-c7424a1f { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.pane-header[data-v-c7424a1f] { border-bottom: 1px dashed var(--border-color); justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; display: flex; }
.count-badge[data-v-c7424a1f] { color: var(--text-primary); margin-bottom: 4px; font-size: 1rem; font-weight: 700; display: block; }
.sub-text[data-v-c7424a1f] { color: var(--text-secondary); font-size: 0.8rem; }
.centered-state[data-v-c7424a1f] { text-align: center; color: var(--text-secondary); flex-direction: column; justify-content: center; align-items: center; padding: 80px 20px; display: flex; }
.centered-state .big-icon[data-v-c7424a1f] { opacity: 0.3; margin-bottom: 15px; font-size: 4rem; }
.loading-spinner[data-v-c7424a1f] { border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--color-primary); border-radius: 50%; width: 30px; height: 30px; margin-bottom: 15px; animation: 0.8s linear 0s infinite normal none running spin-c7424a1f; }
@keyframes spin-c7424a1f { 
  100% { transform: rotate(360deg); }
}
.resource-grid[data-v-c7424a1f] { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; display: grid; }
.resource-item[data-v-c7424a1f] { background: var(--bg-card); border: 2px solid var(--border-color); border-radius: 8px; transition: 0.2s; overflow: hidden; }
.resource-item[data-v-c7424a1f]:hover { border-color: var(--color-primary); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
.resource-item.in-use[data-v-c7424a1f] { border-color: var(--color-primary); }
.img-preview[data-v-c7424a1f] { background-color: rgb(26, 26, 26); background-position: 50% center; background-size: cover; height: 120px; position: relative; }
.in-use-badge[data-v-c7424a1f] { background: var(--color-primary); color: rgb(255, 255, 255); border-radius: 4px; padding: 2px 6px; font-size: 0.65rem; font-weight: 700; position: absolute; top: 6px; left: 6px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; }
.item-action-btn[data-v-c7424a1f] { color: rgb(255, 255, 255); cursor: pointer; opacity: 0; backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.6); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; width: 24px; height: 24px; transition: opacity 0.2s; display: flex; position: absolute; top: 6px; right: 6px; }
.resource-item:hover .item-action-btn[data-v-c7424a1f] { opacity: 1; }
.item-action-btn.delete[data-v-c7424a1f]:hover { background: var(--color-danger); }
.img-meta[data-v-c7424a1f] { background: var(--bg-section); text-align: center; border-top: 1px solid var(--border-color); padding: 6px 10px; }
.size-text[data-v-c7424a1f] { color: var(--text-secondary); font-size: 0.75rem; }
.font-sections[data-v-c7424a1f] { flex-direction: column; gap: 30px; display: flex; }
.section-title[data-v-c7424a1f] { color: var(--text-secondary); letter-spacing: 1px; margin-bottom: 12px; padding-left: 4px; font-size: 0.85rem; font-weight: 700; }
.font-list[data-v-c7424a1f] { flex-direction: column; gap: 8px; display: flex; }
.font-item[data-v-c7424a1f] { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; justify-content: space-between; align-items: center; padding: 12px 16px; transition: border-color 0.2s; display: flex; }
.font-item[data-v-c7424a1f]:hover { border-color: var(--color-primary); }
.font-item.online[data-v-c7424a1f] { border-left: 4px solid var(--color-primary); }
.font-preview-text[data-v-c7424a1f] { color: var(--text-primary); margin-bottom: 4px; font-size: 1.2rem; }
.font-meta[data-v-c7424a1f] { color: var(--text-secondary); font-size: 0.75rem; }
.recycle-list[data-v-c7424a1f] { flex-direction: column; gap: 8px; display: flex; }
.recycle-item[data-v-c7424a1f] { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; justify-content: space-between; align-items: center; padding: 12px 16px; display: flex; }
.item-name[data-v-c7424a1f] { margin-bottom: 4px; font-weight: 600; }
.item-date[data-v-c7424a1f] { color: var(--text-secondary); font-size: 0.75rem; }
.recycle-actions[data-v-c7424a1f] { gap: 12px; display: flex; }
.modal-footer[data-v-c7424a1f] { border-top: 1px solid var(--border-color); background: var(--bg-editor); justify-content: center; padding: 16px 20px; display: flex; }
.btn-small[data-v-c7424a1f] { padding: 6px 12px; font-size: 0.85rem; }
.icon-btn[data-v-c7424a1f] { cursor: pointer; color: var(--text-secondary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; padding: 8px; transition: 0.2s; }
.icon-btn[data-v-c7424a1f]:hover { background: var(--bg-input); color: var(--text-primary); }
.icon-btn.danger[data-v-c7424a1f]:hover { color: var(--color-danger); background: rgba(255, 0, 0, 0.1); }
.upload-label[data-v-c7424a1f] { cursor: pointer; }
.pane-actions[data-v-c7424a1f] { align-items: center; gap: 12px; display: flex; }
.btn-text[data-v-c7424a1f] { color: var(--color-primary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 4px 8px; font-size: 0.85rem; text-decoration: underline; }
.btn-text[data-v-c7424a1f]:hover { opacity: 0.8; }
.storage-status-banner[data-v-c7424a1f] { background: var(--bg-editor); border-bottom: 1px solid var(--border-color); flex-direction: column; gap: 8px; padding: 12px 20px; display: flex; }
.storage-info-row[data-v-c7424a1f] { justify-content: space-between; align-items: center; display: flex; }
.storage-label[data-v-c7424a1f] { color: var(--text-secondary); align-items: center; gap: 6px; font-size: 0.85rem; font-weight: 600; display: flex; }
.storage-usage-text[data-v-c7424a1f] { font-family: monospace; font-size: 0.85rem; }
.storage-usage-text .used[data-v-c7424a1f] { color: var(--color-primary); font-weight: 700; }
.storage-usage-text .sep[data-v-c7424a1f] { opacity: 0.5; margin: 0px 4px; }
.storage-usage-text .percent[data-v-c7424a1f] { margin-left: 6px; font-weight: 700; }
.storage-progress[data-v-c7424a1f] { background: rgba(0, 0, 0, 0.1); border-radius: 3px; height: 6px; overflow: hidden; }
.storage-progress-fill[data-v-c7424a1f] { background: var(--color-primary); border-radius: 3px; height: 100%; transition: width 0.3s; }
.storage-progress-fill.warning[data-v-c7424a1f] { background: rgb(245, 158, 11); }
.storage-progress-fill.danger[data-v-c7424a1f] { background: rgb(239, 68, 68); }
.storage-warning[data-v-c7424a1f] { color: rgb(239, 68, 68); align-items: center; gap: 4px; font-size: 0.75rem; font-weight: 500; animation: 2.5s ease 0s infinite normal none running storagePulse-c7424a1f; display: flex; }
@keyframes storagePulse-c7424a1f { 
  0% { opacity: 1; }
  50% { opacity: 0.7; }
  100% { opacity: 1; }
}
.premium-modal[data-v-02e5f725] { background: var(--bg-editor,#fff); width: 90%; max-width: 500px; box-shadow: 0 10px 40px var(--shadow-medium,#0000001a); border: 1px solid var(--border-color,#e0e0e0); border-radius: 16px; padding: 24px; animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards running modalScaleIn-02e5f725; }
@keyframes modalScaleIn-02e5f725 { 
  0% { opacity: 0; transform: scale(0.96) translateY(10px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.modal-header h3[data-v-02e5f725] { color: var(--text-primary); margin: 0px 0px 15px; font-size: 1.2rem; font-weight: 700; }
.font-instructions[data-v-02e5f725] { background: var(--bg-input,#f8f9fa); border: 1px solid var(--border-color); border-radius: 10px; margin-bottom: 20px; padding: 12px; font-size: 0.85rem; line-height: 1.6; }
.font-instructions ol[data-v-02e5f725] { margin-top: 8px; margin-left: 20px; }
.font-code-textarea[data-v-02e5f725] { resize: vertical; border-radius: 8px; width: 100%; font-family: "Courier New", Courier, monospace; font-size: 0.85rem; }
.font-import-preview[data-v-02e5f725] { border: 1px dashed var(--color-primary); background: var(--color-primary-bg); border-radius: 8px; align-items: center; gap: 8px; margin-top: 15px; padding: 10px; display: flex; }
.modal-actions[data-v-02e5f725] { justify-content: flex-end; gap: 12px; margin-top: 24px; display: flex; }
.btn-primary[data-v-02e5f725] { background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary), black 20%)); color: rgb(255, 255, 255); box-shadow: 0 4px 12px color-mix(in srgb, var(--color-primary), transparent 80%); }
.spin[data-v-70333c67] { animation: 1s linear 0s infinite normal none running spin-70333c67; }
@keyframes spin-70333c67 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.repair-logs[data-v-70333c67]::-webkit-scrollbar { width: 6px; }
.repair-logs[data-v-70333c67]::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 3px; }
.template-card[data-v-75b2c05e]:hover { border-color: var(--color-primary) !important; transform: translateY(-4px) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 24px !important; }
#template-list-container[data-v-75b2c05e] { columns: 3; flex-grow: 1; column-gap: 15px; padding: 5px; overflow-y: auto; }
@media (width <= 900px) {
  #template-list-container[data-v-75b2c05e] { columns: 2; }
}
@media (width <= 600px) {
  #template-list-container[data-v-75b2c05e] { columns: 1; }
}
.template-card[data-v-75b2c05e] { break-inside: avoid; background: var(--bg-card,#23272f); border: 1px solid var(--border-color,#2d313a); border-radius: 12px; flex-direction: column; width: 100%; margin-bottom: 15px; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; display: flex !important; }
.template-card-img-wrapper[data-v-75b2c05e] { background: var(--bg-section,#1a1c22); min-height: 100px; position: relative; overflow: hidden; }
.template-card-img-wrapper img[data-v-75b2c05e] { width: 100%; height: auto; display: block; }
.btn-tab[data-v-75b2c05e] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; padding: 8px 16px; font-size: 0.9rem; font-weight: 600; transition: 0.2s; }
.btn-tab.active[data-v-75b2c05e] { background: var(--bg-section); color: var(--color-primary); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }
.create-page-overlay[data-v-4949b70e] { backdrop-filter: blur(14px); z-index: 2000; background: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; padding: 20px; display: flex; position: fixed; inset: 0px; }
.create-page-container[data-v-4949b70e] { background: var(--bg-card); border: 1px solid var(--border-color); width: 100%; max-width: 480px; color: var(--text-primary); border-radius: 20px; animation: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running modal-pop-4949b70e; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 60px; }
@keyframes modal-pop-4949b70e { 
  0% { opacity: 0; transform: scale(0.9) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.modal-header[data-v-4949b70e] { border-bottom: 1px solid rgba(255, 255, 255, 0.05); justify-content: space-between; align-items: center; padding: 24px 24px 16px; display: flex; }
.header-content h2[data-v-4949b70e] { color: var(--text-primary); margin: 0px; font-size: 1.25rem; font-weight: 700; }
.header-content p[data-v-4949b70e] { color: var(--text-secondary); margin: 4px 0px 0px; font-size: 0.85rem; }
.close-icon-btn[data-v-4949b70e] { cursor: pointer; width: 32px; height: 32px; color: var(--text-secondary); background: rgba(0, 0, 0, 0.2); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.composer-body[data-v-4949b70e] { padding: 24px; }
.config-section[data-v-4949b70e] { margin-bottom: 24px; }
.section-label[data-v-4949b70e] { color: var(--text-primary); align-items: center; gap: 6px; margin-bottom: 12px; font-size: 0.9rem; font-weight: 600; display: flex; }
.segmented-control[data-v-4949b70e] { background: var(--bg-input); border-radius: 12px; gap: 2px; padding: 4px; display: flex; }
.segmented-control button[data-v-4949b70e] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 0.85rem; font-weight: 500; transition: 0.2s; display: flex; }
.segmented-control button.active[data-v-4949b70e] { background: var(--bg-card); color: var(--color-primary); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.layout-toggle-group[data-v-4949b70e] { border: 1px solid var(--border-color); background: rgba(0, 0, 0, 0.1); border-radius: 14px; padding: 3px; display: flex; }
.layout-btn[data-v-4949b70e] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 11px; flex: 1 1 0%; padding: 14px; font-size: 0.95rem; font-weight: 600; transition: 0.2s; position: relative; }
.layout-btn.active[data-v-4949b70e] { background: var(--bg-card); color: var(--text-primary); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px; }
.layout-btn.bento.active[data-v-4949b70e] { color: rgb(255, 177, 59); }
.badge-new[data-v-4949b70e] { color: rgb(255, 255, 255); background: rgb(255, 77, 79); border-radius: 8px; padding: 1px 5px; font-size: 8px; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.checkbox-container[data-v-4949b70e] { cursor: pointer; color: rgb(255, 177, 59); align-items: center; gap: 10px; font-size: 0.9rem; font-weight: 700; display: flex; }
.checkbox-container input[data-v-4949b70e] { display: none; }
.checkmark[data-v-4949b70e] { border: 2px solid rgb(255, 177, 59); border-radius: 4px; width: 18px; height: 18px; position: relative; }
.checkbox-container input:checked + .checkmark[data-v-4949b70e]::after { content: ""; border-style: solid; border-color: rgb(255, 177, 59); border-image: initial; border-width: 0px 2px 2px 0px; width: 5px; height: 10px; position: absolute; top: 1px; left: 5px; transform: rotate(45deg); }
.config-section-advanced[data-v-4949b70e] { border: 1px dashed var(--border-color); background: rgba(0, 0, 0, 0.15); border-radius: 12px; margin-bottom: 20px; padding: 16px; }
.slider-header[data-v-4949b70e] { justify-content: space-between; margin-bottom: 12px; font-size: 0.85rem; display: flex; }
.slider-header .val[data-v-4949b70e] { color: var(--color-primary); }
.preset-group[data-v-4949b70e] { gap: 8px; display: flex; }
.preset-chip[data-v-4949b70e] { border: 1px solid var(--border-color); color: var(--text-secondary); cursor: pointer; background: rgba(255, 255, 255, 0.05); border-radius: 8px; flex: 1 1 0%; padding: 8px; font-size: 0.85rem; transition: 0.2s; }
.preset-chip[data-v-4949b70e]:hover { background: rgba(255, 255, 255, 0.1); }
.preset-chip.active[data-v-4949b70e] { background: var(--color-primary); color: rgb(255, 255, 255); border-color: var(--color-primary); }
.slider-control[data-v-4949b70e] { align-items: center; gap: 12px; display: flex; }
.slider-control input[type="range"][data-v-4949b70e] { accent-color: var(--color-primary); cursor: pointer; flex: 1 1 0%; }
.reset-btn[data-v-4949b70e] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; font-size: 1.2rem; }
.modal-footer-advanced[data-v-4949b70e] { gap: 12px; padding: 12px 24px 24px; display: flex; }
.btn-cancel[data-v-4949b70e] { border: 1px solid var(--border-color); color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-radius: 12px; flex: 1 1 0%; padding: 14px; font-weight: 500; }
.btn-primary-create[data-v-4949b70e] { background: var(--color-primary); color: rgb(255, 255, 255); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; flex: 2 1 0%; padding: 14px; font-weight: 700; transition: filter 0.2s; }
.btn-primary-create[data-v-4949b70e]:hover { filter: brightness(1.1); }
.april-fools-overlay[data-v-dc793107] { z-index: 9999; backdrop-filter: blur(14px); background: rgba(0, 0, 0, 0.65); justify-content: center; align-items: center; padding: 20px; display: flex; position: fixed; inset: 0px; }
.april-fools-container[data-v-dc793107] { background: var(--bg-card,#fff); border: 1px solid var(--border-color,#ffffff1a); border-radius: 28px; flex-direction: column; width: 100%; max-width: 500px; animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal none running modal-pop-dc793107; display: flex; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 60px -12px; }
@keyframes modal-pop-dc793107 { 
  0% { opacity: 0; transform: scale(0.9) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.paw-bouncer[data-v-dc793107] { cursor: pointer; z-index: 1000; backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 51%; justify-content: center; align-items: center; width: 48px; height: 48px; padding: 0px; transition: color 0.2s, box-shadow 0.2s; display: flex; position: absolute; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px; }
.paw-bouncer[data-v-dc793107]:active { transform: scale(0.9) !important; }
.dark-mode { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 15px; }
.modal-header[data-v-dc793107] { text-align: center; padding: 36px 32px 20px; }
.badge[data-v-dc793107] { color: rgb(239, 68, 68); letter-spacing: 1px; background: rgb(254, 226, 226); border-radius: 20px; margin-bottom: 14px; padding: 4px 14px; font-size: 12px; font-weight: 700; display: inline-block; }
.dark-mode { color: rgb(255, 142, 142); background: rgba(239, 68, 68, 0.2); }
h2[data-v-dc793107] { color: var(--text-primary,#111827); margin: 0px 0px 24px; font-size: 22px; font-weight: 800; line-height: 1.3; }
.tabs[data-v-dc793107] { background: var(--bg-editor,#f3f4f6); border-radius: 14px; padding: 5px; display: flex; }
.tabs button[data-v-dc793107] { cursor: pointer; color: var(--text-secondary,#6b7280); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; flex: 1 1 0%; padding: 10px; font-size: 14px; font-weight: 600; transition: 0.25s; }
.tabs button.active[data-v-dc793107] { background: var(--bg-card,white); color: var(--text-primary,#111827); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.modal-body-wrapper[data-v-dc793107] { scrollbar-width: thin; scrollbar-color: var(--border-color) transparent; height: clamp(240px, 50vh, 340px); position: relative; overflow-y: auto; }
.modal-content[data-v-dc793107] { min-height: 100%; padding: 24px 32px; position: relative; }
.letter-text[data-v-dc793107] { color: var(--text-secondary,#4b5563); font-size: 15px; line-height: 1.8; }
.letter-salutation[data-v-dc793107] { color: var(--text-primary,#111827); margin-bottom: 18px; font-size: 19px; font-weight: 700; }
.announcement-highlight[data-v-dc793107] { color: var(--text-primary); background: rgba(254, 249, 195, 0.25); border-left: 4px solid rgb(251, 191, 36); border-radius: 6px; margin: 16px 0px; padding: 10px 14px; font-weight: 600; }
.dark-mode { color: rgb(251, 191, 36); background: rgba(251, 191, 36, 0.1); border-left-color: rgb(251, 191, 36); }
.nyan-text[data-v-dc793107] { background: linear-gradient(90deg, red, rgb(255, 153, 0), rgb(255, 255, 0), rgb(51, 255, 0), rgb(0, 153, 255), rgb(102, 51, 255)) text; -webkit-text-fill-color: transparent; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 0px 1px); font-weight: 900; }
.final-word[data-v-dc793107] { text-align: center; letter-spacing: -0.5px; margin: 28px 0px; font-size: 24px; transform: rotate(-1.5deg); }
.signature[data-v-dc793107] { text-align: right; border-top: 1.5px dashed var(--border-color,#e5e7eb); margin-top: 36px; padding-top: 20px; }
.signature .name[data-v-dc793107] { color: var(--text-primary,#111827); font-size: 17px; font-weight: 700; }
.cat-theme[data-v-dc793107] { background: var(--bg-editor,#fffaf0); }
.dark-mode { background: var(--bg-editor,#1a1c22); }
.cat-mode[data-v-dc793107] { color: var(--text-primary,#713f12); }
.cat-list[data-v-dc793107] { margin: 20px 0px; padding: 0px; list-style: none; }
.cat-list li[data-v-dc793107] { margin-bottom: 10px; padding-left: 24px; font-weight: 500; position: relative; }
.cat-list li[data-v-dc793107]::before { content: "🐟"; position: absolute; left: 0px; }
.cat-watermark-overlay[data-v-dc793107] { pointer-events: none; z-index: 0; position: absolute; inset: 0px; }
.paw-print[data-v-dc793107] { opacity: 0.12; filter: grayscale(); font-size: 44px; position: absolute; }
.p1[data-v-dc793107] { top: 10%; left: 8%; transform: rotate(-12deg); }
.p2[data-v-dc793107] { font-size: 64px; top: 48%; right: 12%; transform: rotate(18deg); }
.p3[data-v-dc793107] { bottom: 12%; left: 28%; transform: rotate(-8deg); }
.nyan-trail[data-v-dc793107] { opacity: 0.6; background: linear-gradient(90deg, red, rgb(255, 153, 0), rgb(255, 255, 0), rgb(51, 255, 0), rgb(0, 153, 255), rgb(102, 51, 255)); width: 100%; height: 6px; position: absolute; top: 0px; left: 0px; }
.modal-footer[data-v-dc793107] { padding: 16px 32px 36px; }
.action-btn[data-v-dc793107] { background: var(--text-primary,#111827); width: 100%; color: var(--bg-card,white); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 16px; padding: 16px; font-weight: 700; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.nyan-btn[data-v-dc793107] { background: linear-gradient(-45deg, rgb(238, 119, 82), rgb(231, 60, 126), rgb(35, 166, 213), rgb(35, 213, 171)) 0px 0px / 400% 400%; animation: 4s ease 0s infinite normal none running nyan-gradient-dc793107; box-shadow: rgba(231, 60, 126, 0.45) 0px 6px 20px; color: rgb(255, 255, 255) !important; }
@keyframes nyan-gradient-dc793107 { 
  0% { background-position: 0% center; }
  50% { background-position: 100% center; }
  100% { background-position: 0% center; }
}
.action-btn[data-v-dc793107]:hover { transform: translateY(-3px) scale(1.03); }
.fade-in-enter-active[data-v-dc793107], .fade-in-leave-active[data-v-dc793107] { transition: opacity 0.35s; }
.fade-in-enter-from[data-v-dc793107], .fade-in-leave-to[data-v-dc793107] { opacity: 0; }
.slide-up-enter-active[data-v-dc793107], .slide-up-leave-active[data-v-dc793107] { transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.slide-up-enter-from[data-v-dc793107] { opacity: 0; transform: translateY(15px); }
.slide-up-leave-to[data-v-dc793107] { opacity: 0; transform: translateY(-15px); }
.ssuinian-modal-overlay[data-v-07c197cc] { width: 100%; height: 100%; z-index: var(--a69a2ad2); background: rgba(0, 0, 0, 0.4); justify-content: center; align-items: center; padding: 20px; display: flex; position: fixed; top: 0px; left: 0px; }
.ssuinian-modal-container[data-v-07c197cc] { background: var(--bg-editor,#fff); border: 1px solid var(--border-color,#0000000d); border-radius: 32px; flex-direction: column; width: 100%; max-width: 620px; max-height: 90vh; animation: 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running modalIn-07c197cc; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; }
@keyframes modalIn-07c197cc { 
  0% { opacity: 0; transform: scale(0.9) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.ssuinian-modal-header[data-v-07c197cc] { border-bottom: 1px solid var(--border-color,#00000005); justify-content: space-between; align-items: center; padding: 24px 30px; display: flex; }
.title-group[data-v-07c197cc] { align-items: center; gap: 12px; display: flex; }
.modal-icon[data-v-07c197cc] { color: var(--color-primary,#007aff); font-size: 1.6rem; }
h2[data-v-07c197cc] { color: var(--text-primary,#1a1a1a); letter-spacing: -0.02em; margin: 0px; font-size: 1.2rem; font-weight: 900; }
.ssuinian-tabs[data-v-07c197cc] { background: var(--bg-section,#f9f9fb); border-bottom: 1px solid var(--border-color,#0000000d); gap: 10px; padding: 8px 30px; display: flex; }
.tab-item[data-v-07c197cc] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; padding: 8px 16px; font-size: 0.9rem; font-weight: 700; transition: 0.2s; }
.tab-item[data-v-07c197cc]:hover { color: var(--text-primary); background: rgba(0, 0, 0, 0.03); }
.tab-item.active[data-v-07c197cc] { background: var(--color-primary,#007aff); color: rgb(255, 255, 255); box-shadow: rgba(0, 122, 255, 0.2) 0px 4px 12px; }
.anniversary-body[data-v-07c197cc] { text-align: center; flex-direction: column; align-items: center; min-height: 400px; padding: 40px 20px; display: flex; }
.anniversary-main-title[data-v-07c197cc] { background: linear-gradient(90deg, rgb(64, 207, 214), rgb(0, 122, 255), rgb(64, 207, 214)) 0px 0px / 200% text; -webkit-text-fill-color: transparent; letter-spacing: -1px; margin-bottom: 30px; font-size: 2.2rem; font-weight: 900; animation: 8s linear 0s infinite normal none running textScroll-07c197cc; }
@keyframes textScroll-07c197cc { 
  0% { background-position: 0px 0px; }
  100% { background-position: -200% 0px; }
}
.countdown-container[data-v-07c197cc] { width: 100%; max-width: 500px; }
.countdown-box[data-v-07c197cc] { background: var(--bg-section,#f9f9fb); border: 1px solid var(--border-color); border-radius: 32px; padding: 40px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 40px; }
.countdown-box[data-v-07c197cc]::before { content: ""; background: linear-gradient(90deg, rgb(64, 207, 214), rgb(0, 122, 255), rgb(64, 207, 214)) 0px 0px / 200% 100%; height: 4px; animation: 5s linear 0s infinite normal none running barScroll-07c197cc; position: absolute; top: 0px; left: 0px; right: 0px; }
@keyframes barScroll-07c197cc { 
  0% { background-position: 0px 0px; }
  100% { background-position: -200% 0px; }
}
.countdown-label[data-v-07c197cc] { color: var(--text-secondary); text-transform: uppercase; letter-spacing: 3px; opacity: 0.7; margin-bottom: 25px; font-size: 0.85rem; font-weight: 800; }
.countdown-numbers[data-v-07c197cc] { grid-template-columns: repeat(4, 1fr); gap: 12px; width: 100%; max-width: 500px; margin: 0px auto; display: grid; }
.time-unit[data-v-07c197cc] { flex-direction: column; align-items: center; min-width: 0px; display: flex; }
.num[data-v-07c197cc] { color: var(--text-primary); font-family: Outfit, Inter, system-ui, sans-serif; font-size: clamp(1.8rem, 8vw, 3.2rem); font-weight: 900; line-height: 1; }
.unit[data-v-07c197cc] { color: var(--text-placeholder); margin-top: 10px; font-size: 0.8rem; font-weight: 800; }
.countdown-hint[data-v-07c197cc] { color: var(--color-primary); opacity: 0.8; margin-top: 30px; font-size: 0.9rem; font-weight: 700; }
.anniversary-content[data-v-07c197cc] { width: 100%; animation: 0.6s ease 0s 1 normal none running contentFadeIn-07c197cc; }
@keyframes contentFadeIn-07c197cc { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.content-placeholder h2[data-v-07c197cc] { color: var(--text-primary); margin-bottom: 16px; font-size: 2rem; font-weight: 900; }
.content-placeholder p[data-v-07c197cc] { color: var(--text-secondary); opacity: 0.8; font-size: 1.1rem; }
.anniversary-article[data-v-07c197cc] { text-align: left; color: var(--text-primary); max-width: 580px; margin: 0px auto; line-height: 1.8; }
.anniversary-content.custom-scrollbar[data-v-07c197cc] { max-height: 60vh; padding-right: 15px; }
.intro-text[data-v-07c197cc] { color: var(--color-primary); background: var(--bg-section); border-left: 6px solid var(--color-primary); border-radius: 16px; margin-bottom: 30px; padding: 20px; font-weight: 700; }
.exclamation[data-v-07c197cc] { color: var(--text-primary); margin: 10px 0px; font-size: 1.4rem; font-weight: 900; }
.link-text[data-v-07c197cc] { color: var(--color-primary); cursor: pointer; font-weight: 700; text-decoration: underline; }
.data-section[data-v-07c197cc], .site-section[data-v-07c197cc], .finale-section[data-v-07c197cc] { margin-top: 40px; }
h3[data-v-07c197cc] { color: var(--color-primary); margin-bottom: 15px; font-size: 1.2rem; font-weight: 900; }
.sub-hint[data-v-07c197cc] { color: var(--text-placeholder); margin-bottom: 20px; font-size: 0.8rem; }
.stats-grid[data-v-07c197cc] { grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 25px; display: grid; }
.stat-item[data-v-07c197cc] { background: var(--bg-section); text-align: center; border: 1px solid var(--border-color); border-radius: 12px; padding: 15px; }
.stat-num[data-v-07c197cc] { color: var(--color-primary); font-family: monospace; font-size: 1.2rem; font-weight: 900; }
.stat-desc[data-v-07c197cc] { color: var(--text-secondary); margin-top: 4px; font-size: 0.75rem; font-weight: 600; }
.highlight[data-v-07c197cc] { color: var(--color-primary); background: rgba(0, 122, 255, 0.05); border-radius: 4px; padding: 2px 4px; font-weight: 800; }
.thought-bubble[data-v-07c197cc] { color: var(--text-placeholder); border-left: 3px solid var(--border-color); margin: 20px 0px; padding-left: 15px; font-size: 0.95rem; font-style: italic; }
.big-wish[data-v-07c197cc] { text-align: center; background: linear-gradient(90deg, rgb(255, 71, 87), rgb(255, 107, 129)) text; -webkit-text-fill-color: transparent; margin: 40px 0px; font-size: 2rem; font-weight: 900; }
.footer-msg[data-v-07c197cc] { text-align: center; margin-top: 30px; font-size: 1.1rem; font-weight: 800; }
.title-tldr[data-v-07c197cc] { border-left: 1px solid var(--border-color); flex-direction: column; justify-content: center; margin-left: 12px; padding-left: 12px; display: flex; }
.title-tldr p[data-v-07c197cc] { color: var(--text-primary); white-space: nowrap; margin: 0px; font-size: 0.8rem; font-weight: 600; line-height: 1.4; }
.close-btn[data-v-07c197cc] { background: var(--bg-input,#f5f5f7); cursor: pointer; width: 36px; height: 36px; color: var(--text-secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; transition: 0.2s cubic-bezier(0.16, 1, 0.3, 1); display: flex; }
.close-btn[data-v-07c197cc]:hover { background: rgb(229, 229, 231); transform: rotate(90deg); }
.ssuinian-modal-content[data-v-07c197cc] { flex: 1 1 0%; padding: 40px; overflow-y: auto; }
.ssuinian-body[data-v-07c197cc] { color: var(--text-primary); font-size: 1.05rem; line-height: 1.8; }
.ssuinian-section[data-v-07c197cc] { margin-bottom: 25px; }
.ssuinian-section p[data-v-07c197cc] { margin-bottom: 1em; }
.highlight-p[data-v-07c197cc] { color: var(--color-primary); text-align: center; background: linear-gradient(120deg, rgba(0, 122, 255, 0.1) 0%, rgba(0, 122, 255, 0) 100%); border-radius: 16px; margin: 24px 0px; padding: 15px; font-size: 1.25rem; font-weight: 900; }
.warning-p[data-v-07c197cc] { color: rgb(255, 71, 87); background: rgba(255, 71, 87, 0.05); border-left: 5px solid rgb(255, 71, 87); border-radius: 14px; padding: 14px 20px; font-weight: 800; }
.punch-section[data-v-07c197cc] { background: var(--bg-section,#f9f9fb); border: 1px solid var(--border-color); text-align: center; border-radius: 28px; margin: 40px 0px; padding: 35px; }
.hp-wrapper[data-v-07c197cc] { max-width: 300px; margin-bottom: 25px; margin-left: auto; margin-right: auto; }
.hp-label[data-v-07c197cc] { color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px; font-size: 0.85rem; font-weight: 700; }
.hp-bar-container[data-v-07c197cc] { background: rgb(238, 238, 238); border: 2px solid rgb(221, 221, 221); border-radius: 10px; height: 14px; position: relative; overflow: hidden; }
.hp-bar-fill[data-v-07c197cc] { background: linear-gradient(90deg, rgb(255, 71, 87), rgb(255, 107, 129)); border-radius: 0px 10px 10px 0px; height: 100%; transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.hp-status[data-v-07c197cc] { color: rgb(255, 71, 87); margin-top: 6px; font-family: monospace; font-size: 0.8rem; font-weight: 800; }
.punch-btn[data-v-07c197cc] { color: rgb(255, 255, 255); cursor: pointer; background: linear-gradient(135deg, rgb(26, 26, 26), rgb(51, 51, 51)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 20px; align-items: center; gap: 12px; padding: 16px 32px; font-size: 1.1rem; font-weight: 800; transition: 0.2s; display: inline-flex; box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 24px; }
.dark-mode .punch-btn[data-v-07c197cc] { color: rgb(0, 0, 0); background: linear-gradient(135deg, rgb(255, 255, 255), rgb(221, 221, 221)); }
.punch-btn[data-v-07c197cc]:hover { transform: translateY(-3px) scale(1.03); box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 30px; }
.punch-btn[data-v-07c197cc]:active { transform: translateY(1px) scale(0.97); }
.shake[data-v-07c197cc] { animation: 0.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running shake-07c197cc; }
@keyframes shake-07c197cc { 
  10%, 90% { transform: translate(-1px); }
  20%, 80% { transform: translate(2px); }
  30%, 50%, 70% { transform: translate(-4px); }
  40%, 60% { transform: translate(4px); }
}
.punch-counter[data-v-07c197cc] { color: var(--text-secondary); margin-top: 20px; font-size: 0.95rem; font-weight: 700; }
.punch-counter span[data-v-07c197cc] { color: var(--text-primary); font-size: 1.1rem; font-weight: 900; }
.defeat-text[data-v-07c197cc] { color: rgb(255, 71, 87); margin-left: 8px; font-size: 0.8rem; font-style: italic; }
.opus-quote[data-v-07c197cc] { color: var(--text-secondary); border-top: 1px dashed var(--border-color); margin-top: 50px; padding-top: 20px; font-family: inherit; font-size: 1rem; }
.signature[data-v-07c197cc] { text-align: right; color: var(--text-placeholder); margin-top: 25px; font-size: 0.9rem; line-height: 1.6; }
.stats-today-section[data-v-07c197cc] { background: var(--bg-section,#f9f9fb); border: 1px solid var(--border-color); border-radius: 20px; justify-content: center; align-items: center; gap: 24px; margin: 0px 0px 20px; padding: 16px; display: flex; }
.stats-card[data-v-07c197cc] { text-align: center; flex: 1 1 0%; }
.stats-label[data-v-07c197cc] { color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.8; margin-bottom: 4px; font-size: 0.7rem; font-weight: 800; }
.stats-value[data-v-07c197cc] { color: var(--color-primary); font-family: monospace; font-size: 1.4rem; font-weight: 900; }
.ssuinian-modal-footer[data-v-07c197cc] { border-top: 1px solid var(--border-color,#00000005); justify-content: center; padding: 20px 40px 40px; display: flex; }
.btn-primary[data-v-07c197cc] { background: var(--color-primary,#007aff); color: rgb(255, 255, 255); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 20px; padding: 16px 60px; font-size: 1rem; font-weight: 800; transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: rgba(0, 122, 255, 0.15) 0px 12px 24px; }
.custom-scrollbar[data-v-07c197cc]::-webkit-scrollbar { width: 8px; }
.custom-scrollbar[data-v-07c197cc]::-webkit-scrollbar-track { background: 0px 0px; }
.custom-scrollbar[data-v-07c197cc]::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); border-radius: 10px; }
.dark-mode .custom-scrollbar[data-v-07c197cc]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); }
.modal-fade-enter-active[data-v-07c197cc], .modal-fade-leave-active[data-v-07c197cc] { transition: opacity 0.4s; }
.modal-fade-enter-from[data-v-07c197cc], .modal-fade-leave-to[data-v-07c197cc] { opacity: 0; }
.dark-mode .ssuinian-modal-container[data-v-07c197cc] { background: rgb(28, 28, 30); }
.dark-mode .hp-bar-container[data-v-07c197cc] { background: rgb(51, 51, 51); border-color: rgb(68, 68, 68); }
.mobile-tldr[data-v-07c197cc] { opacity: 0.7; text-align: center; color: var(--text-primary); background: var(--bg-input,#00000008); border-radius: 12px; margin-bottom: 16px; padding: 12px; font-size: 0.75rem; font-weight: 600; line-height: 1.5; display: none; }
.dark-mode .mobile-tldr[data-v-07c197cc] { background: rgba(255, 255, 255, 0.05); }
.mobile-tldr p[data-v-07c197cc] { margin: 0px 0px 4px !important; }
.mobile-tldr p[data-v-07c197cc]:last-child { margin: 0px !important; }
@media (width <= 500px) {
  .title-tldr[data-v-07c197cc] { display: none; }
  .mobile-tldr[data-v-07c197cc] { display: block; }
  .ssuinian-modal-container[data-v-07c197cc] { border-radius: 28px; width: 92%; max-height: 75vh; }
  .ssuinian-modal-header[data-v-07c197cc] { padding: 16px 20px; }
  .ssuinian-modal-content[data-v-07c197cc] { padding: 20px; }
  .ssuinian-modal-footer[data-v-07c197cc] { padding: 0px 24px 24px; }
  .btn-primary[data-v-07c197cc] { width: 100%; padding: 14px; }
  .countdown-box[data-v-07c197cc] { border-radius: 24px; width: 100%; padding: 24px 12px; }
  .countdown-numbers[data-v-07c197cc] { grid-template-columns: repeat(4, 1fr); gap: 4px; }
  .num[data-v-07c197cc] { font-size: 7.5vw; }
  .unit[data-v-07c197cc] { margin-top: 4px; font-size: 0.65rem; }
  .countdown-label[data-v-07c197cc] { letter-spacing: 1px; margin-bottom: 12px; font-size: 0.7rem; }
  .anniversary-main-title[data-v-07c197cc] { margin-bottom: 20px; font-size: 1.8rem; }
}
.magic-palette-overlay[data-v-5a579079] { backdrop-filter: blur(8px); z-index: 10000; background: rgba(0, 0, 0, 0.4); justify-content: center; align-items: center; padding: 20px; display: flex; position: fixed; inset: 0px; }
.magic-palette-modal[data-v-5a579079] { background: rgb(255, 255, 255); border-radius: 28px; flex-direction: column; width: 100%; max-width: 800px; animation: 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running modal-enter-5a579079; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 60px; }
@keyframes modal-enter-5a579079 { 
  0% { opacity: 0; transform: scale(0.9) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.modal-header[data-v-5a579079] { border-bottom: 1px solid rgba(0, 0, 0, 0.05); justify-content: space-between; align-items: center; padding: 24px 32px; display: flex; }
.header-left[data-v-5a579079] { align-items: center; gap: 16px; display: flex; }
.magic-icon[data-v-5a579079] { background: var(--magic-gradient); width: 44px; height: 44px; color: var(--magic-text-on-accent); border-radius: 12px; justify-content: center; align-items: center; font-size: 24px; display: flex; box-shadow: rgba(0, 122, 255, 0.2) 0px 8px 16px; }
.title-group h3[data-v-5a579079] { color: rgb(30, 41, 59); margin: 0px; font-size: 20px; font-weight: 800; }
.title-group p[data-v-5a579079] { color: rgb(100, 116, 139); text-transform: uppercase; letter-spacing: 1px; margin: 0px; font-size: 12px; font-weight: 600; }
.close-btn[data-v-5a579079] { color: rgb(100, 116, 139); cursor: pointer; background: rgb(241, 245, 249); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; width: 36px; height: 36px; transition: 0.2s; display: flex; }
.close-btn[data-v-5a579079]:hover { color: rgb(30, 41, 59); background: rgb(226, 232, 240); transform: rotate(90deg); }
.modal-body[data-v-5a579079] { grid-template-columns: 280px 1fr; height: 480px; padding: 0px; display: grid; }
.controls-section[data-v-5a579079] { background: rgb(252, 252, 253); border-right: 1px solid rgba(0, 0, 0, 0.05); padding: 32px; }
.control-group label[data-v-5a579079] { color: rgb(71, 85, 105); margin-bottom: 12px; font-size: 13px; font-weight: 700; display: block; }
.seed-input-wrapper[data-v-5a579079] { background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 240); border-radius: 14px; align-items: center; gap: 8px; padding: 8px; display: flex; box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 4px; }
.color-preview[data-v-5a579079] { cursor: pointer; border: 2px solid rgb(255, 255, 255); border-radius: 8px; width: 32px; height: 32px; box-shadow: rgb(226, 232, 240) 0px 0px 0px 1px; }
.seed-input-wrapper input[data-v-5a579079] { color: rgb(30, 41, 59); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; flex: 1 1 0%; width: 80px; font-family: monospace; font-size: 14px; }
.action-icon-btn[data-v-5a579079] { color: rgb(100, 116, 139); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; justify-content: center; align-items: center; width: 28px; height: 28px; transition: 0.2s; display: flex; }
.action-icon-btn[data-v-5a579079]:hover { color: rgb(30, 41, 59); background: rgb(241, 245, 249); }
.tips-box[data-v-5a579079] { background: rgb(241, 245, 249); border-radius: 16px; gap: 12px; margin-top: 32px; padding: 16px; display: flex; }
.tips-box .iconify[data-v-5a579079] { color: rgb(99, 102, 241); flex-shrink: 0; font-size: 20px; }
.tips-box p[data-v-5a579079] { color: rgb(71, 85, 105); margin: 0px; font-size: 13px; line-height: 1.6; }
.variations-section[data-v-5a579079] { padding: 32px; overflow-y: auto; }
.section-label[data-v-5a579079] { color: rgb(148, 163, 184); margin-bottom: 20px; font-size: 13px; font-weight: 700; }
.variations-grid[data-v-5a579079] { grid-template-columns: repeat(2, 1fr); gap: 20px; display: grid; }
.variation-card[data-v-5a579079] { cursor: pointer; border: 2px solid rgba(0, 0, 0, 0); border-radius: 20px; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); overflow: hidden; }
.variation-card[data-v-5a579079]:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px; }
.variation-card.is-active[data-v-5a579079] { border-color: rgb(99, 102, 241); box-shadow: rgba(99, 102, 241, 0.2) 0px 8px 20px; }
.variation-preview[data-v-5a579079] { justify-content: center; align-items: center; height: 120px; display: flex; }
.mini-card[data-v-5a579079] { border-radius: 6px; flex-direction: column; gap: 4px; width: 60px; height: 40px; padding: 6px; display: flex; }
.mini-line[data-v-5a579079] { border-radius: 2px; height: 4px; }
.variation-info[data-v-5a579079] { background: rgb(255, 255, 255); justify-content: space-between; align-items: center; padding: 12px 16px; display: flex; }
.v-name[data-v-5a579079] { color: rgb(30, 41, 59); font-size: 13px; font-weight: 700; }
.v-colors[data-v-5a579079] { gap: 4px; display: flex; }
.v-dot[data-v-5a579079] { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; flex-shrink: 0; width: 12px; height: 12px; }
.modal-footer[data-v-5a579079] { border-top: 1px solid rgba(0, 0, 0, 0.05); justify-content: flex-end; gap: 16px; padding: 24px 32px; display: flex; }
.btn-cancel[data-v-5a579079] { color: rgb(100, 116, 139); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 240); border-radius: 14px; padding: 12px 24px; font-weight: 700; transition: 0.2s; }
.btn-cancel[data-v-5a579079]:hover { color: rgb(30, 41, 59); background: rgb(248, 250, 252); }
.btn-apply[data-v-5a579079] { background: var(--magic-gradient); color: var(--magic-text-on-accent); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 14px; align-items: center; gap: 8px; padding: 12px 32px; font-weight: 800; transition: 0.2s; display: flex; box-shadow: rgba(0, 122, 255, 0.2) 0px 8px 16px; }
.btn-apply[data-v-5a579079]:hover { filter: brightness(1.05); transform: translateY(-2px); box-shadow: rgba(0, 122, 255, 0.3) 0px 12px 20px; }
.is-dark[data-v-5a579079] { color: rgb(241, 245, 249); background: rgb(30, 34, 41); }
.is-dark .modal-header[data-v-5a579079], .is-dark .modal-footer[data-v-5a579079] { border-color: rgba(255, 255, 255, 0.05); }
.is-dark .title-group h3[data-v-5a579079] { color: rgb(255, 255, 255); }
.is-dark .controls-section[data-v-5a579079] { background: rgb(26, 29, 35); border-color: rgba(255, 255, 255, 0.05); }
.is-dark .seed-input-wrapper[data-v-5a579079] { background: rgb(44, 49, 58); border-color: rgba(255, 255, 255, 0.1); }
.is-dark .seed-input-wrapper input[data-v-5a579079] { color: rgb(255, 255, 255); }
.is-dark .tips-box[data-v-5a579079] { background: rgb(44, 49, 58); }
.is-dark .tips-box p[data-v-5a579079] { color: rgb(148, 163, 184); }
.is-dark .variation-info[data-v-5a579079] { background: rgb(44, 49, 58); }
.is-dark .v-name[data-v-5a579079] { color: rgb(255, 255, 255); }
.is-dark .btn-cancel[data-v-5a579079] { color: rgb(148, 163, 184); background: rgb(44, 49, 58); border-color: rgba(255, 255, 255, 0.1); }
.fade-enter-active[data-v-5a579079], .fade-leave-active[data-v-5a579079] { transition: opacity 0.3s; }
.fade-enter-from[data-v-5a579079], .fade-leave-to[data-v-5a579079] { opacity: 0; }
@media (width <= 768px) {
  .magic-palette-overlay[data-v-5a579079] { padding: 20px; }
  .magic-palette-modal[data-v-5a579079] { border-radius: 20px; width: 100%; max-width: none; height: auto; max-height: 90vh; }
  .modal-header[data-v-5a579079] { padding: 12px 16px; }
  .magic-icon[data-v-5a579079] { width: 32px; height: 32px; font-size: 18px; }
  .title-group h3[data-v-5a579079] { font-size: 16px; }
  .modal-body[data-v-5a579079] { grid-template-columns: 1fr; height: auto; max-height: calc(-120px + 90vh); overflow-y: auto; }
  .controls-section[data-v-5a579079] { background: rgb(248, 250, 252); padding: 16px; }
  .tips-box[data-v-5a579079] { display: none; }
  .variations-section[data-v-5a579079] { padding: 16px; }
  .variations-grid[data-v-5a579079] { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .variation-card[data-v-5a579079] { height: auto; display: block; }
  .variation-preview[data-v-5a579079] { width: 100%; height: 80px; }
  .variation-info[data-v-5a579079] { padding: 8px; }
  .v-name[data-v-5a579079] { font-size: 12px; }
  .v-dot[data-v-5a579079] { width: 8px; height: 8px; }
  .modal-footer[data-v-5a579079] { padding: 12px 16px; }
  .btn-cancel[data-v-5a579079] { display: none; }
}
.modal-overlay.visible[data-v-f1d53886] { opacity: 1 !important; visibility: visible !important; z-index: 11000 !important; display: flex !important; }
.modal-container.easter-egg-video-container[data-v-f1d53886] { background: var(--bg-card); border-radius: 20px; flex-direction: column; max-width: 800px; padding: 0px; display: flex; overflow: hidden; }
.video-modal-header[data-v-f1d53886] { border-bottom: 1px solid var(--border-color); justify-content: space-between; align-items: center; padding: 15px 20px; display: flex; }
.video-modal-header h3[data-v-f1d53886] { color: var(--color-primary); margin: 0px; font-size: 1.1rem; }
.close-btn[data-v-f1d53886] { background: var(--bg-input); cursor: pointer; width: 32px; height: 32px; color: var(--text-secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.close-btn[data-v-f1d53886]:hover { color: rgb(255, 255, 255); background: rgb(255, 71, 87); transform: rotate(90deg); }
.video-wrapper[data-v-f1d53886] { background: rgb(0, 0, 0); width: 100%; padding-top: 56.25%; position: relative; }
.video-wrapper iframe[data-v-f1d53886] { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.video-modal-footer[data-v-f1d53886] { text-align: center; color: var(--text-placeholder); background: var(--bg-section); padding: 15px; font-size: 0.9rem; }
@keyframes fadeIn-f1d53886 { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes modalIn-f1d53886 { 
  0% { opacity: 0; transform: scale(0.9) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.beta-shield-overlay[data-v-ddbae692] { z-index: 8000; background: rgba(15, 15, 18, 0.9); justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; display: flex; position: fixed; top: 0px; left: 0px; }
.beta-shield-container[data-v-ddbae692] { background: var(--bg-editor,#fff); border: 1px solid var(--border-color,#ffffff1a); text-align: center; border-radius: 24px; width: 100%; max-width: 420px; padding: 40px 30px; animation: 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running slideUp-ddbae692; box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 60px; }
@keyframes slideUp-ddbae692 { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.beta-icon[data-v-ddbae692] { color: var(--color-primary,#007aff); filter: drop-shadow(rgba(0, 122, 255, 0.3) 0px 0px 15px); margin-bottom: 20px; font-size: 4rem; }
h2[data-v-ddbae692] { letter-spacing: -0.02em; margin: 0px 0px 15px; font-size: 1.5rem; font-weight: 800; }
.beta-content[data-v-ddbae692] { margin-bottom: 30px; }
.placeholder-text[data-v-ddbae692] { color: var(--color-primary); margin-bottom: 10px; font-size: 1.1rem; font-weight: 700; }
.hint-text[data-v-ddbae692] { color: var(--text-secondary); opacity: 0.8; font-size: 0.85rem; line-height: 1.6; }
.password-section[data-v-ddbae692] { flex-direction: column; gap: 12px; margin-bottom: 25px; display: flex; }
.beta-input[data-v-ddbae692] { border: 1px solid var(--border-color); background: var(--bg-input,#f5f5f7); width: 100%; color: var(--text-primary); text-align: center; border-radius: 12px; padding: 14px 18px; font-size: 1rem; transition: 0.2s; }
.beta-input[data-v-ddbae692]:focus { border-color: var(--color-primary); outline: none; box-shadow: rgba(0, 122, 255, 0.1) 0px 0px 0px 4px; }
.btn-block[data-v-ddbae692] { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; justify-content: center; align-items: center; gap: 8px; width: 100%; padding: 14px; font-size: 1rem; font-weight: 600; transition: 0.2s; display: flex; }
.btn-primary[data-v-ddbae692] { background: var(--color-primary,#007aff); color: rgb(255, 255, 255); }
.btn-primary[data-v-ddbae692]:hover { filter: brightness(1.1); transform: translateY(-2px); }
.divider[data-v-ddbae692] { color: var(--text-placeholder); align-items: center; margin: 20px 0px; font-size: 0.8rem; display: flex; }
.divider[data-v-ddbae692]::before, .divider[data-v-ddbae692]::after { content: ""; background: var(--border-color); flex: 1 1 0%; height: 1px; margin: 0px 15px; }
.export-section[data-v-ddbae692] { text-align: left; background: var(--bg-section,#f9f9fb); border: 1px dashed var(--border-color); border-radius: 16px; margin-bottom: 20px; padding: 15px; }
.export-hint[data-v-ddbae692] { color: var(--text-secondary); margin-bottom: 12px; font-size: 0.75rem; line-height: 1.4; }
.btn-outline[data-v-ddbae692] { border: 1px solid var(--border-color); color: var(--text-primary); background: 0px 0px; }
.btn-outline[data-v-ddbae692]:hover:not(:disabled) { background: var(--bg-input); border-color: var(--text-secondary); }
.btn-outline[data-v-ddbae692]:disabled { opacity: 0.5; cursor: not-allowed; }
.beta-footer[data-v-ddbae692] { margin-top: 10px; }
.back-link[data-v-ddbae692] { color: var(--color-primary); opacity: 0.8; font-size: 0.85rem; text-decoration: none; transition: opacity 0.2s; }
.back-link[data-v-ddbae692]:hover { opacity: 1; text-decoration: underline; }
.fade-enter-active[data-v-ddbae692], .fade-leave-active[data-v-ddbae692] { transition: opacity 0.3s; }
.fade-enter-from[data-v-ddbae692], .fade-leave-to[data-v-ddbae692] { opacity: 0; }
.system-shield-overlay[data-v-b2861b43] { backdrop-filter: blur(8px); z-index: 100000; color: rgb(201, 209, 217); background: rgba(13, 17, 23, 0.8); justify-content: center; align-items: center; width: 100vw; height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; display: flex; position: fixed; top: 0px; left: 0px; }
.shield-card[data-v-b2861b43] { background: rgb(28, 31, 38); border: 1px solid rgb(48, 54, 61); border-radius: 12px; width: 100%; max-width: 540px; animation: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running modal-pop-b2861b43; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 24px; }
@keyframes modal-pop-b2861b43 { 
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}
.shield-content[data-v-b2861b43] { padding: 32px; }
.shield-title[data-v-b2861b43] { color: rgb(255, 77, 77); margin: 0px 0px 20px; font-size: 1.5rem; font-weight: 600; }
.shield-description[data-v-b2861b43] { color: rgb(177, 186, 196); margin-bottom: 24px; font-size: 0.95rem; line-height: 1.6; }
.shield-description p[data-v-b2861b43] { margin: 0px 0px 12px; }
.warning-text[data-v-b2861b43] { color: rgb(255, 77, 77); font-weight: 600; }
.error-details[data-v-b2861b43] { border: 1px solid rgb(48, 54, 61); border-radius: 6px; margin-bottom: 32px; overflow: hidden; }
.error-details summary[data-v-b2861b43] { cursor: pointer; user-select: none; background: rgb(33, 38, 45); outline: none; padding: 8px 12px; font-size: 0.85rem; font-weight: 600; }
.error-details summary[data-v-b2861b43]:hover { background: rgb(48, 54, 61); }
.error-box[data-v-b2861b43] { background: rgb(13, 17, 23); max-height: 150px; padding: 12px; overflow-y: auto; }
.error-box code[data-v-b2861b43] { color: rgb(230, 237, 243); white-space: pre-wrap; word-break: break-all; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; font-size: 0.8rem; }
.action-footer[data-v-b2861b43] { flex-direction: column; gap: 20px; display: flex; }
.secondary-actions[data-v-b2861b43] { gap: 16px; display: flex; }
.text-btn[data-v-b2861b43] { color: rgb(139, 148, 158); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; font-size: 0.85rem; text-decoration: underline; }
.text-btn[data-v-b2861b43]:hover { color: rgb(201, 209, 217); }
.main-actions[data-v-b2861b43] { justify-content: flex-end; gap: 12px; display: flex; }
.btn-backup[data-v-b2861b43], .btn-reset[data-v-b2861b43] { cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; padding: 10px 20px; font-size: 0.95rem; font-weight: 600; transition: filter 0.2s; }
.btn-backup[data-v-b2861b43] { color: rgb(255, 255, 255); background: rgb(110, 118, 129); }
.btn-reset[data-v-b2861b43] { color: rgb(255, 255, 255); background: rgb(255, 77, 77); }
.btn-backup[data-v-b2861b43]:hover, .btn-reset[data-v-b2861b43]:hover { filter: brightness(1.1); }
.btn-backup[data-v-b2861b43]:disabled { opacity: 0.6; cursor: not-allowed; }
.progress-bar-container[data-v-b2861b43] { margin-top: 24px; }
.progress-text[data-v-b2861b43] { color: rgb(139, 148, 158); text-align: center; margin-bottom: 8px; font-size: 0.8rem; }
.progress-track[data-v-b2861b43] { background: rgb(48, 54, 61); border-radius: 2px; height: 4px; overflow: hidden; }
.progress-fill[data-v-b2861b43] { background: rgb(35, 134, 54); height: 100%; transition: width 0.3s; }
.fade-enter-active[data-v-b2861b43], .fade-leave-active[data-v-b2861b43] { transition: opacity 0.3s; }
.fade-enter-from[data-v-b2861b43], .fade-leave-to[data-v-b2861b43] { opacity: 0; }
.ucp-color-wheel-container[data-v-57d75083] { aspect-ratio: 1 / 1; justify-content: center; align-items: center; width: 100%; padding: 10px; display: flex; }
.ucp-hue-ring[data-v-57d75083] { cursor: pointer; border-radius: 50%; width: 160px; height: 160px; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; }
.hue-ring-gradient[data-v-57d75083] { background: conic-gradient(red, rgb(255, 255, 0), rgb(0, 255, 0), rgb(0, 255, 255), rgb(0, 0, 255), rgb(255, 0, 255), red); border-radius: 50%; position: absolute; inset: 0px; mask: radial-gradient(rgba(0, 0, 0, 0) 55%, rgb(0, 0, 0) 56%); }
.hue-ring-overlay[data-v-57d75083] { pointer-events: none; border-radius: 50%; position: absolute; inset: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px inset; }
.hue-cursor[data-v-57d75083] { pointer-events: none; z-index: 10; will-change: transform; border: 3px solid rgb(255, 255, 255); border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); position: absolute; top: 50%; left: 50%; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px; }
.hue-cursor.is-dragging[data-v-57d75083] { transition: none !important; }
.ucp-sv-box-inner[data-v-57d75083] { cursor: crosshair; background-color: red; border-radius: 12px; width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; }
.sv-white[data-v-57d75083] { background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); position: absolute; inset: 0px; }
.sv-black[data-v-57d75083] { background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); position: absolute; inset: 0px; }
.sv-cursor[data-v-57d75083] { pointer-events: none; z-index: 5; will-change: left, top; border: 2px solid rgb(255, 255, 255); border-radius: 50%; width: 14px; height: 14px; transition: left 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), top 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.25s; position: absolute; transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px; }
.sv-cursor.is-dragging[data-v-57d75083] { transition: none !important; }
.ucp-sv-box[data-v-3b35aaa9] { cursor: crosshair; border-radius: 12px; width: 100%; height: 130px; margin-bottom: 5px; transition: background-color 0.1s linear; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset; }
@media (width <= 767px) {
  .ucp-sv-box[data-v-3b35aaa9] { height: 115px; margin-bottom: 8px; }
}
.ucp-sv-white[data-v-3b35aaa9] { background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); position: absolute; inset: 0px; }
.ucp-sv-black[data-v-3b35aaa9] { background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); position: absolute; inset: 0px; }
.ucp-sv-cursor[data-v-3b35aaa9] { pointer-events: none; will-change: left, top, transform; border: 2.5px solid rgb(255, 255, 255); border-radius: 50%; width: 16px; height: 16px; transition: left 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), top 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.1s ease-out, border-color 0.25s; position: absolute; transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px; }
.ucp-sv-cursor.is-dragging[data-v-3b35aaa9] { transition: none !important; }
.ucp-hue-slider[data-v-bbf5f5ec] { cursor: pointer; background: linear-gradient(90deg, red 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, red 100%); border-radius: 7px; width: 100%; height: 14px; margin-bottom: 20px; position: relative; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset; }
.ucp-hue-cursor[data-v-bbf5f5ec] { will-change: left, transform; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; width: 22px; height: 22px; transition: left 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.1s ease-out; position: absolute; top: 50%; transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px; }
.ucp-inputs[data-v-f0e0a9e4] { flex-direction: column; flex: 1 1 0%; gap: 8px; display: flex; }
.ucp-format-header[data-v-f0e0a9e4] { justify-content: space-between; align-items: center; margin-bottom: 0px; display: flex; }
.ucp-format-toggle[data-v-f0e0a9e4] { color: rgb(0, 122, 255); cursor: pointer; text-transform: uppercase; align-items: center; gap: 4px; min-width: 40px; padding: 0px; font-size: 11px; font-weight: 800; display: flex; }
.ucp-inline-hex[data-v-f0e0a9e4] { flex: 1 1 0%; max-width: 100px; margin: 0px 4px; }
.ucp-inline-hex input[data-v-f0e0a9e4] { border: 1px solid var(--ucp-border,#0000001a); background: var(--ucp-input-bg,#0000000d); width: 100%; color: var(--ucp-text-main,#111); text-align: center; border-radius: 8px; outline: none; padding: 4px 10px; font-family: "SF Mono", Menlo, monospace; font-size: 13px; font-weight: 700; transition: 0.2s; }
.ucp-inline-hex input[data-v-f0e0a9e4]:focus { background: color-mix(in srgb, var(--focus-color,#fff), transparent 92%); border-color: rgb(0, 122, 255); box-shadow: rgba(0, 122, 255, 0.1) 0px 0px 0px 3px; }
.ucp-inline-inputs[data-v-f0e0a9e4] { min-width: 0px; margin-left: 4px; display: flex; }
.ucp-inline-multi[data-v-f0e0a9e4] { gap: 4px; width: 100%; max-width: 110px; display: flex; }
.ucp-inline-multi input[data-v-f0e0a9e4] { border: 1px solid var(--ucp-border,#0000001a); background: var(--ucp-input-bg,#0000000d); min-width: 0px; color: var(--ucp-text-main,#111); text-align: center; border-radius: 6px; outline: none; flex: 1 1 0%; padding: 4px; font-family: "SF Mono", Menlo, monospace; font-size: 11px; font-weight: 700; transition: 0.2s; }
.ucp-inline-multi input[data-v-f0e0a9e4]:focus { background: var(--ucp-bg,#fff); border-color: rgb(0, 122, 255); flex: 1.5 1 0%; }
.ucp-input-group input[data-v-f0e0a9e4] { border: 1px solid var(--ucp-border,#0000001a); background: var(--ucp-input-bg,#0000000d); width: 100%; color: var(--ucp-text-main,#111); border-radius: 10px; outline: none; padding: 8px 12px; font-family: "SF Mono", Menlo, monospace; font-size: 14px; font-weight: 600; transition: 0.2s; }
.ucp-input-group input[data-v-f0e0a9e4]:focus { background: var(--ucp-bg,#fff); border-color: rgb(0, 122, 255); box-shadow: rgba(0, 122, 255, 0.1) 0px 0px 0px 3px; }
.multi-channel-inputs[data-v-f0e0a9e4] { gap: 8px; display: flex; }
.channel-field[data-v-f0e0a9e4] { flex: 1 1 0%; align-items: center; display: flex; position: relative; }
.channel-label[data-v-f0e0a9e4] { color: rgb(0, 122, 255); opacity: 0.6; pointer-events: none; font-size: 9px; font-weight: 900; position: absolute; left: 10px; }
.channel-field input[data-v-f0e0a9e4] { text-align: center; padding-left: 20px !important; font-size: 13px !important; }
input[data-v-f0e0a9e4]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
input[data-v-f0e0a9e4]::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"][data-v-f0e0a9e4] { appearance: textfield; }
.ucp-section-header[data-v-af22ed25] { cursor: pointer; user-select: none; background: 0px 0px; border-radius: 12px; align-items: center; gap: 8px; margin: 4px -4px; padding: 8px 10px; transition: 0.2s; display: flex; }
.ucp-section-header[data-v-af22ed25]:hover { background: var(--ucp-input-bg,#0000000d); }
.ucp-section-header .section-icon[data-v-af22ed25] { color: rgb(0, 122, 255); font-size: 16px; }
.ucp-section-header .section-title[data-v-af22ed25] { color: var(--ucp-text-sub,#666); text-transform: uppercase; letter-spacing: 0.5px; font-size: 11px; font-weight: 800; }
.ucp-section-header .spacer[data-v-af22ed25] { flex: 1 1 0%; }
.ucp-section-header .chevron[data-v-af22ed25] { color: var(--ucp-text-sub,#666); font-size: 18px; transition: transform 0.2s; }
.ucp-section-header.is-collapsed[data-v-af22ed25] { opacity: 0.7; }
.ucp-section-header[data-v-af22ed25]:active { transform: scale(0.98); }
@media (width <= 767px) {
  .ucp-section-header[data-v-af22ed25] { margin: 4px 0px !important; padding: 8px 0px !important; }
}
.wcag-wrapper[data-v-af22ed25] { margin-top: 4px; }
.wcag-advice-container[data-v-af22ed25] { background: var(--ucp-input-bg,#0000000d); border: 1px solid var(--ucp-border,#0000001a); border-radius: 14px; align-items: stretch; min-height: 72px; padding: 10px; display: flex; }
@media (width <= 767px) {
  .wcag-advice-container[data-v-af22ed25] { min-height: 64px; padding: 6px 8px; }
}
.wcag-divider[data-v-af22ed25] { background: var(--ucp-border,#0000001a); align-self: center; width: 1px; height: 30px; margin: 0px 8px; }
.wcag-side[data-v-af22ed25] { flex-direction: column; flex: 1 1 0%; justify-content: center; display: flex; }
.wcag-label-row[data-v-af22ed25] { align-items: center; gap: 6px; margin-bottom: 2px; display: flex; }
.bg-indicator[data-v-af22ed25] { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; flex-shrink: 0; width: 12px; height: 12px; }
.bg-indicator.white[data-v-af22ed25] { background: rgb(255, 255, 255); }
.bg-indicator.black[data-v-af22ed25] { background: rgb(0, 0, 0); }
.wcag-val[data-v-af22ed25] { color: var(--ucp-text-main,#111); font-variant-numeric: tabular-nums; min-width: 45px; font-size: 13px; font-weight: 800; display: inline-block; }
.wcag-icon[data-v-af22ed25] { color: rgb(255, 255, 255); background: rgb(255, 152, 0); border-radius: 50%; justify-content: center; align-items: center; width: 16px; height: 16px; margin-left: auto; font-size: 10px; font-weight: 700; display: flex; }
.pass .wcag-icon[data-v-af22ed25] { background: rgb(76, 175, 80); }
.wcag-hint-min[data-v-af22ed25] { color: var(--ucp-text-sub,#666); margin-top: 2px; font-size: 10px; font-weight: 600; }
.wcag-fix-wrapper[data-v-af22ed25] { align-items: center; height: 28px; display: flex; }
.wcag-fix-min[data-v-af22ed25] { cursor: pointer; background: rgba(0, 122, 255, 0.1); border-radius: 8px; align-items: center; gap: 6px; width: fit-content; padding: 4px 8px; transition: 0.2s; display: flex; }
.wcag-fix-min[data-v-af22ed25]:hover { background: rgba(0, 122, 255, 0.2); transform: translateY(-1px); }
.wcag-fix-min span[data-v-af22ed25] { color: rgb(0, 122, 255); font-size: 10px; font-weight: 800; }
.fix-dot[data-v-af22ed25] { border-radius: 50%; width: 8px; height: 8px; }
.bg-img-warning[data-v-af22ed25] { color: rgb(255, 152, 0); opacity: 0.8; margin-left: 2px; font-size: 14px; }
.ucp-harmony-section[data-v-a71a55ff] { margin-bottom: 5px; }
.harmony-grid[data-v-a71a55ff] { grid-template-columns: 1fr 1fr; gap: 10px 14px; padding: 4px 0px; display: grid; }
.harmony-item[data-v-a71a55ff] { flex-direction: column; gap: 4px; display: flex; }
.harmony-header[data-v-a71a55ff] { justify-content: space-between; align-items: center; display: flex; }
.harmony-title[data-v-a71a55ff] { color: var(--ucp-text-sub,#666); opacity: 0.8; font-size: 10px; font-weight: 700; }
.harmony-swatches[data-v-a71a55ff] { gap: 4px; display: flex; }
.ucp-swatch[data-v-a71a55ff] { cursor: pointer; border-radius: 6px; flex-shrink: 0; width: 24px; height: 24px; transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; }
.ucp-swatch[data-v-a71a55ff]:hover { transform: scale(1.15) rotate(5deg); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
.ucp-palette-sidebar[data-v-afae7958] { border-left: 1px solid var(--ucp-border,#0000001a); box-sizing: border-box; flex-direction: column; width: 180px; min-height: 0px; padding: 0px 12px; display: flex; overflow: hidden; }
.palette-sidebar-header[data-v-afae7958] { border-bottom: 1px solid var(--ucp-border,#0000001a); justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 8px 0px 6px; display: flex; }
.palette-title[data-v-afae7958] { color: var(--ucp-text-sub,#666); text-transform: uppercase; letter-spacing: 0.5px; font-size: 11px; font-weight: 800; }
.palette-header-actions[data-v-afae7958] { align-items: center; gap: 4px; display: flex; }
.palette-count[data-v-afae7958] { display: none; }
.sidebar-section[data-v-afae7958] { padding: 4px 0px; }
.section-header-compact[data-v-afae7958] { cursor: pointer; border-radius: 6px; align-items: center; gap: 6px; padding: 6px 4px; transition: background 0.2s; display: flex; }
.section-header-compact[data-v-afae7958]:hover { background: var(--ucp-input-bg,#0000000d); }
.section-header-compact .iconify[data-v-afae7958] { color: var(--ucp-text-sub,#666); font-size: 14px; }
.section-title-compact[data-v-afae7958] { color: var(--ucp-text-main,#111); flex: 1 1 0%; font-size: 11px; font-weight: 700; }
.section-count-compact[data-v-afae7958] { background: var(--ucp-input-bg,#0000000d); color: var(--ucp-text-sub,#666); border-radius: 4px; padding: 1px 4px; font-size: 9px; }
.fav-list-compact[data-v-afae7958] { padding: 4px; }
.fav-grid-compact[data-v-afae7958] { flex-wrap: wrap; gap: 6px; display: flex; }
.no-data-hint[data-v-afae7958] { color: var(--ucp-text-sub,#666); text-align: center; opacity: 0.6; padding: 8px 0px; font-size: 10px; }
.sidebar-divider[data-v-afae7958] { background: var(--ucp-border,#0000001a); opacity: 0.5; height: 1px; margin: 8px 0px; }
.fav-star-overlay[data-v-afae7958] { color: rgb(255, 77, 79); pointer-events: none; justify-content: center; align-items: center; font-size: 10px; display: flex; position: absolute; inset: 0px; }
.palette-collapse-btn[data-v-afae7958] { cursor: pointer; width: 20px; height: 20px; color: var(--ucp-text-sub,#666); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.palette-create-container[data-v-afae7958] { background: var(--ucp-input-bg,#00000008); border: 1px solid var(--ucp-border,#0000000d); box-sizing: border-box; border-radius: 12px; width: 100%; margin-bottom: 8px; padding: 8px; }
.create-label[data-v-afae7958] { color: rgb(0, 122, 255); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; font-size: 10px; font-weight: 800; }
.palette-create-compact[data-v-afae7958] { flex-wrap: nowrap; align-items: center; gap: 6px; display: flex; }
.palette-input-compact[data-v-afae7958] { border: 1px solid var(--ucp-border,#0000001a); width: 0px; min-width: 0px; color: var(--ucp-text-main,#111); box-sizing: border-box; background: rgb(255, 255, 255); border-radius: 8px; outline: none; flex: 1 1 0%; padding: 6px 8px; font-size: 11px; transition: 0.2s; }
.palette-input-compact[data-v-afae7958]:focus { border-color: rgb(0, 122, 255); box-shadow: rgba(0, 122, 255, 0.1) 0px 0px 0px 3px; }
:root.dark-mode .palette-input-compact[data-v-afae7958] { background: rgba(255, 255, 255, 0.05); }
.palette-create-btn-compact[data-v-afae7958] { color: rgb(255, 255, 255); cursor: pointer; background: rgb(0, 122, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; flex-shrink: 0; justify-content: center; align-items: center; width: 28px; height: 28px; font-size: 14px; transition: 0.2s; display: flex; }
.palette-create-btn-compact[data-v-afae7958]:hover:not(:disabled) { background: rgb(0, 86, 179); transform: translateY(-1px); }
.palette-create-btn-compact[data-v-afae7958]:disabled { opacity: 0.5; filter: grayscale(); cursor: not-allowed; }
.palette-list-compact[data-v-afae7958] { flex-direction: column; flex: 1 1 0%; gap: 6px; padding-right: 4px; display: flex; overflow-y: auto; }
.palette-list-compact[data-v-afae7958]::-webkit-scrollbar { width: 4px; }
.palette-list-compact[data-v-afae7958]::-webkit-scrollbar-track { background: 0px 0px; }
.palette-list-compact[data-v-afae7958]::-webkit-scrollbar-thumb { background: var(--ucp-border,#0000001a); border-radius: 2px; }
.palette-item-compact[data-v-afae7958] { background: var(--ucp-input-bg,#0000000d); border: 1px solid var(--ucp-border,#0000001a); cursor: pointer; border-radius: 8px; padding: 8px; }
.palette-item-compact.selected[data-v-afae7958] { background: rgba(0, 122, 255, 0.05); border-color: rgb(0, 122, 255); }
.palette-header-compact[data-v-afae7958] { justify-content: space-between; align-items: center; display: flex; }
.palette-name-compact[data-v-afae7958] { color: var(--ucp-text-main,#111); text-overflow: ellipsis; white-space: nowrap; flex: 1 1 0%; font-size: 11px; font-weight: 600; overflow: hidden; }
.palette-rename-input[data-v-afae7958] { background: rgb(255, 255, 255); border: 1px solid rgb(0, 122, 255); border-radius: 4px; outline: none; flex: 1 1 0%; width: 100%; padding: 2px 4px; font-size: 11px; font-weight: 600; }
:root.dark-mode .palette-rename-input[data-v-afae7958] { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); }
.palette-item-actions[data-v-afae7958] { gap: 2px; display: flex; }
.palette-action-btn[data-v-afae7958] { color: var(--ucp-text-sub,#666); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 12px; transition: 0.2s; display: flex; }
.palette-action-btn[data-v-afae7958]:hover { color: rgb(0, 122, 255); background: rgba(0, 122, 255, 0.1); }
.palette-action-btn.delete[data-v-afae7958] { color: rgb(255, 152, 0); }
.palette-action-btn.delete[data-v-afae7958]:hover { color: rgb(239, 108, 0); background: rgba(255, 152, 0, 0.1); }
.no-palette-empty[data-v-afae7958] { opacity: 0.4; flex-direction: column; flex: 1 1 0%; justify-content: center; align-items: center; gap: 8px; padding: 20px 0px; display: flex; }
.empty-icon[data-v-afae7958] { font-size: 32px; }
.empty-text[data-v-afae7958] { font-size: 11px; font-weight: 600; }
.palette-colors-compact[data-v-afae7958] { flex-wrap: wrap; gap: 4px; padding-top: 6px; display: flex; }
.palette-color-mini[data-v-afae7958] { cursor: pointer; border-radius: 6px; width: 30px; height: 30px; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; }
.palette-color-remove-mini[data-v-afae7958] { color: rgb(255, 255, 255); opacity: 0; background: rgba(0, 0, 0, 0.5); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; width: 14px; height: 14px; font-size: 8px; transition: opacity 0.2s; display: flex; position: absolute; top: -4px; right: -4px; }
.palette-color-remove-mini.is-confirming[data-v-afae7958] { opacity: 1; background: rgb(255, 77, 79); transform: scale(1.2); }
.palette-color-mini.confirm-delete[data-v-afae7958] { box-shadow: rgb(255, 77, 79) 0px 0px 0px 2px; }
.palette-add-current-mini[data-v-afae7958] { color: rgb(0, 122, 255); cursor: pointer; background: rgba(0, 122, 255, 0.05); border: 1px dashed rgb(0, 122, 255); border-radius: 5px; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 10px; display: flex; }
.ucp-panel[data-v-7d171ade] { --ucp-bg: #ffffffe0; --ucp-border: #00000014; --ucp-text-main: #111; --ucp-text-sub: #666; --ucp-input-bg: #0000000a; --ucp-shadow: 0 20px 50px #00000026; }
:root.dark-mode .ucp-panel[data-v-7d171ade] { --ucp-bg: #1e222ae6; --ucp-border: #ffffff1a; --ucp-text-main: #eee; --ucp-text-sub: #aaa; --ucp-input-bg: #ffffff0f; --ucp-shadow: 0 20px 50px #0006; }
.ucp-overlay[data-v-7d171ade] { z-index: 9999; background: rgba(0, 0, 0, 0.05); justify-content: center; align-items: flex-end; display: flex; position: fixed; inset: 0px; }
@media (width >= 768px) {
  .ucp-overlay[data-v-7d171ade] { align-items: center; }
}
.ucp-overlay[data-v-7d171ade] { z-index: 99999; background: 0px 0px; transition: opacity 0.3s; position: fixed; inset: 0px; }
.ucp-overlay.is-pinned[data-v-7d171ade] { pointer-events: none; background: 0px 0px; }
.ucp-panel[data-v-7d171ade] { background: var(--ucp-bg,#fff); border: 1px solid var(--ucp-border,#0000001a); z-index: 100000; pointer-events: auto; will-change: transform, top, left, box-shadow; border-radius: 24px 24px 0px 0px; flex-direction: column; padding: 10px; transition: 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.2s; animation: 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.1) 0s 1 normal none running ucp-slide-up-7d171ade; display: flex; position: absolute; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 40px; }
@keyframes ucp-slide-up-7d171ade { 
  0% { opacity: 0; transform: translateY(20px) scale(0.95); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
.ucp-panel.is-dragging[data-v-7d171ade] { cursor: move; transition: none !important; }
@media (width >= 768px) {
  .ucp-panel[data-v-7d171ade] { border: 1px solid var(--ucp-border,#0000001a); border-radius: 20px; flex-direction: row; gap: 12px; max-width: 1000px; }
}
.ucp-main-panel[data-v-7d171ade] { flex-direction: column; flex: 1 1 0%; min-width: 0px; max-height: 80vh; padding-right: 4px; display: flex; overflow: hidden auto; }
.ucp-main-panel[data-v-7d171ade]::-webkit-scrollbar { width: 4px; }
.ucp-main-panel[data-v-7d171ade]::-webkit-scrollbar-track { background: 0px 0px; }
.ucp-main-panel[data-v-7d171ade]::-webkit-scrollbar-thumb { background: var(--ucp-border); border-radius: 2px; }
.ucp-header[data-v-7d171ade] { justify-content: space-between; align-items: center; margin-bottom: 8px; display: flex; }
.header-title[data-v-7d171ade] { color: var(--ucp-text-main); white-space: nowrap; flex-shrink: 0; align-items: center; gap: 4px; font-size: 14px; font-weight: 800; display: flex; }
.title-icon[data-v-7d171ade] { color: rgb(0, 122, 255); flex-shrink: 0; font-size: 18px; }
.header-actions[data-v-7d171ade] { align-items: center; gap: 4px; display: flex; }
.ucp-fav-btn[data-v-7d171ade], .ucp-palette-toggle-btn[data-v-7d171ade], .ucp-pin-btn[data-v-7d171ade], .ucp-close-btn[data-v-7d171ade] { background: var(--ucp-input-bg); cursor: pointer; width: 28px; height: 28px; color: var(--ucp-text-main); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.ucp-fav-btn[data-v-7d171ade]:hover, .ucp-palette-toggle-btn[data-v-7d171ade]:hover, .ucp-pin-btn[data-v-7d171ade]:hover, .ucp-close-btn[data-v-7d171ade]:hover { color: rgb(0, 122, 255); background: rgba(0, 122, 255, 0.1); }
.ucp-palette-toggle-btn.active[data-v-7d171ade] { color: rgb(0, 122, 255); background: rgba(0, 122, 255, 0.2); }
.ucp-fav-btn.active[data-v-7d171ade] { color: rgb(255, 64, 129); background: rgba(255, 64, 129, 0.1); }
.ucp-pin-btn.active[data-v-7d171ade] { color: rgb(255, 255, 255); background: rgb(0, 122, 255); }
.header-title[data-v-7d171ade] { cursor: move; position: relative; }
.drag-handle-hint[data-v-7d171ade] { opacity: 0; color: var(--ucp-text-sub); margin-left: 4px; font-size: 14px; transition: opacity 0.2s; }
.header-title:hover .drag-handle-hint[data-v-7d171ade] { opacity: 0.5; }
.ucp-mode-toggle-btn[data-v-7d171ade] { background: var(--ucp-input-bg); cursor: pointer; width: 28px; height: 28px; color: var(--ucp-text-main); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; transition: 0.2s; display: flex; }
.ucp-mode-toggle-btn[data-v-7d171ade]:hover { color: rgb(0, 122, 255); background: rgba(0, 122, 255, 0.1); }
.ucp-main-interaction[data-v-7d171ade] { flex-direction: column; margin-bottom: 6px; display: flex; }
.ucp-order-hero-header[data-v-7d171ade] { order: 1; }
.ucp-order-hero-content[data-v-7d171ade] { order: 2; }
.ucp-order-picker[data-v-7d171ade] { order: 3; }
.ucp-order-inputs[data-v-7d171ade] { order: 4; }
.ucp-order-wcag[data-v-7d171ade] { order: 5; }
@media (width <= 767px) {
  .ucp-order-inputs[data-v-7d171ade] { order: 3; margin: 4px 0px !important; }
  .ucp-order-wcag[data-v-7d171ade] { order: 4; }
  .ucp-order-picker[data-v-7d171ade] { order: 5; margin-top: 12px; }
}
.ucp-controls-v2[data-v-7d171ade] { flex-direction: column; gap: 4px; margin-bottom: 8px; display: flex; }
.ucp-top-row[data-v-7d171ade] { align-items: center; gap: 4px; display: flex; }
.ucp-preview-block[data-v-7d171ade] { align-items: center; gap: 10px; display: flex; }
.ucp-preview-swatch[data-v-7d171ade] { background-color: var(--ucp-current-hex); cursor: copy; border-radius: 10px; width: 40px; height: 40px; transition: transform 0.2s; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; }
.ucp-preview-swatch[data-v-7d171ade]:hover { transform: scale(1.05); }
.copy-overlay[data-v-7d171ade] { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); border-radius: 10px; justify-content: center; align-items: center; font-size: 10px; font-weight: 700; animation: 0.2s ease 0s 1 normal none running fadeIn-7d171ade; display: flex; position: absolute; inset: 0px; }
.ucp-eyedropper-btn[data-v-7d171ade] { background: var(--ucp-input-bg); cursor: pointer; width: 32px; height: 40px; color: var(--ucp-text-main); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; transition: 0.2s; }
.ucp-eyedropper-btn[data-v-7d171ade]:hover { color: rgb(0, 122, 255); background: rgba(0, 122, 255, 0.1); }
.ucp-section-label[data-v-7d171ade] { color: var(--ucp-text-sub); text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.7; margin-bottom: 6px; font-size: 10px; font-weight: 800; }
.ucp-history[data-v-7d171ade] { margin-top: 8px; margin-bottom: 12px; }
.ucp-history-grid[data-v-7d171ade], .ucp-colors-grid[data-v-7d171ade] { flex-wrap: wrap; gap: 10px; display: flex; }
.ucp-swatch[data-v-7d171ade], .color-swatch[data-v-7d171ade] { cursor: pointer; border-radius: 8px; flex-shrink: 0; width: 32px; height: 32px; transition: 0.2s; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; }
.ucp-swatch[data-v-7d171ade]:hover, .color-swatch[data-v-7d171ade]:hover { transform: scale(1.1) translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
.color-card[data-v-7d171ade] { position: relative; }
.color-fav-mini[data-v-7d171ade] { color: rgb(255, 255, 255); cursor: pointer; z-index: 2; background: rgb(255, 77, 79); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; justify-content: center; align-items: center; width: 16px; height: 16px; font-size: 10px; display: flex; position: absolute; top: -4px; right: -4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }
@keyframes fadeIn-7d171ade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (width <= 767px) {
  .ucp-panel[data-v-7d171ade] { border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; border-radius: 20px 20px 0px 0px !important; width: 100% !important; max-width: 100vw !important; padding: 12px 16px 30px !important; position: fixed !important; inset: auto 0px 0px !important; transform: translateY(0px) scale(1) !important; }
  .hidden-on-mobile[data-v-7d171ade] { display: none !important; }
  .ucp-history-grid[data-v-7d171ade] { flex-wrap: nowrap; padding-bottom: 4px; overflow-x: auto; }
  .ucp-history-grid[data-v-7d171ade]::-webkit-scrollbar { height: 0px; }
  .ucp-section-header[data-v-7d171ade] { margin: 4px 0px !important; padding: 8px 0px !important; }
}
.ucp-section-header[data-v-7d171ade] { cursor: pointer; user-select: none; background: 0px 0px; border-radius: 12px; align-items: center; gap: 8px; margin: 4px -4px; padding: 8px 10px; transition: 0.2s; display: flex; }
.ucp-section-header[data-v-7d171ade]:hover { background: var(--ucp-input-bg,#0000000d); }
.ucp-section-header .section-icon[data-v-7d171ade] { color: rgb(0, 122, 255); font-size: 16px; }
.ucp-section-header .section-title[data-v-7d171ade] { color: var(--ucp-text-sub,#666); text-transform: uppercase; letter-spacing: 0.5px; font-size: 11px; font-weight: 800; }
.ucp-section-header .spacer[data-v-7d171ade] { flex: 1 1 0%; }
.ucp-section-header .chevron[data-v-7d171ade] { color: var(--ucp-text-sub,#666); font-size: 18px; transition: transform 0.2s; }
.ucp-section-header.is-collapsed[data-v-7d171ade] { opacity: 0.7; }
.ucp-section-header[data-v-7d171ade]:active { transform: scale(0.98); }
.icon-picker-tabs[data-v-10369435] { background: var(--bg-inset); border-radius: 8px; gap: 10px; margin-bottom: 15px; padding: 4px; display: flex; }
.picker-tab-btn[data-v-10369435] { color: var(--text-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 6px; flex: 1 1 0%; justify-content: center; align-items: center; gap: 6px; padding: 8px; font-size: 0.85rem; font-weight: 600; transition: 0.2s; display: flex; }
.picker-tab-btn[data-v-10369435]:hover { background: rgba(0, 0, 0, 0.05); }
.picker-tab-btn.active[data-v-10369435] { background: var(--bg-card); color: var(--color-primary); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; }
.copyright-notice-banner[data-v-10369435] { color: rgb(168, 93, 0); background: rgb(255, 248, 225); border: 1px solid rgb(255, 224, 130); border-radius: 6px; align-items: center; gap: 6px; margin-bottom: 15px; padding: 8px 12px; font-size: 0.75rem; display: flex; }
:is(.dark-mode .copyright-notice-banner[data-v-10369435], :host-context(.dark-mode) .copyright-notice-banner[data-v-10369435]) { color: rgb(255, 213, 79); background: rgb(51, 43, 0); border-color: rgb(85, 68, 0); }
.ProseMirror { position: relative; }
.ProseMirror { overflow-wrap: break-word; white-space: break-spaces; font-variant-ligatures: none; font-feature-settings: "liga" 0; }
.ProseMirror [contenteditable="false"] { white-space: normal; }
.ProseMirror [contenteditable="false"] [contenteditable="true"] { white-space: pre-wrap; }
.ProseMirror pre { white-space: pre-wrap; }
img.ProseMirror-separator { display: inline !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; margin: 0px !important; width: 0px !important; height: 0px !important; }
.ProseMirror-gapcursor { display: none; pointer-events: none; position: absolute; margin: 0px; }
.ProseMirror-gapcursor::after { content: ""; display: block; position: absolute; top: -2px; width: 20px; border-top: 1px solid black; animation: 1.1s steps(2, start) 0s infinite normal none running ProseMirror-cursor-blink; }
@keyframes ProseMirror-cursor-blink { 
  100% { visibility: hidden; }
}
.ProseMirror-hideselection ::selection { background: transparent; }
.ProseMirror-hideselection * { caret-color: transparent; }
.ProseMirror-focused .ProseMirror-gapcursor { display: block; }
.driver-active .driver-overlay, .driver-active * { pointer-events: none; }
.driver-active .driver-active-element, .driver-active .driver-active-element *, .driver-popover, .driver-popover * { pointer-events: auto; }
@keyframes animate-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.driver-fade .driver-overlay { animation: 0.2s ease-in-out 0s 1 normal none running animate-fade-in; }
.driver-fade .driver-popover { animation: 0.2s ease 0s 1 normal none running animate-fade-in; }
.driver-popover { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; bottom: unset; box-decoration-break: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; box-sizing: border-box; color: rgb(45, 45, 45); margin: 0px; padding: 15px; border-radius: 5px; min-width: 250px; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 10px; z-index: 1000000000; position: fixed; top: 0px; right: 0px; background-color: rgb(255, 255, 255); }
.driver-popover * { font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif; }
.driver-popover-title { font: 700 19px / 1.5 sans-serif; display: block; position: relative; zoom: 1; margin: 0px; }
.driver-popover-close-btn { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; bottom: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; position: absolute; top: 0px; right: 0px; width: 32px; height: 28px; cursor: pointer; font-size: 18px; font-weight: 500; color: rgb(210, 210, 210); z-index: 1; text-align: center; transition: color 0.2s; }
.driver-popover-close-btn:hover { color: rgb(45, 45, 45); }
.driver-popover-title[style*="block"] + .driver-popover-description { margin-top: 5px; }
.driver-popover-description { margin-bottom: 0px; font: 400 14px / 1.5 sans-serif; zoom: 1; }
.driver-popover-footer { margin-top: 15px; text-align: right; zoom: 1; display: flex; align-items: center; justify-content: space-between; }
.driver-popover-progress-text { font-size: 13px; font-weight: 400; color: rgb(162, 162, 162); zoom: 1; }
.driver-popover-footer button { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; display: inline-block; box-sizing: border-box; padding: 3px 7px; text-decoration: none; text-shadow: rgb(255, 255, 255) 1px 1px 0px; background-color: rgb(255, 255, 255); color: rgb(45, 45, 45); font: 12px / 1.3 sans-serif; cursor: pointer; outline: 0px; zoom: 1; border: 1px solid rgb(204, 204, 204); border-radius: 3px; }
.driver-popover-footer .driver-popover-btn-disabled { opacity: 0.5; pointer-events: none; }
:not(body):has(> .driver-active-element) { overflow: hidden !important; }
.driver-popover-footer button:hover { background-color: rgb(247, 247, 247); }
.driver-popover-navigation-btns { display: flex; flex-grow: 1; justify-content: flex-end; }
.driver-popover-navigation-btns button + button { margin-left: 4px; }
.driver-popover-arrow { content: ""; position: absolute; border: 5px solid rgb(255, 255, 255); }
.driver-popover-arrow-side-over { display: none; }
.driver-popover-arrow-side-left { left: 100%; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; }
.driver-popover-arrow-side-right { right: 100%; border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; }
.driver-popover-arrow-side-top { top: 100%; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.driver-popover-arrow-side-bottom { bottom: 100%; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; }
.driver-popover-arrow-side-center { display: none; }
.driver-popover-arrow-side-left.driver-popover-arrow-align-start, .driver-popover-arrow-side-right.driver-popover-arrow-align-start { top: 15px; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-start, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-start { left: 15px; }
.driver-popover-arrow-align-end.driver-popover-arrow-side-left, .driver-popover-arrow-align-end.driver-popover-arrow-side-right { bottom: 15px; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-end, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-end { right: 15px; }
.driver-popover-arrow-side-left.driver-popover-arrow-align-center, .driver-popover-arrow-side-right.driver-popover-arrow-align-center { top: 50%; margin-top: -5px; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-center, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-center { left: 50%; margin-left: -5px; }
.driver-popover-arrow-none { display: none; }
.filepond--assistant { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--browser.filepond--browser { position: absolute; margin: 0px; padding: 0px; left: 1em; top: 1.75em; width: calc(100% - 2em); opacity: 0; font-size: 0px; }
.filepond--data { position: absolute; width: 0px; height: 0px; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: hidden; pointer-events: none; contain: strict; }
.filepond--drip { position: absolute; inset: 0px; overflow: hidden; opacity: 0.1; pointer-events: none; border-radius: 0.5em; background: rgba(0, 0, 0, 0.01); }
.filepond--drip-blob { transform-origin: center center; width: 8em; height: 8em; margin-left: -4em; margin-top: -4em; background: rgb(41, 38, 37); border-radius: 50%; }
.filepond--drip-blob, .filepond--drop-label { position: absolute; top: 0px; left: 0px; will-change: transform, opacity; }
.filepond--drop-label { right: 0px; margin: 0px; color: rgb(79, 79, 79); display: flex; justify-content: center; align-items: center; height: 0px; user-select: none; }
.filepond--drop-label.filepond--drop-label label { display: block; margin: 0px; padding: 0.5em; }
.filepond--drop-label label { cursor: default; font-size: 0.875em; font-weight: 400; text-align: center; line-height: 1.5; }
.filepond--label-action { text-decoration: underline rgb(167, 164, 164); text-decoration-skip-ink: auto; cursor: pointer; }
.filepond--root[data-disabled] .filepond--drop-label label { opacity: 0.5; }
.filepond--file-action-button.filepond--file-action-button { font-size: 1em; width: 1.625em; height: 1.625em; font-family: inherit; line-height: inherit; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; will-change: transform, opacity; }
.filepond--file-action-button.filepond--file-action-button span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file-action-button.filepond--file-action-button svg { width: 100%; height: 100%; }
.filepond--file-action-button.filepond--file-action-button::after { position: absolute; inset: -0.75em; content: ""; }
.filepond--file-action-button { cursor: auto; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); background-image: none; box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px; transition: box-shadow 0.25s ease-in; }
.filepond--file-action-button:focus, .filepond--file-action-button:hover { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 0.125em; }
.filepond--file-action-button[disabled] { color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.25); }
.filepond--file-action-button[hidden] { display: none; }
.filepond--action-edit-item.filepond--action-edit-item { width: 2em; height: 2em; padding: 0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] { margin-left: -0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] { margin-bottom: -0.1875em; }
.filepond--action-edit-item-alt { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; line-height: inherit; background: transparent; font-family: inherit; color: inherit; outline: none; padding: 0px; margin: 0px 0px 0px 0.25em; pointer-events: all; position: absolute; }
.filepond--action-edit-item-alt svg { width: 1.3125em; height: 1.3125em; }
.filepond--action-edit-item-alt span { font-size: 0px; opacity: 0; }
.filepond--file-info { position: static; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; margin: 0px 0.5em 0px 0px; min-width: 0px; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-info * { margin: 0px; }
.filepond--file-info .filepond--file-info-main { font-size: 0.75em; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.filepond--file-info .filepond--file-info-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; white-space: nowrap; }
.filepond--file-info .filepond--file-info-sub:empty { display: none; }
.filepond--file-status { position: static; display: flex; flex-direction: column; align-items: flex-end; flex-grow: 0; flex-shrink: 0; margin: 0px; min-width: 2.25em; text-align: right; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-status * { margin: 0px; white-space: nowrap; }
.filepond--file-status .filepond--file-status-main { font-size: 0.75em; line-height: 1.2; }
.filepond--file-status .filepond--file-status-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; }
.filepond--file-wrapper.filepond--file-wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; min-width: 0px; height: 100%; }
.filepond--file-wrapper.filepond--file-wrapper > legend { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file { position: static; display: flex; height: 100%; align-items: flex-start; padding: 0.5625em; color: rgb(255, 255, 255); border-radius: 0.5em; }
.filepond--file .filepond--file-status { margin-left: auto; margin-right: 2.25em; }
.filepond--file .filepond--processing-complete-indicator { pointer-events: none; user-select: none; z-index: 3; }
.filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator { position: absolute; }
.filepond--file [data-align*="left"] { left: 0.5625em; }
.filepond--file [data-align*="right"] { right: 0.5625em; }
.filepond--file [data-align*="center"] { left: calc(50% - 0.8125em); }
.filepond--file [data-align*="bottom"] { bottom: 1.125em; }
.filepond--file [data-align="center"] { top: calc(50% - 0.8125em); }
.filepond--file .filepond--progress-indicator { margin-top: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="right"] { margin-right: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="left"] { margin-left: 0.1875em; }
[data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info { margin-right: 2.25em; }
[data-filepond-item-state~="processing"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-error"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg { animation: 0.5s linear 0.125s 1 normal both running fall; }
[data-filepond-item-state="processing-complete"] .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub { opacity: 0.5; }
[data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel { animation: 0.65s linear 0s 1 normal both running shake; }
[data-filepond-item-state*="busy"] .filepond--progress-indicator svg { animation: 1s linear 0s infinite normal none running spin; }
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@-webkit-keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
@keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
.filepond--hopper[data-hopper-state="drag-over"] > * { pointer-events: none; }
.filepond--hopper[data-hopper-state="drag-over"]::after { content: ""; position: absolute; inset: 0px; z-index: 100; }
.filepond--progress-indicator { z-index: 103; }
.filepond--file-action-button { z-index: 102; }
.filepond--file-status { z-index: 101; }
.filepond--file-info { z-index: 100; }
.filepond--item { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; padding: 0px; margin: 0.25em; will-change: transform, opacity; }
.filepond--item > .filepond--panel { z-index: -1; }
.filepond--item > .filepond--panel .filepond--panel-bottom { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.125em -0.0625em; }
.filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel { transition: opacity 0.15s ease-out; }
.filepond--item[data-drag-state] { cursor: grab; }
.filepond--item[data-drag-state] > .filepond--panel { transition: box-shadow 0.125s ease-in-out; box-shadow: transparent 0px 0px 0px; }
.filepond--item[data-drag-state="drag"] { cursor: grabbing; }
.filepond--item[data-drag-state="drag"] > .filepond--panel { box-shadow: rgba(0, 0, 0, 0.325) 0px 0.125em 0.3125em; }
.filepond--item[data-drag-state]:not([data-drag-state="idle"]) { z-index: 2; }
.filepond--item-panel { background-color: rgb(100, 96, 94); }
[data-filepond-item-state="processing-complete"] .filepond--item-panel { background-color: rgb(54, 151, 99); }
[data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel { background-color: rgb(196, 78, 71); }
.filepond--item-panel { border-radius: 0.5em; transition: background-color 0.25s; }
.filepond--list-scroller { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px; will-change: transform; }
.filepond--list-scroller[data-state="overflow"] .filepond--list { bottom: 0px; right: 0px; }
.filepond--list-scroller[data-state="overflow"] { overflow: hidden scroll; mask: linear-gradient(rgb(0, 0, 0) calc(100% - 0.5em), transparent); }
.filepond--list-scroller::-webkit-scrollbar { background: transparent; }
.filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em; }
.filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0px; }
.filepond--list-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 99999px; border: 0.3125em solid transparent; background-clip: content-box; }
.filepond--list.filepond--list { position: absolute; top: 0px; margin: 0px; padding: 0px; list-style-type: none; will-change: transform; }
.filepond--list { left: 0.75em; right: 0.75em; }
.filepond--root[data-style-panel-layout~="integrated"] { width: 100%; height: 100%; max-width: none; margin: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { bottom: 0px; height: auto; display: flex; justify-content: center; align-items: center; z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel { display: none; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller { overflow: hidden; height: 100%; margin-top: 0px; margin-bottom: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list { left: 0px; right: 0px; height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item { margin: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper { height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] { border-radius: 99999rem; overflow: hidden; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel { border-radius: inherit; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item { opacity: 1 !important; visibility: visible !important; }
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .filepond--root[data-style-panel-layout~="circle"] { will-change: transform; }
}
}
.filepond--panel-root { border-radius: 0.5em; background-color: rgb(241, 240, 239); }
.filepond--panel { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; pointer-events: none; height: 100% !important; }
.filepond-panel:not([data-scalable="false"]) { height: auto !important; }
.filepond--panel[data-scalable="false"] > div { display: none; }
.filepond--panel[data-scalable="true"] { transform-style: preserve-3d; background-color: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; padding: 0px; }
.filepond--panel-bottom, .filepond--panel-top { height: 0.5em; }
.filepond--panel-top { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.filepond--panel-top::after { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; bottom: -1px; background-color: inherit; }
.filepond--panel-bottom, .filepond--panel-center { will-change: transform; backface-visibility: hidden; transform-origin: left top; transform: translate3d(0px, 0.5em, 0px); }
.filepond--panel-bottom { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.filepond--panel-bottom::before { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; top: -1px; background-color: inherit; }
.filepond--panel-center { height: 100px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; border-radius: 0px !important; }
.filepond--panel-center:not([style]) { visibility: hidden; }
.filepond--progress-indicator { position: static; width: 1.25em; height: 1.25em; color: rgb(255, 255, 255); margin: 0px; pointer-events: none; will-change: transform, opacity; }
.filepond--progress-indicator svg { width: 100%; height: 100%; vertical-align: top; transform-box: fill-box; }
.filepond--progress-indicator path { fill: none; stroke: currentcolor; }
.filepond--list-scroller { z-index: 6; }
.filepond--drop-label { z-index: 5; }
.filepond--drip { z-index: 3; }
.filepond--root > .filepond--panel { z-index: 2; }
.filepond--browser { z-index: 1; }
.filepond--root { box-sizing: border-box; position: relative; margin-bottom: 1em; font-size: 1rem; line-height: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 450; text-align: left; text-rendering: optimizelegibility; direction: ltr; contain: size layout style; }
.filepond--root * { box-sizing: inherit; line-height: inherit; }
.filepond--root :not(text) { font-size: inherit; }
.filepond--root[data-disabled] { pointer-events: none; }
.filepond--root[data-disabled] .filepond--list-scroller { pointer-events: all; }
.filepond--root[data-disabled] .filepond--list { pointer-events: none; }
.filepond--root .filepond--drop-label { min-height: 4.75em; }
.filepond--root .filepond--list-scroller { margin-top: 1em; margin-bottom: 1em; }
.filepond--root .filepond--credits { position: absolute; right: 0px; opacity: 0.175; line-height: 0.85; font-size: 11px; color: inherit; text-decoration: none; z-index: 3; bottom: -14px; }
.filepond--root .filepond--credits[style] { top: 0px; bottom: auto; margin-top: 14px; }
.filepond--image-preview-markup { position: absolute; left: 0px; top: 0px; }
.filepond--image-preview-wrapper { z-index: 2; }
.filepond--image-preview-overlay { display: block; position: absolute; left: 0px; top: 0px; width: 100%; min-height: 5rem; max-height: 7rem; margin: 0px; opacity: 0; z-index: 2; pointer-events: none; user-select: none; }
.filepond--image-preview-overlay svg { width: 100%; height: auto; color: inherit; max-height: inherit; }
.filepond--image-preview-overlay-idle { mix-blend-mode: multiply; color: rgba(40, 40, 40, 0.85); }
.filepond--image-preview-overlay-success { mix-blend-mode: normal; color: rgb(54, 151, 99); }
.filepond--image-preview-overlay-failure { mix-blend-mode: normal; color: rgb(196, 78, 71); }
@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
  .filepond--image-preview-overlay-idle { mix-blend-mode: normal; }
}
.filepond--image-preview-wrapper { user-select: none; position: absolute; left: 0px; top: 0px; right: 0px; height: 100%; margin: 0px; border-radius: 0.45em; overflow: hidden; background: rgba(0, 0, 0, 0.01); }
.filepond--image-preview { position: absolute; left: 0px; top: 0px; z-index: 1; display: flex; align-items: center; height: 100%; width: 100%; pointer-events: none; background: rgb(34, 34, 34); will-change: transform, opacity; }
.filepond--image-clip { position: relative; overflow: hidden; margin: 0px auto; }
.filepond--image-clip[data-transparency-indicator="grid"] canvas, .filepond--image-clip[data-transparency-indicator="grid"] img { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E"); background-size: 1.25em 1.25em; }
.filepond--image-bitmap, .filepond--image-vector { position: absolute; left: 0px; top: 0px; will-change: transform; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview { height: 100%; display: flex; justify-content: center; align-items: center; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper { border-radius: 99999rem; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay { top: auto; bottom: 0px; transform: scaleY(-1); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) { margin-bottom: 0.325em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] { left: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] { right: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"], .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] { margin-bottom: 0.5125em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] { margin-top: 0px; margin-bottom: 0.1875em; margin-left: 0.1875em; }
.filepond--assistant { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--browser.filepond--browser { position: absolute; margin: 0px; padding: 0px; left: 1em; top: 1.75em; width: calc(100% - 2em); opacity: 0; font-size: 0px; }
.filepond--data { position: absolute; width: 0px; height: 0px; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: hidden; pointer-events: none; contain: strict; }
.filepond--drip { position: absolute; inset: 0px; overflow: hidden; opacity: 0.1; pointer-events: none; border-radius: 0.5em; background: rgba(0, 0, 0, 0.01); }
.filepond--drip-blob { transform-origin: center center; width: 8em; height: 8em; margin-left: -4em; margin-top: -4em; background: rgb(41, 38, 37); border-radius: 50%; }
.filepond--drip-blob, .filepond--drop-label { position: absolute; top: 0px; left: 0px; will-change: transform, opacity; }
.filepond--drop-label { right: 0px; margin: 0px; color: rgb(79, 79, 79); display: flex; justify-content: center; align-items: center; height: 0px; user-select: none; }
.filepond--drop-label.filepond--drop-label label { display: block; margin: 0px; padding: 0.5em; }
.filepond--drop-label label { cursor: default; font-size: 0.875em; font-weight: 400; text-align: center; line-height: 1.5; }
.filepond--label-action { text-decoration: underline rgb(167, 164, 164); text-decoration-skip-ink: auto; cursor: pointer; }
.filepond--root[data-disabled] .filepond--drop-label label { opacity: 0.5; }
.filepond--file-action-button.filepond--file-action-button { font-size: 1em; width: 1.625em; height: 1.625em; font-family: inherit; line-height: inherit; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; will-change: transform, opacity; }
.filepond--file-action-button.filepond--file-action-button span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file-action-button.filepond--file-action-button svg { width: 100%; height: 100%; }
.filepond--file-action-button.filepond--file-action-button::after { position: absolute; inset: -0.75em; content: ""; }
.filepond--file-action-button { cursor: auto; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); background-image: none; box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px; transition: box-shadow 0.25s ease-in; }
.filepond--file-action-button:focus, .filepond--file-action-button:hover { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 0.125em; }
.filepond--file-action-button[disabled] { color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.25); }
.filepond--file-action-button[hidden] { display: none; }
.filepond--action-edit-item.filepond--action-edit-item { width: 2em; height: 2em; padding: 0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] { margin-left: -0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] { margin-bottom: -0.1875em; }
.filepond--action-edit-item-alt { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; line-height: inherit; background: transparent; font-family: inherit; color: inherit; outline: none; padding: 0px; margin: 0px 0px 0px 0.25em; pointer-events: all; position: absolute; }
.filepond--action-edit-item-alt svg { width: 1.3125em; height: 1.3125em; }
.filepond--action-edit-item-alt span { font-size: 0px; opacity: 0; }
.filepond--file-info { position: static; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; margin: 0px 0.5em 0px 0px; min-width: 0px; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-info * { margin: 0px; }
.filepond--file-info .filepond--file-info-main { font-size: 0.75em; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.filepond--file-info .filepond--file-info-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; white-space: nowrap; }
.filepond--file-info .filepond--file-info-sub:empty { display: none; }
.filepond--file-status { position: static; display: flex; flex-direction: column; align-items: flex-end; flex-grow: 0; flex-shrink: 0; margin: 0px; min-width: 2.25em; text-align: right; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-status * { margin: 0px; white-space: nowrap; }
.filepond--file-status .filepond--file-status-main { font-size: 0.75em; line-height: 1.2; }
.filepond--file-status .filepond--file-status-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; }
.filepond--file-wrapper.filepond--file-wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; min-width: 0px; height: 100%; }
.filepond--file-wrapper.filepond--file-wrapper > legend { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file { position: static; display: flex; height: 100%; align-items: flex-start; padding: 0.5625em; color: rgb(255, 255, 255); border-radius: 0.5em; }
.filepond--file .filepond--file-status { margin-left: auto; margin-right: 2.25em; }
.filepond--file .filepond--processing-complete-indicator { pointer-events: none; user-select: none; z-index: 3; }
.filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator { position: absolute; }
.filepond--file [data-align*="left"] { left: 0.5625em; }
.filepond--file [data-align*="right"] { right: 0.5625em; }
.filepond--file [data-align*="center"] { left: calc(50% - 0.8125em); }
.filepond--file [data-align*="bottom"] { bottom: 1.125em; }
.filepond--file [data-align="center"] { top: calc(50% - 0.8125em); }
.filepond--file .filepond--progress-indicator { margin-top: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="right"] { margin-right: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="left"] { margin-left: 0.1875em; }
[data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info { margin-right: 2.25em; }
[data-filepond-item-state~="processing"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-error"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg { animation: 0.5s linear 0.125s 1 normal both running fall; }
[data-filepond-item-state="processing-complete"] .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub { opacity: 0.5; }
[data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel { animation: 0.65s linear 0s 1 normal both running shake; }
[data-filepond-item-state*="busy"] .filepond--progress-indicator svg { animation: 1s linear 0s infinite normal none running spin; }
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@-webkit-keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
@keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
.filepond--hopper[data-hopper-state="drag-over"] > * { pointer-events: none; }
.filepond--hopper[data-hopper-state="drag-over"]::after { content: ""; position: absolute; inset: 0px; z-index: 100; }
.filepond--progress-indicator { z-index: 103; }
.filepond--file-action-button { z-index: 102; }
.filepond--file-status { z-index: 101; }
.filepond--file-info { z-index: 100; }
.filepond--item { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; padding: 0px; margin: 0.25em; will-change: transform, opacity; }
.filepond--item > .filepond--panel { z-index: -1; }
.filepond--item > .filepond--panel .filepond--panel-bottom { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.125em -0.0625em; }
.filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel { transition: opacity 0.15s ease-out; }
.filepond--item[data-drag-state] { cursor: grab; }
.filepond--item[data-drag-state] > .filepond--panel { transition: box-shadow 0.125s ease-in-out; box-shadow: transparent 0px 0px 0px; }
.filepond--item[data-drag-state="drag"] { cursor: grabbing; }
.filepond--item[data-drag-state="drag"] > .filepond--panel { box-shadow: rgba(0, 0, 0, 0.325) 0px 0.125em 0.3125em; }
.filepond--item[data-drag-state]:not([data-drag-state="idle"]) { z-index: 2; }
.filepond--item-panel { background-color: rgb(100, 96, 94); }
[data-filepond-item-state="processing-complete"] .filepond--item-panel { background-color: rgb(54, 151, 99); }
[data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel { background-color: rgb(196, 78, 71); }
.filepond--item-panel { border-radius: 0.5em; transition: background-color 0.25s; }
.filepond--list-scroller { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px; will-change: transform; }
.filepond--list-scroller[data-state="overflow"] .filepond--list { bottom: 0px; right: 0px; }
.filepond--list-scroller[data-state="overflow"] { overflow: hidden scroll; mask: linear-gradient(rgb(0, 0, 0) calc(100% - 0.5em), transparent); }
.filepond--list-scroller::-webkit-scrollbar { background: transparent; }
.filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em; }
.filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0px; }
.filepond--list-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 99999px; border: 0.3125em solid transparent; background-clip: content-box; }
.filepond--list.filepond--list { position: absolute; top: 0px; margin: 0px; padding: 0px; list-style-type: none; will-change: transform; }
.filepond--list { left: 0.75em; right: 0.75em; }
.filepond--root[data-style-panel-layout~="integrated"] { width: 100%; height: 100%; max-width: none; margin: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { bottom: 0px; height: auto; display: flex; justify-content: center; align-items: center; z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel { display: none; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller { overflow: hidden; height: 100%; margin-top: 0px; margin-bottom: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list { left: 0px; right: 0px; height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item { margin: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper { height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] { border-radius: 99999rem; overflow: hidden; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel { border-radius: inherit; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item { opacity: 1 !important; visibility: visible !important; }
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .filepond--root[data-style-panel-layout~="circle"] { will-change: transform; }
}
}
.filepond--panel-root { border-radius: 0.5em; background-color: rgb(241, 240, 239); }
.filepond--panel { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; pointer-events: none; height: 100% !important; }
.filepond-panel:not([data-scalable="false"]) { height: auto !important; }
.filepond--panel[data-scalable="false"] > div { display: none; }
.filepond--panel[data-scalable="true"] { transform-style: preserve-3d; background-color: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; padding: 0px; }
.filepond--panel-bottom, .filepond--panel-top { height: 0.5em; }
.filepond--panel-top { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.filepond--panel-top::after { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; bottom: -1px; background-color: inherit; }
.filepond--panel-bottom, .filepond--panel-center { will-change: transform; backface-visibility: hidden; transform-origin: left top; transform: translate3d(0px, 0.5em, 0px); }
.filepond--panel-bottom { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.filepond--panel-bottom::before { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; top: -1px; background-color: inherit; }
.filepond--panel-center { height: 100px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; border-radius: 0px !important; }
.filepond--panel-center:not([style]) { visibility: hidden; }
.filepond--progress-indicator { position: static; width: 1.25em; height: 1.25em; color: rgb(255, 255, 255); margin: 0px; pointer-events: none; will-change: transform, opacity; }
.filepond--progress-indicator svg { width: 100%; height: 100%; vertical-align: top; transform-box: fill-box; }
.filepond--progress-indicator path { fill: none; stroke: currentcolor; }
.filepond--list-scroller { z-index: 6; }
.filepond--drop-label { z-index: 5; }
.filepond--drip { z-index: 3; }
.filepond--root > .filepond--panel { z-index: 2; }
.filepond--browser { z-index: 1; }
.filepond--root { box-sizing: border-box; position: relative; margin-bottom: 1em; font-size: 1rem; line-height: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 450; text-align: left; text-rendering: optimizelegibility; direction: ltr; contain: size layout style; }
.filepond--root * { box-sizing: inherit; line-height: inherit; }
.filepond--root :not(text) { font-size: inherit; }
.filepond--root[data-disabled] { pointer-events: none; }
.filepond--root[data-disabled] .filepond--list-scroller { pointer-events: all; }
.filepond--root[data-disabled] .filepond--list { pointer-events: none; }
.filepond--root .filepond--drop-label { min-height: 4.75em; }
.filepond--root .filepond--list-scroller { margin-top: 1em; margin-bottom: 1em; }
.filepond--root .filepond--credits { position: absolute; right: 0px; opacity: 0.175; line-height: 0.85; font-size: 11px; color: inherit; text-decoration: none; z-index: 3; bottom: -14px; }
.filepond--root .filepond--credits[style] { top: 0px; bottom: auto; margin-top: 14px; }
.filepond--image-preview-markup { position: absolute; left: 0px; top: 0px; }
.filepond--image-preview-wrapper { z-index: 2; }
.filepond--image-preview-overlay { display: block; position: absolute; left: 0px; top: 0px; width: 100%; min-height: 5rem; max-height: 7rem; margin: 0px; opacity: 0; z-index: 2; pointer-events: none; user-select: none; }
.filepond--image-preview-overlay svg { width: 100%; height: auto; color: inherit; max-height: inherit; }
.filepond--image-preview-overlay-idle { mix-blend-mode: multiply; color: rgba(40, 40, 40, 0.85); }
.filepond--image-preview-overlay-success { mix-blend-mode: normal; color: rgb(54, 151, 99); }
.filepond--image-preview-overlay-failure { mix-blend-mode: normal; color: rgb(196, 78, 71); }
@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
  .filepond--image-preview-overlay-idle { mix-blend-mode: normal; }
}
.filepond--image-preview-wrapper { user-select: none; position: absolute; left: 0px; top: 0px; right: 0px; height: 100%; margin: 0px; border-radius: 0.45em; overflow: hidden; background: rgba(0, 0, 0, 0.01); }
.filepond--image-preview { position: absolute; left: 0px; top: 0px; z-index: 1; display: flex; align-items: center; height: 100%; width: 100%; pointer-events: none; background: rgb(34, 34, 34); will-change: transform, opacity; }
.filepond--image-clip { position: relative; overflow: hidden; margin: 0px auto; }
.filepond--image-clip[data-transparency-indicator="grid"] canvas, .filepond--image-clip[data-transparency-indicator="grid"] img { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E"); background-size: 1.25em 1.25em; }
.filepond--image-bitmap, .filepond--image-vector { position: absolute; left: 0px; top: 0px; will-change: transform; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview { height: 100%; display: flex; justify-content: center; align-items: center; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper { border-radius: 99999rem; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay { top: auto; bottom: 0px; transform: scaleY(-1); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) { margin-bottom: 0.325em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] { left: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] { right: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"], .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] { margin-bottom: 0.5125em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] { margin-top: 0px; margin-bottom: 0.1875em; margin-left: 0.1875em; }
.filepond--assistant { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--browser.filepond--browser { position: absolute; margin: 0px; padding: 0px; left: 1em; top: 1.75em; width: calc(100% - 2em); opacity: 0; font-size: 0px; }
.filepond--data { position: absolute; width: 0px; height: 0px; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: hidden; pointer-events: none; contain: strict; }
.filepond--drip { position: absolute; inset: 0px; overflow: hidden; opacity: 0.1; pointer-events: none; border-radius: 0.5em; background: rgba(0, 0, 0, 0.01); }
.filepond--drip-blob { transform-origin: center center; width: 8em; height: 8em; margin-left: -4em; margin-top: -4em; background: rgb(41, 38, 37); border-radius: 50%; }
.filepond--drip-blob, .filepond--drop-label { position: absolute; top: 0px; left: 0px; will-change: transform, opacity; }
.filepond--drop-label { right: 0px; margin: 0px; color: rgb(79, 79, 79); display: flex; justify-content: center; align-items: center; height: 0px; user-select: none; }
.filepond--drop-label.filepond--drop-label label { display: block; margin: 0px; padding: 0.5em; }
.filepond--drop-label label { cursor: default; font-size: 0.875em; font-weight: 400; text-align: center; line-height: 1.5; }
.filepond--label-action { text-decoration: underline rgb(167, 164, 164); text-decoration-skip-ink: auto; cursor: pointer; }
.filepond--root[data-disabled] .filepond--drop-label label { opacity: 0.5; }
.filepond--file-action-button.filepond--file-action-button { font-size: 1em; width: 1.625em; height: 1.625em; font-family: inherit; line-height: inherit; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; will-change: transform, opacity; }
.filepond--file-action-button.filepond--file-action-button span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file-action-button.filepond--file-action-button svg { width: 100%; height: 100%; }
.filepond--file-action-button.filepond--file-action-button::after { position: absolute; inset: -0.75em; content: ""; }
.filepond--file-action-button { cursor: auto; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); background-image: none; box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px; transition: box-shadow 0.25s ease-in; }
.filepond--file-action-button:focus, .filepond--file-action-button:hover { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 0.125em; }
.filepond--file-action-button[disabled] { color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.25); }
.filepond--file-action-button[hidden] { display: none; }
.filepond--action-edit-item.filepond--action-edit-item { width: 2em; height: 2em; padding: 0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] { margin-left: -0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] { margin-bottom: -0.1875em; }
.filepond--action-edit-item-alt { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; line-height: inherit; background: transparent; font-family: inherit; color: inherit; outline: none; padding: 0px; margin: 0px 0px 0px 0.25em; pointer-events: all; position: absolute; }
.filepond--action-edit-item-alt svg { width: 1.3125em; height: 1.3125em; }
.filepond--action-edit-item-alt span { font-size: 0px; opacity: 0; }
.filepond--file-info { position: static; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; margin: 0px 0.5em 0px 0px; min-width: 0px; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-info * { margin: 0px; }
.filepond--file-info .filepond--file-info-main { font-size: 0.75em; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.filepond--file-info .filepond--file-info-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; white-space: nowrap; }
.filepond--file-info .filepond--file-info-sub:empty { display: none; }
.filepond--file-status { position: static; display: flex; flex-direction: column; align-items: flex-end; flex-grow: 0; flex-shrink: 0; margin: 0px; min-width: 2.25em; text-align: right; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-status * { margin: 0px; white-space: nowrap; }
.filepond--file-status .filepond--file-status-main { font-size: 0.75em; line-height: 1.2; }
.filepond--file-status .filepond--file-status-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; }
.filepond--file-wrapper.filepond--file-wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; min-width: 0px; height: 100%; }
.filepond--file-wrapper.filepond--file-wrapper > legend { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file { position: static; display: flex; height: 100%; align-items: flex-start; padding: 0.5625em; color: rgb(255, 255, 255); border-radius: 0.5em; }
.filepond--file .filepond--file-status { margin-left: auto; margin-right: 2.25em; }
.filepond--file .filepond--processing-complete-indicator { pointer-events: none; user-select: none; z-index: 3; }
.filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator { position: absolute; }
.filepond--file [data-align*="left"] { left: 0.5625em; }
.filepond--file [data-align*="right"] { right: 0.5625em; }
.filepond--file [data-align*="center"] { left: calc(50% - 0.8125em); }
.filepond--file [data-align*="bottom"] { bottom: 1.125em; }
.filepond--file [data-align="center"] { top: calc(50% - 0.8125em); }
.filepond--file .filepond--progress-indicator { margin-top: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="right"] { margin-right: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="left"] { margin-left: 0.1875em; }
[data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info { margin-right: 2.25em; }
[data-filepond-item-state~="processing"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-error"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg { animation: 0.5s linear 0.125s 1 normal both running fall; }
[data-filepond-item-state="processing-complete"] .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub { opacity: 0.5; }
[data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel { animation: 0.65s linear 0s 1 normal both running shake; }
[data-filepond-item-state*="busy"] .filepond--progress-indicator svg { animation: 1s linear 0s infinite normal none running spin; }
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@-webkit-keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
@keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
.filepond--hopper[data-hopper-state="drag-over"] > * { pointer-events: none; }
.filepond--hopper[data-hopper-state="drag-over"]::after { content: ""; position: absolute; inset: 0px; z-index: 100; }
.filepond--progress-indicator { z-index: 103; }
.filepond--file-action-button { z-index: 102; }
.filepond--file-status { z-index: 101; }
.filepond--file-info { z-index: 100; }
.filepond--item { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; padding: 0px; margin: 0.25em; will-change: transform, opacity; }
.filepond--item > .filepond--panel { z-index: -1; }
.filepond--item > .filepond--panel .filepond--panel-bottom { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.125em -0.0625em; }
.filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel { transition: opacity 0.15s ease-out; }
.filepond--item[data-drag-state] { cursor: grab; }
.filepond--item[data-drag-state] > .filepond--panel { transition: box-shadow 0.125s ease-in-out; box-shadow: transparent 0px 0px 0px; }
.filepond--item[data-drag-state="drag"] { cursor: grabbing; }
.filepond--item[data-drag-state="drag"] > .filepond--panel { box-shadow: rgba(0, 0, 0, 0.325) 0px 0.125em 0.3125em; }
.filepond--item[data-drag-state]:not([data-drag-state="idle"]) { z-index: 2; }
.filepond--item-panel { background-color: rgb(100, 96, 94); }
[data-filepond-item-state="processing-complete"] .filepond--item-panel { background-color: rgb(54, 151, 99); }
[data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel { background-color: rgb(196, 78, 71); }
.filepond--item-panel { border-radius: 0.5em; transition: background-color 0.25s; }
.filepond--list-scroller { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px; will-change: transform; }
.filepond--list-scroller[data-state="overflow"] .filepond--list { bottom: 0px; right: 0px; }
.filepond--list-scroller[data-state="overflow"] { overflow: hidden scroll; mask: linear-gradient(rgb(0, 0, 0) calc(100% - 0.5em), transparent); }
.filepond--list-scroller::-webkit-scrollbar { background: transparent; }
.filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em; }
.filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0px; }
.filepond--list-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 99999px; border: 0.3125em solid transparent; background-clip: content-box; }
.filepond--list.filepond--list { position: absolute; top: 0px; margin: 0px; padding: 0px; list-style-type: none; will-change: transform; }
.filepond--list { left: 0.75em; right: 0.75em; }
.filepond--root[data-style-panel-layout~="integrated"] { width: 100%; height: 100%; max-width: none; margin: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { bottom: 0px; height: auto; display: flex; justify-content: center; align-items: center; z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel { display: none; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller { overflow: hidden; height: 100%; margin-top: 0px; margin-bottom: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list { left: 0px; right: 0px; height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item { margin: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper { height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] { border-radius: 99999rem; overflow: hidden; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel { border-radius: inherit; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item { opacity: 1 !important; visibility: visible !important; }
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .filepond--root[data-style-panel-layout~="circle"] { will-change: transform; }
}
}
.filepond--panel-root { border-radius: 0.5em; background-color: rgb(241, 240, 239); }
.filepond--panel { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; pointer-events: none; height: 100% !important; }
.filepond-panel:not([data-scalable="false"]) { height: auto !important; }
.filepond--panel[data-scalable="false"] > div { display: none; }
.filepond--panel[data-scalable="true"] { transform-style: preserve-3d; background-color: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; padding: 0px; }
.filepond--panel-bottom, .filepond--panel-top { height: 0.5em; }
.filepond--panel-top { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.filepond--panel-top::after { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; bottom: -1px; background-color: inherit; }
.filepond--panel-bottom, .filepond--panel-center { will-change: transform; backface-visibility: hidden; transform-origin: left top; transform: translate3d(0px, 0.5em, 0px); }
.filepond--panel-bottom { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.filepond--panel-bottom::before { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; top: -1px; background-color: inherit; }
.filepond--panel-center { height: 100px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; border-radius: 0px !important; }
.filepond--panel-center:not([style]) { visibility: hidden; }
.filepond--progress-indicator { position: static; width: 1.25em; height: 1.25em; color: rgb(255, 255, 255); margin: 0px; pointer-events: none; will-change: transform, opacity; }
.filepond--progress-indicator svg { width: 100%; height: 100%; vertical-align: top; transform-box: fill-box; }
.filepond--progress-indicator path { fill: none; stroke: currentcolor; }
.filepond--list-scroller { z-index: 6; }
.filepond--drop-label { z-index: 5; }
.filepond--drip { z-index: 3; }
.filepond--root > .filepond--panel { z-index: 2; }
.filepond--browser { z-index: 1; }
.filepond--root { box-sizing: border-box; position: relative; margin-bottom: 1em; font-size: 1rem; line-height: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 450; text-align: left; text-rendering: optimizelegibility; direction: ltr; contain: size layout style; }
.filepond--root * { box-sizing: inherit; line-height: inherit; }
.filepond--root :not(text) { font-size: inherit; }
.filepond--root[data-disabled] { pointer-events: none; }
.filepond--root[data-disabled] .filepond--list-scroller { pointer-events: all; }
.filepond--root[data-disabled] .filepond--list { pointer-events: none; }
.filepond--root .filepond--drop-label { min-height: 4.75em; }
.filepond--root .filepond--list-scroller { margin-top: 1em; margin-bottom: 1em; }
.filepond--root .filepond--credits { position: absolute; right: 0px; opacity: 0.175; line-height: 0.85; font-size: 11px; color: inherit; text-decoration: none; z-index: 3; bottom: -14px; }
.filepond--root .filepond--credits[style] { top: 0px; bottom: auto; margin-top: 14px; }
.filepond--image-preview-markup { position: absolute; left: 0px; top: 0px; }
.filepond--image-preview-wrapper { z-index: 2; }
.filepond--image-preview-overlay { display: block; position: absolute; left: 0px; top: 0px; width: 100%; min-height: 5rem; max-height: 7rem; margin: 0px; opacity: 0; z-index: 2; pointer-events: none; user-select: none; }
.filepond--image-preview-overlay svg { width: 100%; height: auto; color: inherit; max-height: inherit; }
.filepond--image-preview-overlay-idle { mix-blend-mode: multiply; color: rgba(40, 40, 40, 0.85); }
.filepond--image-preview-overlay-success { mix-blend-mode: normal; color: rgb(54, 151, 99); }
.filepond--image-preview-overlay-failure { mix-blend-mode: normal; color: rgb(196, 78, 71); }
@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
  .filepond--image-preview-overlay-idle { mix-blend-mode: normal; }
}
.filepond--image-preview-wrapper { user-select: none; position: absolute; left: 0px; top: 0px; right: 0px; height: 100%; margin: 0px; border-radius: 0.45em; overflow: hidden; background: rgba(0, 0, 0, 0.01); }
.filepond--image-preview { position: absolute; left: 0px; top: 0px; z-index: 1; display: flex; align-items: center; height: 100%; width: 100%; pointer-events: none; background: rgb(34, 34, 34); will-change: transform, opacity; }
.filepond--image-clip { position: relative; overflow: hidden; margin: 0px auto; }
.filepond--image-clip[data-transparency-indicator="grid"] canvas, .filepond--image-clip[data-transparency-indicator="grid"] img { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E"); background-size: 1.25em 1.25em; }
.filepond--image-bitmap, .filepond--image-vector { position: absolute; left: 0px; top: 0px; will-change: transform; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview { height: 100%; display: flex; justify-content: center; align-items: center; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper { border-radius: 99999rem; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay { top: auto; bottom: 0px; transform: scaleY(-1); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) { margin-bottom: 0.325em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] { left: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] { right: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"], .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] { margin-bottom: 0.5125em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] { margin-top: 0px; margin-bottom: 0.1875em; margin-left: 0.1875em; }
.filepond--assistant { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--browser.filepond--browser { position: absolute; margin: 0px; padding: 0px; left: 1em; top: 1.75em; width: calc(100% - 2em); opacity: 0; font-size: 0px; }
.filepond--data { position: absolute; width: 0px; height: 0px; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: hidden; pointer-events: none; contain: strict; }
.filepond--drip { position: absolute; inset: 0px; overflow: hidden; opacity: 0.1; pointer-events: none; border-radius: 0.5em; background: rgba(0, 0, 0, 0.01); }
.filepond--drip-blob { transform-origin: center center; width: 8em; height: 8em; margin-left: -4em; margin-top: -4em; background: rgb(41, 38, 37); border-radius: 50%; }
.filepond--drip-blob, .filepond--drop-label { position: absolute; top: 0px; left: 0px; will-change: transform, opacity; }
.filepond--drop-label { right: 0px; margin: 0px; color: rgb(79, 79, 79); display: flex; justify-content: center; align-items: center; height: 0px; user-select: none; }
.filepond--drop-label.filepond--drop-label label { display: block; margin: 0px; padding: 0.5em; }
.filepond--drop-label label { cursor: default; font-size: 0.875em; font-weight: 400; text-align: center; line-height: 1.5; }
.filepond--label-action { text-decoration: underline rgb(167, 164, 164); text-decoration-skip-ink: auto; cursor: pointer; }
.filepond--root[data-disabled] .filepond--drop-label label { opacity: 0.5; }
.filepond--file-action-button.filepond--file-action-button { font-size: 1em; width: 1.625em; height: 1.625em; font-family: inherit; line-height: inherit; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; will-change: transform, opacity; }
.filepond--file-action-button.filepond--file-action-button span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file-action-button.filepond--file-action-button svg { width: 100%; height: 100%; }
.filepond--file-action-button.filepond--file-action-button::after { position: absolute; inset: -0.75em; content: ""; }
.filepond--file-action-button { cursor: auto; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); background-image: none; box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px; transition: box-shadow 0.25s ease-in; }
.filepond--file-action-button:focus, .filepond--file-action-button:hover { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 0.125em; }
.filepond--file-action-button[disabled] { color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.25); }
.filepond--file-action-button[hidden] { display: none; }
.filepond--action-edit-item.filepond--action-edit-item { width: 2em; height: 2em; padding: 0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] { margin-left: -0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] { margin-bottom: -0.1875em; }
.filepond--action-edit-item-alt { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; line-height: inherit; background: transparent; font-family: inherit; color: inherit; outline: none; padding: 0px; margin: 0px 0px 0px 0.25em; pointer-events: all; position: absolute; }
.filepond--action-edit-item-alt svg { width: 1.3125em; height: 1.3125em; }
.filepond--action-edit-item-alt span { font-size: 0px; opacity: 0; }
.filepond--file-info { position: static; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; margin: 0px 0.5em 0px 0px; min-width: 0px; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-info * { margin: 0px; }
.filepond--file-info .filepond--file-info-main { font-size: 0.75em; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.filepond--file-info .filepond--file-info-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; white-space: nowrap; }
.filepond--file-info .filepond--file-info-sub:empty { display: none; }
.filepond--file-status { position: static; display: flex; flex-direction: column; align-items: flex-end; flex-grow: 0; flex-shrink: 0; margin: 0px; min-width: 2.25em; text-align: right; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-status * { margin: 0px; white-space: nowrap; }
.filepond--file-status .filepond--file-status-main { font-size: 0.75em; line-height: 1.2; }
.filepond--file-status .filepond--file-status-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; }
.filepond--file-wrapper.filepond--file-wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; min-width: 0px; height: 100%; }
.filepond--file-wrapper.filepond--file-wrapper > legend { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file { position: static; display: flex; height: 100%; align-items: flex-start; padding: 0.5625em; color: rgb(255, 255, 255); border-radius: 0.5em; }
.filepond--file .filepond--file-status { margin-left: auto; margin-right: 2.25em; }
.filepond--file .filepond--processing-complete-indicator { pointer-events: none; user-select: none; z-index: 3; }
.filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator { position: absolute; }
.filepond--file [data-align*="left"] { left: 0.5625em; }
.filepond--file [data-align*="right"] { right: 0.5625em; }
.filepond--file [data-align*="center"] { left: calc(50% - 0.8125em); }
.filepond--file [data-align*="bottom"] { bottom: 1.125em; }
.filepond--file [data-align="center"] { top: calc(50% - 0.8125em); }
.filepond--file .filepond--progress-indicator { margin-top: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="right"] { margin-right: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="left"] { margin-left: 0.1875em; }
[data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info { margin-right: 2.25em; }
[data-filepond-item-state~="processing"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-error"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg { animation: 0.5s linear 0.125s 1 normal both running fall; }
[data-filepond-item-state="processing-complete"] .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub { opacity: 0.5; }
[data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel { animation: 0.65s linear 0s 1 normal both running shake; }
[data-filepond-item-state*="busy"] .filepond--progress-indicator svg { animation: 1s linear 0s infinite normal none running spin; }
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@-webkit-keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
@keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
.filepond--hopper[data-hopper-state="drag-over"] > * { pointer-events: none; }
.filepond--hopper[data-hopper-state="drag-over"]::after { content: ""; position: absolute; inset: 0px; z-index: 100; }
.filepond--progress-indicator { z-index: 103; }
.filepond--file-action-button { z-index: 102; }
.filepond--file-status { z-index: 101; }
.filepond--file-info { z-index: 100; }
.filepond--item { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; padding: 0px; margin: 0.25em; will-change: transform, opacity; }
.filepond--item > .filepond--panel { z-index: -1; }
.filepond--item > .filepond--panel .filepond--panel-bottom { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.125em -0.0625em; }
.filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel { transition: opacity 0.15s ease-out; }
.filepond--item[data-drag-state] { cursor: grab; }
.filepond--item[data-drag-state] > .filepond--panel { transition: box-shadow 0.125s ease-in-out; box-shadow: transparent 0px 0px 0px; }
.filepond--item[data-drag-state="drag"] { cursor: grabbing; }
.filepond--item[data-drag-state="drag"] > .filepond--panel { box-shadow: rgba(0, 0, 0, 0.325) 0px 0.125em 0.3125em; }
.filepond--item[data-drag-state]:not([data-drag-state="idle"]) { z-index: 2; }
.filepond--item-panel { background-color: rgb(100, 96, 94); }
[data-filepond-item-state="processing-complete"] .filepond--item-panel { background-color: rgb(54, 151, 99); }
[data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel { background-color: rgb(196, 78, 71); }
.filepond--item-panel { border-radius: 0.5em; transition: background-color 0.25s; }
.filepond--list-scroller { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px; will-change: transform; }
.filepond--list-scroller[data-state="overflow"] .filepond--list { bottom: 0px; right: 0px; }
.filepond--list-scroller[data-state="overflow"] { overflow: hidden scroll; mask: linear-gradient(rgb(0, 0, 0) calc(100% - 0.5em), transparent); }
.filepond--list-scroller::-webkit-scrollbar { background: transparent; }
.filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em; }
.filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0px; }
.filepond--list-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 99999px; border: 0.3125em solid transparent; background-clip: content-box; }
.filepond--list.filepond--list { position: absolute; top: 0px; margin: 0px; padding: 0px; list-style-type: none; will-change: transform; }
.filepond--list { left: 0.75em; right: 0.75em; }
.filepond--root[data-style-panel-layout~="integrated"] { width: 100%; height: 100%; max-width: none; margin: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { bottom: 0px; height: auto; display: flex; justify-content: center; align-items: center; z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel { display: none; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller { overflow: hidden; height: 100%; margin-top: 0px; margin-bottom: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list { left: 0px; right: 0px; height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item { margin: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper { height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] { border-radius: 99999rem; overflow: hidden; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel { border-radius: inherit; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item { opacity: 1 !important; visibility: visible !important; }
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .filepond--root[data-style-panel-layout~="circle"] { will-change: transform; }
}
}
.filepond--panel-root { border-radius: 0.5em; background-color: rgb(241, 240, 239); }
.filepond--panel { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; pointer-events: none; height: 100% !important; }
.filepond-panel:not([data-scalable="false"]) { height: auto !important; }
.filepond--panel[data-scalable="false"] > div { display: none; }
.filepond--panel[data-scalable="true"] { transform-style: preserve-3d; background-color: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; padding: 0px; }
.filepond--panel-bottom, .filepond--panel-top { height: 0.5em; }
.filepond--panel-top { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.filepond--panel-top::after { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; bottom: -1px; background-color: inherit; }
.filepond--panel-bottom, .filepond--panel-center { will-change: transform; backface-visibility: hidden; transform-origin: left top; transform: translate3d(0px, 0.5em, 0px); }
.filepond--panel-bottom { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.filepond--panel-bottom::before { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; top: -1px; background-color: inherit; }
.filepond--panel-center { height: 100px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; border-radius: 0px !important; }
.filepond--panel-center:not([style]) { visibility: hidden; }
.filepond--progress-indicator { position: static; width: 1.25em; height: 1.25em; color: rgb(255, 255, 255); margin: 0px; pointer-events: none; will-change: transform, opacity; }
.filepond--progress-indicator svg { width: 100%; height: 100%; vertical-align: top; transform-box: fill-box; }
.filepond--progress-indicator path { fill: none; stroke: currentcolor; }
.filepond--list-scroller { z-index: 6; }
.filepond--drop-label { z-index: 5; }
.filepond--drip { z-index: 3; }
.filepond--root > .filepond--panel { z-index: 2; }
.filepond--browser { z-index: 1; }
.filepond--root { box-sizing: border-box; position: relative; margin-bottom: 1em; font-size: 1rem; line-height: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 450; text-align: left; text-rendering: optimizelegibility; direction: ltr; contain: size layout style; }
.filepond--root * { box-sizing: inherit; line-height: inherit; }
.filepond--root :not(text) { font-size: inherit; }
.filepond--root[data-disabled] { pointer-events: none; }
.filepond--root[data-disabled] .filepond--list-scroller { pointer-events: all; }
.filepond--root[data-disabled] .filepond--list { pointer-events: none; }
.filepond--root .filepond--drop-label { min-height: 4.75em; }
.filepond--root .filepond--list-scroller { margin-top: 1em; margin-bottom: 1em; }
.filepond--root .filepond--credits { position: absolute; right: 0px; opacity: 0.175; line-height: 0.85; font-size: 11px; color: inherit; text-decoration: none; z-index: 3; bottom: -14px; }
.filepond--root .filepond--credits[style] { top: 0px; bottom: auto; margin-top: 14px; }
.filepond--image-preview-markup { position: absolute; left: 0px; top: 0px; }
.filepond--image-preview-wrapper { z-index: 2; }
.filepond--image-preview-overlay { display: block; position: absolute; left: 0px; top: 0px; width: 100%; min-height: 5rem; max-height: 7rem; margin: 0px; opacity: 0; z-index: 2; pointer-events: none; user-select: none; }
.filepond--image-preview-overlay svg { width: 100%; height: auto; color: inherit; max-height: inherit; }
.filepond--image-preview-overlay-idle { mix-blend-mode: multiply; color: rgba(40, 40, 40, 0.85); }
.filepond--image-preview-overlay-success { mix-blend-mode: normal; color: rgb(54, 151, 99); }
.filepond--image-preview-overlay-failure { mix-blend-mode: normal; color: rgb(196, 78, 71); }
@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
  .filepond--image-preview-overlay-idle { mix-blend-mode: normal; }
}
.filepond--image-preview-wrapper { user-select: none; position: absolute; left: 0px; top: 0px; right: 0px; height: 100%; margin: 0px; border-radius: 0.45em; overflow: hidden; background: rgba(0, 0, 0, 0.01); }
.filepond--image-preview { position: absolute; left: 0px; top: 0px; z-index: 1; display: flex; align-items: center; height: 100%; width: 100%; pointer-events: none; background: rgb(34, 34, 34); will-change: transform, opacity; }
.filepond--image-clip { position: relative; overflow: hidden; margin: 0px auto; }
.filepond--image-clip[data-transparency-indicator="grid"] canvas, .filepond--image-clip[data-transparency-indicator="grid"] img { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E"); background-size: 1.25em 1.25em; }
.filepond--image-bitmap, .filepond--image-vector { position: absolute; left: 0px; top: 0px; will-change: transform; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview { height: 100%; display: flex; justify-content: center; align-items: center; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper { border-radius: 99999rem; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay { top: auto; bottom: 0px; transform: scaleY(-1); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) { margin-bottom: 0.325em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] { left: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] { right: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"], .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] { margin-bottom: 0.5125em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] { margin-top: 0px; margin-bottom: 0.1875em; margin-left: 0.1875em; }
.filepond--assistant { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--browser.filepond--browser { position: absolute; margin: 0px; padding: 0px; left: 1em; top: 1.75em; width: calc(100% - 2em); opacity: 0; font-size: 0px; }
.filepond--data { position: absolute; width: 0px; height: 0px; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: hidden; pointer-events: none; contain: strict; }
.filepond--drip { position: absolute; inset: 0px; overflow: hidden; opacity: 0.1; pointer-events: none; border-radius: 0.5em; background: rgba(0, 0, 0, 0.01); }
.filepond--drip-blob { transform-origin: center center; width: 8em; height: 8em; margin-left: -4em; margin-top: -4em; background: rgb(41, 38, 37); border-radius: 50%; }
.filepond--drip-blob, .filepond--drop-label { position: absolute; top: 0px; left: 0px; will-change: transform, opacity; }
.filepond--drop-label { right: 0px; margin: 0px; color: rgb(79, 79, 79); display: flex; justify-content: center; align-items: center; height: 0px; user-select: none; }
.filepond--drop-label.filepond--drop-label label { display: block; margin: 0px; padding: 0.5em; }
.filepond--drop-label label { cursor: default; font-size: 0.875em; font-weight: 400; text-align: center; line-height: 1.5; }
.filepond--label-action { text-decoration: underline rgb(167, 164, 164); text-decoration-skip-ink: auto; cursor: pointer; }
.filepond--root[data-disabled] .filepond--drop-label label { opacity: 0.5; }
.filepond--file-action-button.filepond--file-action-button { font-size: 1em; width: 1.625em; height: 1.625em; font-family: inherit; line-height: inherit; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; will-change: transform, opacity; }
.filepond--file-action-button.filepond--file-action-button span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file-action-button.filepond--file-action-button svg { width: 100%; height: 100%; }
.filepond--file-action-button.filepond--file-action-button::after { position: absolute; inset: -0.75em; content: ""; }
.filepond--file-action-button { cursor: auto; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); background-image: none; box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px; transition: box-shadow 0.25s ease-in; }
.filepond--file-action-button:focus, .filepond--file-action-button:hover { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 0.125em; }
.filepond--file-action-button[disabled] { color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.25); }
.filepond--file-action-button[hidden] { display: none; }
.filepond--action-edit-item.filepond--action-edit-item { width: 2em; height: 2em; padding: 0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] { margin-left: -0.1875em; }
.filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] { margin-bottom: -0.1875em; }
.filepond--action-edit-item-alt { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; line-height: inherit; background: transparent; font-family: inherit; color: inherit; outline: none; padding: 0px; margin: 0px 0px 0px 0.25em; pointer-events: all; position: absolute; }
.filepond--action-edit-item-alt svg { width: 1.3125em; height: 1.3125em; }
.filepond--action-edit-item-alt span { font-size: 0px; opacity: 0; }
.filepond--file-info { position: static; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; margin: 0px 0.5em 0px 0px; min-width: 0px; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-info * { margin: 0px; }
.filepond--file-info .filepond--file-info-main { font-size: 0.75em; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.filepond--file-info .filepond--file-info-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; white-space: nowrap; }
.filepond--file-info .filepond--file-info-sub:empty { display: none; }
.filepond--file-status { position: static; display: flex; flex-direction: column; align-items: flex-end; flex-grow: 0; flex-shrink: 0; margin: 0px; min-width: 2.25em; text-align: right; will-change: transform, opacity; pointer-events: none; user-select: none; }
.filepond--file-status * { margin: 0px; white-space: nowrap; }
.filepond--file-status .filepond--file-status-main { font-size: 0.75em; line-height: 1.2; }
.filepond--file-status .filepond--file-status-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; }
.filepond--file-wrapper.filepond--file-wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; min-width: 0px; height: 100%; }
.filepond--file-wrapper.filepond--file-wrapper > legend { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.filepond--file { position: static; display: flex; height: 100%; align-items: flex-start; padding: 0.5625em; color: rgb(255, 255, 255); border-radius: 0.5em; }
.filepond--file .filepond--file-status { margin-left: auto; margin-right: 2.25em; }
.filepond--file .filepond--processing-complete-indicator { pointer-events: none; user-select: none; z-index: 3; }
.filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator { position: absolute; }
.filepond--file [data-align*="left"] { left: 0.5625em; }
.filepond--file [data-align*="right"] { right: 0.5625em; }
.filepond--file [data-align*="center"] { left: calc(50% - 0.8125em); }
.filepond--file [data-align*="bottom"] { bottom: 1.125em; }
.filepond--file [data-align="center"] { top: calc(50% - 0.8125em); }
.filepond--file .filepond--progress-indicator { margin-top: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="right"] { margin-right: 0.1875em; }
.filepond--file .filepond--progress-indicator[data-align*="left"] { margin-left: 0.1875em; }
[data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info { margin-right: 2.25em; }
[data-filepond-item-state~="processing"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-error"] .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg { animation: 0.5s linear 0.125s 1 normal both running fall; }
[data-filepond-item-state="processing-complete"] .filepond--file-status-sub { opacity: 0.5; }
[data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub { opacity: 0; }
[data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub { opacity: 0.5; }
[data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel { animation: 0.65s linear 0s 1 normal both running shake; }
[data-filepond-item-state*="busy"] .filepond--progress-indicator svg { animation: 1s linear 0s infinite normal none running spin; }
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@keyframes shake { 
  10%, 90% { transform: translateX(-0.0625em); }
  20%, 80% { transform: translateX(0.125em); }
  30%, 50%, 70% { transform: translateX(-0.25em); }
  40%, 60% { transform: translateX(0.25em); }
}
@-webkit-keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
@keyframes fall { 
  0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; }
  70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; }
  100% { transform: scale(1); animation-timing-function: ease-out; }
}
.filepond--hopper[data-hopper-state="drag-over"] > * { pointer-events: none; }
.filepond--hopper[data-hopper-state="drag-over"]::after { content: ""; position: absolute; inset: 0px; z-index: 100; }
.filepond--progress-indicator { z-index: 103; }
.filepond--file-action-button { z-index: 102; }
.filepond--file-status { z-index: 101; }
.filepond--file-info { z-index: 100; }
.filepond--item { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; padding: 0px; margin: 0.25em; will-change: transform, opacity; }
.filepond--item > .filepond--panel { z-index: -1; }
.filepond--item > .filepond--panel .filepond--panel-bottom { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.125em -0.0625em; }
.filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel { transition: opacity 0.15s ease-out; }
.filepond--item[data-drag-state] { cursor: grab; }
.filepond--item[data-drag-state] > .filepond--panel { transition: box-shadow 0.125s ease-in-out; box-shadow: transparent 0px 0px 0px; }
.filepond--item[data-drag-state="drag"] { cursor: grabbing; }
.filepond--item[data-drag-state="drag"] > .filepond--panel { box-shadow: rgba(0, 0, 0, 0.325) 0px 0.125em 0.3125em; }
.filepond--item[data-drag-state]:not([data-drag-state="idle"]) { z-index: 2; }
.filepond--item-panel { background-color: rgb(100, 96, 94); }
[data-filepond-item-state="processing-complete"] .filepond--item-panel { background-color: rgb(54, 151, 99); }
[data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel { background-color: rgb(196, 78, 71); }
.filepond--item-panel { border-radius: 0.5em; transition: background-color 0.25s; }
.filepond--list-scroller { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px; will-change: transform; }
.filepond--list-scroller[data-state="overflow"] .filepond--list { bottom: 0px; right: 0px; }
.filepond--list-scroller[data-state="overflow"] { overflow: hidden scroll; mask: linear-gradient(rgb(0, 0, 0) calc(100% - 0.5em), transparent); }
.filepond--list-scroller::-webkit-scrollbar { background: transparent; }
.filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em; }
.filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0px; }
.filepond--list-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 99999px; border: 0.3125em solid transparent; background-clip: content-box; }
.filepond--list.filepond--list { position: absolute; top: 0px; margin: 0px; padding: 0px; list-style-type: none; will-change: transform; }
.filepond--list { left: 0.75em; right: 0.75em; }
.filepond--root[data-style-panel-layout~="integrated"] { width: 100%; height: 100%; max-width: none; margin: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { bottom: 0px; height: auto; display: flex; justify-content: center; align-items: center; z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel { display: none; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller { overflow: hidden; height: 100%; margin-top: 0px; margin-bottom: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list { left: 0px; right: 0px; height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item { margin: 0px; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper { height: 100%; }
.filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { z-index: 7; }
.filepond--root[data-style-panel-layout~="circle"] { border-radius: 99999rem; overflow: hidden; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel { border-radius: inherit; }
.filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > * { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status { display: none; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item { opacity: 1 !important; visibility: visible !important; }
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .filepond--root[data-style-panel-layout~="circle"] { will-change: transform; }
}
}
.filepond--panel-root { border-radius: 0.5em; background-color: rgb(241, 240, 239); }
.filepond--panel { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; pointer-events: none; height: 100% !important; }
.filepond-panel:not([data-scalable="false"]) { height: auto !important; }
.filepond--panel[data-scalable="false"] > div { display: none; }
.filepond--panel[data-scalable="true"] { transform-style: preserve-3d; background-color: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; padding: 0px; }
.filepond--panel-bottom, .filepond--panel-top { height: 0.5em; }
.filepond--panel-top { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.filepond--panel-top::after { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; bottom: -1px; background-color: inherit; }
.filepond--panel-bottom, .filepond--panel-center { will-change: transform; backface-visibility: hidden; transform-origin: left top; transform: translate3d(0px, 0.5em, 0px); }
.filepond--panel-bottom { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.filepond--panel-bottom::before { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; top: -1px; background-color: inherit; }
.filepond--panel-center { height: 100px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; border-radius: 0px !important; }
.filepond--panel-center:not([style]) { visibility: hidden; }
.filepond--progress-indicator { position: static; width: 1.25em; height: 1.25em; color: rgb(255, 255, 255); margin: 0px; pointer-events: none; will-change: transform, opacity; }
.filepond--progress-indicator svg { width: 100%; height: 100%; vertical-align: top; transform-box: fill-box; }
.filepond--progress-indicator path { fill: none; stroke: currentcolor; }
.filepond--list-scroller { z-index: 6; }
.filepond--drop-label { z-index: 5; }
.filepond--drip { z-index: 3; }
.filepond--root > .filepond--panel { z-index: 2; }
.filepond--browser { z-index: 1; }
.filepond--root { box-sizing: border-box; position: relative; margin-bottom: 1em; font-size: 1rem; line-height: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 450; text-align: left; text-rendering: optimizelegibility; direction: ltr; contain: size layout style; }
.filepond--root * { box-sizing: inherit; line-height: inherit; }
.filepond--root :not(text) { font-size: inherit; }
.filepond--root[data-disabled] { pointer-events: none; }
.filepond--root[data-disabled] .filepond--list-scroller { pointer-events: all; }
.filepond--root[data-disabled] .filepond--list { pointer-events: none; }
.filepond--root .filepond--drop-label { min-height: 4.75em; }
.filepond--root .filepond--list-scroller { margin-top: 1em; margin-bottom: 1em; }
.filepond--root .filepond--credits { position: absolute; right: 0px; opacity: 0.175; line-height: 0.85; font-size: 11px; color: inherit; text-decoration: none; z-index: 3; bottom: -14px; }
.filepond--root .filepond--credits[style] { top: 0px; bottom: auto; margin-top: 14px; }
.filepond--image-preview-markup { position: absolute; left: 0px; top: 0px; }
.filepond--image-preview-wrapper { z-index: 2; }
.filepond--image-preview-overlay { display: block; position: absolute; left: 0px; top: 0px; width: 100%; min-height: 5rem; max-height: 7rem; margin: 0px; opacity: 0; z-index: 2; pointer-events: none; user-select: none; }
.filepond--image-preview-overlay svg { width: 100%; height: auto; color: inherit; max-height: inherit; }
.filepond--image-preview-overlay-idle { mix-blend-mode: multiply; color: rgba(40, 40, 40, 0.85); }
.filepond--image-preview-overlay-success { mix-blend-mode: normal; color: rgb(54, 151, 99); }
.filepond--image-preview-overlay-failure { mix-blend-mode: normal; color: rgb(196, 78, 71); }
@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
  .filepond--image-preview-overlay-idle { mix-blend-mode: normal; }
}
.filepond--image-preview-wrapper { user-select: none; position: absolute; left: 0px; top: 0px; right: 0px; height: 100%; margin: 0px; border-radius: 0.45em; overflow: hidden; background: rgba(0, 0, 0, 0.01); }
.filepond--image-preview { position: absolute; left: 0px; top: 0px; z-index: 1; display: flex; align-items: center; height: 100%; width: 100%; pointer-events: none; background: rgb(34, 34, 34); will-change: transform, opacity; }
.filepond--image-clip { position: relative; overflow: hidden; margin: 0px auto; }
.filepond--image-clip[data-transparency-indicator="grid"] canvas, .filepond--image-clip[data-transparency-indicator="grid"] img { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E"); background-size: 1.25em 1.25em; }
.filepond--image-bitmap, .filepond--image-vector { position: absolute; left: 0px; top: 0px; will-change: transform; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper { border-radius: 0px; }
.filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview { height: 100%; display: flex; justify-content: center; align-items: center; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper { border-radius: 99999rem; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay { top: auto; bottom: 0px; transform: scaleY(-1); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) { margin-bottom: 0.325em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] { left: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] { right: calc(50% - 3em); }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"], .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] { margin-bottom: 0.5125em; }
.filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] { margin-top: 0px; margin-bottom: 0.1875em; margin-left: 0.1875em; }