:root{--color-editor-bg: #FFFFFF;--color-editor-text: #333333;--color-line-component: #D9D9D9;--color-primary: #007AFF;--color-secondary: #18A0FB;--color-warning: #F7552F;--color-dark-gray: #AAB5C0;--color-medium-gray: #EAEDF0;--color-light-gray: #F9FAFB}[data-theme=dark]{--color-editor-bg: #1A1A1A;--color-editor-text: #FFFFFF;--color-line-component: #707070;--color-primary: #66AFFF;--color-secondary: #69C1FC;--color-warning: #FF7A5C;--color-dark-gray: #8A9BB0;--color-medium-gray: #6A7A8A;--color-light-gray: #606060}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-editor-bg: #1A1A1A;--color-editor-text: #FFFFFF;--color-line-component: #707070;--color-primary: #66AFFF;--color-secondary: #69C1FC;--color-warning: #FF7A5C;--color-dark-gray: #8A9BB0;--color-medium-gray: #6A7A8A;--color-light-gray: #606060}}.fc-portal-editor{input[type="text"],input[type="number"] {width: 100%; padding: 8px 10px; border: 1px solid var(--color-line-component); border-radius: 4px; font-size: 14px; transition: border-color .2s; background-color: var(--color-editor-bg); color: var(--color-editor-text);} input[type="color"] {width: 40px; height: 20px; border: 1px solid var(--color-line-component); cursor: pointer; padding: 0; background-color: var(--color-editor-bg); color: var(--color-editor-text);} input:focus {outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent);} input:hover {border-color: var(--color-primary);} input[type="checkbox"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; width: 20px; height: 20px; border-radius: 4px; background-color: var(--color-editor-bg); border: 1px solid var(--color-line-component); transition: all .2s ease; margin-right: 6px; vertical-align: middle; position: relative;} input[type="checkbox"]:hover {border-color: var(--color-primary);} input[type="checkbox"]:checked:hover {border-color: var(--color-line-component);} input[type="checkbox"]:focus {outline: none; border-color: var(--color-primary); box-shadow: none;} input[type="checkbox"]:checked {background-color: var(--color-primary); border-color: var(--color-primary); background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3%2010L8%2015L18%205%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E); background-size: 14px 14px; background-repeat: no-repeat; background-position: center;} input[type="checkbox"]:disabled {cursor: not-allowed; background-color: color-mix(in srgb,var(--color-editor-text) 6%,transparent); border-color: var(--color-line-component);} input[type="checkbox"]:checked:disabled {background-color: color-mix(in srgb,var(--color-primary) 50%,transparent);} input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; width: 20px; height: 20px; background-color: var(--color-editor-bg); border-radius: 50%; position: relative; border: 1px solid var(--color-line-component); transition: all .2s ease; margin-right: 6px; vertical-align: middle;} input[type="radio"]:hover {border-color: var(--color-primary);} input[type="radio"]:focus {outline: none; border-color: var(--color-primary); box-shadow: none;} input[type="radio"]:checked {border-color: var(--color-line-component);} input[type="radio"]:checked::after {content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background-color: var(--color-primary); border: none;} input[type="radio"]:disabled {cursor: not-allowed; background-color: color-mix(in srgb,var(--color-editor-text) 6%,transparent); border-color: var(--color-line-component);} input[type="radio"]:disabled::after {opacity: .5;}}.html-editor-textarea{width:100%;height:100%;border:none;resize:none;font-family:monospace;font-size:14px;line-height:1.5;outline:none;box-sizing:border-box;color:var(--color-editor-text);flex:1;background-color:var(--color-editor-bg)}.html-editor-footer{padding:16px 20px;border-top:1px solid var(--color-line-component);display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.html-editor{width:100%;height:100%;border-radius:0;max-width:none}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background-color:var(--color-editor-bg);border-radius:8px;box-shadow:0 4px 16px color-mix(in srgb,#000000 20%,transparent);border:1px solid var(--color-line-component);max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;iframe {border-radius: 4px; box-shadow: 0 2px 4px color-mix(in srgb,#000000 10%,transparent);} .hint-text {width: 100%; display: flex; font-size: 12px; color: color-mix(in srgb,var(--color-editor-text) 80%,transparent); &.preview-text {align-items: center; justify-content: center;} &.error-text {color: var(--color-warning);}} &.image-url-dialog,&.video-insert-dialog {.error-text {margin-top: 8px;}} &.button-editor-dialog {.hint-text {padding: 0 4px;}} .checkbox-label {padding: 12px 8px;}}.dialog .layout-preview{height:unset;min-height:120px;max-height:500px;overflow-y:auto;align-items:center;border:1px solid var(--color-line-component);background-color:var(--color-light-gray);padding:12px;border-radius:4px;display:flex}.dialog .preview-image{width:100%;height:fit-content}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-line-component)}.dialog-title{margin:0;font-size:18px;font-weight:600}.dialog-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-editor-text);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.dialog-close:hover{background-color:color-mix(in srgb,var(--color-editor-text) 6%,transparent)}.dialog-content{padding:20px;overflow-y:auto;flex:1}.dialog-footer{padding:16px 20px;border-top:1px solid var(--color-line-component);display:flex;justify-content:flex-end;gap:8px}.dialog-button{padding:8px 16px;border-radius:4px;border:1px solid transparent;cursor:pointer;font-size:14px;transition:all .2s}.dialog-button-cancel{background:transparent;color:var(--color-editor-text)}.dialog-button-cancel:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-editor-text) 6%,transparent)}.dialog-button-submit{background:transparent;color:var(--color-primary)}.dialog-button-submit:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.dialog-button-submit:disabled{color:color-mix(in srgb,var(--color-editor-text) 30%,transparent);cursor:not-allowed}.link-dialog .dialog-form-row,.image-url-dialog .dialog-form-row,.image-editor-dialog .dialog-form-row,.video-insert-dialog .dialog-form-row,.table-dialog .dialog-form-row,.button-group-dialog .dialog-form-row{margin-bottom:16px}.link-dialog .dialog-form-row:last-child,.image-url-dialog .dialog-form-row:last-child,.image-editor-dialog .dialog-form-row:last-child,.video-insert-dialog .dialog-form-row:last-child,.table-dialog .dialog-form-row:last-child,.button-group-dialog .dialog-form-row:last-child{margin-bottom:0}.link-dialog .dialog-form-row label,.image-url-dialog .dialog-form-row label,.image-editor-dialog .dialog-form-row label,.video-insert-dialog .dialog-form-row label,.table-dialog .dialog-form-row label,.button-group-dialog .dialog-form-row label{display:flex;margin-bottom:4px;font-size:14px;align-items:center}.link-dialog .form-help-text,.image-url-dialog .form-help-text,.image-editor-dialog .form-help-text,.video-insert-dialog .form-help-text,.table-dialog .form-help-text,.button-group-dialog .form-help-text{margin-top:4px;font-size:12px;color:color-mix(in srgb,var(--color-editor-text) 80,transparent);padding:0 4px}.link-dialog .checkbox-label,.image-url-dialog .checkbox-label,.image-editor-dialog .checkbox-label,.video-insert-dialog .checkbox-label,.table-dialog .checkbox-label,.button-group-dialog .checkbox-label{display:flex;align-items:center;cursor:pointer;padding:4px 2px;border-radius:4px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;font-size:14px}.link-dialog .checkbox-label:hover,.image-url-dialog .checkbox-label:hover,.image-editor-dialog .checkbox-label:hover,.video-insert-dialog .checkbox-label:hover,.table-dialog .checkbox-label:hover,.button-group-dialog .checkbox-label:hover{background-color:color-mix(in srgb,var(--color-editor-text) 6%,transparent)}.link-dialog .checkbox-text,.image-url-dialog .checkbox-text,.image-editor-dialog .checkbox-text,.video-insert-dialog .checkbox-text,.table-dialog .checkbox-text,.button-group-dialog .checkbox-text{flex:1;cursor:pointer;-webkit-user-select:none;user-select:none}.table-dialog .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.required:after{content:"*";color:var(--color-warning);margin-left:4px}.fc-portal-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;border-bottom:1px solid var(--color-line-component)}.fc-portal-editor-toolbar.position-bottom{border-bottom:none;border-top:1px solid var(--color-line-component)}.toolbar-group{display:flex;align-items:center;gap:2px;flex-flow:row wrap}.toolbar-divider{width:1px;height:24px;background-color:var(--color-line-component);margin:auto 8px}.toolbar-button{padding:6px 8px;border:1px solid transparent;border-radius:4px;background-color:transparent;color:var(--color-editor-text);font-size:18px;line-height:18px;font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;gap:3px;align-items:center}.toolbar-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent)}.toolbar-button:active:not(:disabled){border-color:var(--color-primary)}.toolbar-button:focus:not(:disabled){border-color:transparent}.toolbar-button.is-active{background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent);border-color:var(--color-primary);color:var(--color-primary)}.toolbar-button.is-active:hover{background-color:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.toolbar-button:disabled{opacity:.3;cursor:not-allowed}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.icon-wrapper svg{width:100%;height:100%}.link-menu-dropdown,.image-menu-dropdown,.button-menu-dropdown,.table-control-dropdown{background-color:var(--color-editor-bg);border:1px solid var(--color-line-component);border-radius:6px;box-shadow:0 4px 12px color-mix(in srgb,#000000 15%,transparent);padding:4px;min-width:120px}.dropdown-section{margin-bottom:8px}.dropdown-section:last-child{margin-bottom:0}.dropdown-divider{height:1px;background-color:var(--color-line-component);margin:8px 0}.dropdown-menu-item{display:flex;width:100%;align-items:center;gap:10px;padding:6px 8px;background:none;border:none;text-align:left;cursor:pointer;border-radius:4px;transition:background-color .2s;font-size:13px;line-height:13px;color:var(--color-editor-text)}.dropdown-menu-item:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent)}.dropdown-menu-item.danger{color:var(--color-warning)}.dropdown-menu-item.danger:hover{background-color:color-mix(in srgb,var(--color-warning) 6%,transparent)}.dropdown-menu-item:disabled{opacity:.5;cursor:not-allowed}.dropdown{position:relative;display:flex}.dropdown-toggle{padding:8px 12px;border:1px solid var(--color-line-component);border-radius:4px;background-color:var(--color-editor-bg);cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;transition:all .2s;color:var(--color-editor-text);flex-direction:row;width:100%}.dropdown-toggle:hover{border-color:var(--color-primary)}.dropdown-select-text{flex-grow:1;display:flex}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:100%;background-color:var(--color-editor-bg);border:1px solid var(--color-line-component);border-radius:4px;box-shadow:0 2px 8px color-mix(in srgb,#000000 10%,transparent);z-index:100;overflow-y:auto}.dropdown-item{padding:10px;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s;color:var(--color-editor-text)}.dropdown-item:hover{background-color:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.dropdown-item.is-active{background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent)}.color-picker{position:relative;display:inline-block}.color-indicator{width:18px;height:18px;border-radius:4px;border:1px solid var(--color-line-component)}.color-dropdown{background-color:var(--color-editor-bg);border:1px solid var(--color-line-component);border-radius:8px;box-shadow:0 4px 16px color-mix(in srgb,#000000 30%,transparent);padding:12px}.color-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px;justify-items:center}.color-item{width:24px;height:24px;border:1px solid var(--color-line-component);border-radius:4px;cursor:pointer;transition:all .2s;position:relative}.color-item:hover{transform:scale(1.1);box-shadow:0 2px 4px color-mix(in srgb,#000000 20%,transparent)}.color-item.is-active{box-shadow:0 0 0 2px var(--color-primary)}.color-item.is-active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 2px color-mix(in srgb,#000000 50%,transparent)}.color-custom{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--color-line-component)}.color-custom input[type=color]{width:40px;height:28px;padding:0;border:1px solid var(--color-line-component);border-radius:4px;cursor:pointer}.color-custom label{font-size:14px;color:var(--color-editor-text)}.button-icon-wrapper{display:inline-flex;align-items:center;justify-content:center}.button-icon{width:1em;height:1em;object-fit:contain}.button-icon svg{width:100%;height:100%}.button-text{line-height:1}.button-controls{position:absolute;top:-8px;right:-8px;display:flex;gap:2px;background-color:color-mix(in srgb,var(--color-editor-bg) 95%,transparent);padding:2px;border-radius:6px;box-shadow:0 2px 8px color-mix(in srgb,#000000 15%,transparent);border:1px solid var(--color-line-component);z-index:10}.button-control-btn{width:28px;height:28px;border-radius:4px;background-color:var(--color-editor-bg);border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--color-editor-text)}.button-control-btn:hover{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent)}.button-control-btn.delete-btn:hover{color:var(--color-warning);background-color:color-mix(in srgb,var(--color-warning) 6%,transparent)}.button-group-dialog .dialog-description{margin:0 0 16px;color:color-mix(in srgb,var(--color-editor-text) 80%,transparent);font-size:14px}.layout-options{display:flex;gap:20px;margin-top:8px}.button-group-tips{margin-top:24px;padding:16px;background-color:var(--color-light-gray);border-radius:4px;border-left:4px solid var(--color-primary)}.button-group-tips h4{margin-top:0;margin-bottom:8px;font-size:14px;color:var(--color-primary)}.button-group-tips ul{margin:0;padding-left:16px}.button-group-tips li{margin-bottom:4px;font-size:13px;color:color-mix(in srgb,var(--color-editor-text) 80%,transparent)}.fc-portal-button-group{position:relative;outline:1px dashed transparent;outline-offset:4px;border-radius:4px;transition:all .2s;margin:.5em 0;align-items:center}.fc-portal-button-group:hover{outline-color:var(--color-line-component)}.fc-portal-button-group.is-selected{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.button-group-content{display:flex;flex-direction:row;gap:.5em;flex-wrap:wrap}.fc-portal-button-group .button-group-content>:last-child{display:inline-flex;gap:.5em;flex-wrap:wrap;align-items:center}.fc-portal-button-group-label{position:absolute;top:-10px;left:10px;background-color:var(--color-light-gray);padding:0 4px;font-size:10px;color:var(--color-primary);border-radius:2px;pointer-events:none;z-index:1;display:none}.fc-portal-button-group:hover .fc-portal-button-group-label{display:block}.fc-portal-button-group-wrapper{position:relative;display:flex;gap:8px;flex-direction:row;align-items:center}.add-button-trigger{background:transparent;color:var(--color-primary);border:none;border-radius:4px;font-size:12px;padding:8px 12px;gap:2px;flex-shrink:0;opacity:0;visibility:hidden}.fc-portal-button-group-wrapper:hover .add-button-trigger{opacity:1;visibility:visible}.add-button-trigger:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.fc-portal-button-wrapper{margin:.5em 0}.button-container{display:inline-flex;position:relative;cursor:pointer}.button-container.is-selected{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px;display:inline-flex}.preset-buttons{display:flex;gap:8px;margin-top:8px;padding:0 2px}.preset-button{flex:1;padding:12px 28px;border-radius:4px;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s;text-align:center;border:1px solid}.preset-button:hover{opacity:.9;transform:translateY(-1px)}.preset-button.selected{box-shadow:0 0 0 2px var(--color-secondary);transform:translateY(-1px)}.link-settings{margin-top:8px}.link-toggle{margin-bottom:12px}.link-url{margin-top:8px}.editor-section:last-child{margin-bottom:0}.editor-section label{display:flex;font-size:14px;font-weight:500;color:var(--color-editor-text);align-items:center}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border-radius:4px;border:1px solid var(--color-line-component);background-color:var(--color-editor-bg);color:var(--color-editor-text);font-size:14px;cursor:pointer;transition:all .2s}.advanced-toggle:hover{border-color:var(--color-primary)}.advanced-options{padding:20px 16px;border:1px solid var(--color-line-component);border-top:none;border-radius:0 0 4px 4px;color:var(--color-editor-text);display:flex;flex-direction:column;gap:24px}.editor-subsection{display:flex;flex-direction:column;gap:12px}.editor-subsection>label{font-size:12px;color:var(--color-editor-text);display:block}.color-input-wrapper{display:flex;gap:8px;align-items:center}.icon-controls{display:grid;gap:4px;grid-template-columns:118px 1fr;align-items:start}.icon-controls .hint-text{grid-column:2;padding:0;margin:0}.icon-controls label{align-self:center}.button-editor-content .size-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.control-group{display:flex;flex-direction:column;gap:4px}.alignment-controls{display:flex;flex-direction:column;gap:16px}.color-input-group{display:grid;gap:8px;align-items:center;grid-template-columns:70px 1fr}.button-preview{padding:16px;background-color:var(--color-light-gray);border:1px solid var(--color-medium-gray);border-radius:4px;text-align:center;overflow-x:auto}.button-preview .hint-text{line-height:42px}.button-preview img[src$=".svg"]{filter:none}.preset-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px;justify-items:center}.preset-icon{width:48px;height:48px;border:1px solid var(--color-line-component);border-radius:4px;background-color:var(--color-editor-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.preset-icon img[src$=".svg"]{filter:brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.preset-icon:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent);border-color:var(--color-primary)}.preset-icon.selected{background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent);border-color:var(--color-primary);color:var(--color-primary)}.preset-icon.selected img[src$=".svg"]{filter:brightness(0) saturate(100%) invert(50%) sepia(96%) saturate(2085%) hue-rotate(207deg) brightness(101%) contrast(102%)}.preset-icon.selected:hover{background-color:color-mix(in srgb,var(--color-primary) 12%,transparent)}.preset-icon.selected svg{color:var(--color-primary)}.design-options{display:flex;gap:16px;flex-wrap:wrap}.design-options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;margin-bottom:0}.design-options input[type=radio]{margin:0}.editor-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-line-component)}.save-btn,.cancel-btn{padding:8px 16px;border-radius:4px;border:1px solid transparent;cursor:pointer;font-size:14px;transition:all .2s}.save-btn{background-color:var(--color-primary);color:#fff}.save-btn:hover{background-color:#0052a3}.cancel-btn{background-color:#f0f0f0;color:var(--color-editor-text);border-color:#d0d0d0}.cancel-btn:hover{background-color:#e0e0e0}@media (max-width: 768px){.button-editor-dialog{width:95%;max-width:none}.button-editor-content{max-height:80vh}.preset-icons{grid-template-columns:repeat(4,1fr)}.preset-icon{width:60px;height:60px}.color-input-group{flex-direction:column;align-items:stretch}.design-options{flex-direction:column;gap:8px}.button-controls{top:-12px;right:-12px}.button-control-btn{width:36px;height:36px;font-size:16px}}.custom-video-wrapper{display:block;max-width:100%;margin:.5em 0;position:relative}.custom-video-container{position:relative;display:inline-flex}.custom-video-container.is-selected{outline:2px solid var(--color-primary);outline-offset:2px}.custom-video-container video,.custom-video-container iframe{max-width:100%;height:auto;display:block}.video-controls{position:absolute;top:8px;right:8px;display:flex;gap:4px;background-color:color-mix(in srgb,var(--color-editor-bg) 95%,transparent);padding:4px;border-radius:6px;box-shadow:0 2px 8px color-mix(in srgb,#000000 15%,transparent);z-index:10}.video-controls button{width:28px;height:28px;border-radius:4px;background-color:var(--color-editor-bg);border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--color-editor-text)}.video-controls button:hover{background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent)}.video-editor-dialog .size-controls{display:flex;flex-direction:column;gap:12px}.size-input-section{display:flex;gap:12px}.size-input-group{display:flex;flex:1;gap:8px}.size-input-group label{flex-shrink:0}.custom-image-wrapper{max-width:100%;transition:all .2s ease;display:block;position:relative;cursor:pointer;margin:.5em 0}.custom-image-container{display:inline-flex;position:relative}.custom-image-container.is-selected{outline:2px solid var(--color-primary);outline-offset:2px}.custom-image{max-width:100%;height:auto;display:block}.custom-image.with-border{border:1px solid var(--color-line-component)}.image-controls{position:absolute;top:8px;right:8px;z-index:10}.image-control-buttons{display:flex;gap:4px;background-color:color-mix(in srgb,var(--color-editor-bg) 95%,transparent);padding:4px;border-radius:6px;box-shadow:0 2px 8px color-mix(in srgb,#000000 15%,transparent)}.image-control-btn,.video-control-btn{width:28px;height:28px;border-radius:4px;background-color:var(--color-editor-bg);border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--color-editor-text)}.image-control-btn:hover,.video-control-btn:hover{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent)}.image-control-btn.delete-btn:hover,.video-control-btn.delete-btn:hover{color:var(--color-warning);background-color:color-mix(in srgb,var(--color-warning) 6%,transparent)}.image-controls button:hover,.video-controls button:hover{background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent)}.image-controls button.is-active,.video-controls button.is-active{background-color:color-mix(in srgb,var(--color-secondary) 6%,transparent);border-color:var(--color-primary);color:var(--color-primary)}.image-preview,.video-preview{padding:16px;background-color:var(--color-light-gray);border:1px solid var(--color-line-component);border-radius:4px;text-align:center;position:relative}.link-indicator{position:absolute;top:4px;left:4px;background-color:color-mix(in srgb,var(--color-primary) 80%,transparent);color:var(--color-editor-bg);padding:4px;display:flex;border-radius:3px;font-size:14px}.width-controls{display:flex;flex-direction:row;gap:12px}.width-preset-buttons{display:flex;gap:4px;flex:1;justify-content:space-evenly}.width-preset-button{padding:0 12px;border:1px solid var(--color-line-component);border-radius:4px;background-color:var(--color-editor-bg);color:color-mix(in srgb,var(--color-editor-text) 80%,transparent);cursor:pointer;transition:all .2s ease;white-space:nowrap;align-items:center;display:inline-flex;min-height:34px;font-size:13px;flex:1;justify-content:center;svg {vertical-align: middle;}}.width-preset-button:hover{border-color:var(--color-primary)}.width-input-section{display:flex;flex-direction:column;min-width:65px}.editor-section{margin-bottom:24px;gap:6px;display:flex;flex-direction:column}.editor-section:last-child{margin-bottom:24px}.editor-section>label{display:block;font-size:12px;color:var(--color-editor-text)}.file-uploader-trigger{display:flex;cursor:pointer}.fc-portal-editor{box-sizing:border-box;border:1px solid var(--color-line-component);border-radius:4px;background-color:var(--color-editor-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;font-size:16px;color:var(--color-editor-text);--list-marker-color: inherit}.fc-portal-editor>:first-child{margin-top:0}.fc-portal-editor *{box-sizing:border-box;margin:0}.fc-portal-editor-content,.fc-portal-html-editor-content{padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.fc-portal-editor-content table p,.fc-portal-editor-content .fc-portal-button-group .fc-portal-button-wrapper{margin:0}.fc-portal-editor-content:focus{outline:none}.fc-portal-editor .ProseMirror-selectednode{border-color:red;outline-color:pink}.fc-portal-editor-content .ProseMirror{position:relative;word-wrap:break-word;white-space:pre-wrap;font-variant-ligatures:none;font-feature-settings:"liga" 0;flex:1}.fc-portal-editor-content .ProseMirror-focused{outline:none}.fc-portal-editor-content .ProseMirror-hideselection *::selection{background:transparent}.fc-portal-editor-content .ProseMirror-hideselection *::-moz-selection{background:transparent}.fc-portal-editor-content .ProseMirror-hideselection{caret-color:transparent}.fc-portal-editor-mode-switch{border-top:1px solid var(--color-line-component);display:flex;flex-direction:row;padding:0 16px 6px;justify-content:right}.fc-portal-editor-mode-switch .fc-portal-editor-tab-item{cursor:pointer;border-radius:0 0 4px 4px;border:1px solid var(--color-line-component);margin-top:-1px;margin-right:-1px;padding:2px 12px;font-size:12px;background-color:var(--color-medium-gray);color:color-mix(in srgb,var(--color-editor-text) 50%,transparent);font-weight:500}.fc-portal-editor-mode-switch .fc-portal-editor-tab-item:hover{background-color:color-mix(in srgb,var(--color-medium-gray) 50%,transparent)}.fc-portal-editor-mode-switch .fc-portal-editor-tab-item.is-active{background-color:var(--color-editor-bg);color:var(--color-editor-text)}.fc-portal-editor-content .ProseMirror ul li::marker,.fc-portal-editor-content .ProseMirror ol li::marker{color:var(--list-marker-color, currentColor)}.fc-portal-editor-content .ProseMirror li[style*=color]{color:inherit}.fc-portal-editor-content .ProseMirror li[style*=color]::marker{color:var(--list-marker-color, currentColor)}.fc-portal-editor{input[type="text"],input[type="number"] {width: 100%; padding: 8px 10px; border: 1px solid var(--color-line-component); border-radius: 4px; font-size: 14px; transition: border-color .2s; background-color: var(--color-editor-bg); color: var(--color-editor-text);} input[type="color"] {width: 40px; height: 20px; border: 1px solid var(--color-line-component); cursor: pointer; padding: 0; background-color: var(--color-editor-bg); color: var(--color-editor-text);} input:focus {outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent);} input:hover {border-color: var(--color-primary);} input[type="checkbox"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; width: 20px; height: 20px; border-radius: 4px; background-color: var(--color-editor-bg); border: 1px solid var(--color-line-component); transition: all .2s ease; margin-right: 6px; vertical-align: middle; position: relative;} input[type="checkbox"]:hover {border-color: var(--color-primary);} input[type="checkbox"]:checked:hover {border-color: var(--color-line-component);} input[type="checkbox"]:focus {outline: none; border-color: var(--color-primary); box-shadow: none;} input[type="checkbox"]:checked {background-color: var(--color-primary); border-color: var(--color-primary); background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3%2010L8%2015L18%205%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E); background-size: 14px 14px; background-repeat: no-repeat; background-position: center;} input[type="checkbox"]:disabled {cursor: not-allowed; background-color: color-mix(in srgb,var(--color-editor-text) 6%,transparent); border-color: var(--color-line-component);} input[type="checkbox"]:checked:disabled {background-color: color-mix(in srgb,var(--color-primary) 50%,transparent);} input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; width: 20px; height: 20px; background-color: var(--color-editor-bg); border-radius: 50%; position: relative; border: 1px solid var(--color-line-component); transition: all .2s ease; margin-right: 6px; vertical-align: middle;} input[type="radio"]:hover {border-color: var(--color-primary);} input[type="radio"]:focus {outline: none; border-color: var(--color-primary); box-shadow: none;} input[type="radio"]:checked {border-color: var(--color-line-component);} input[type="radio"]:checked::after {content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background-color: var(--color-primary); border: none;} input[type="radio"]:disabled {cursor: not-allowed; background-color: color-mix(in srgb,var(--color-editor-text) 6%,transparent); border-color: var(--color-line-component);} input[type="radio"]:disabled::after {opacity: .5;}}.fc-portal-editor-content{table {border-collapse: collapse; margin: 0; overflow: hidden; table-layout: fixed; width: 100%; td,th {border: 1px solid var(--color-line-component); box-sizing: border-box; min-width: 1em; padding: 6px 8px; position: relative; vertical-align: center; text-align: center; > * {margin-bottom: 0;}} th {background-color: #f3f6f8; font-weight: bold; text-align: center;} .selectedCell:after {background-color: color-mix(in srgb,var(--color-secondary) 12%,transparent); content: ""; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; position: absolute; z-index: 2;} .column-resize-handle {background-color: var(--color-primary); bottom: -1px; pointer-events: none; position: absolute; right: -1px; top: 0; width: 2px;}} .tableWrapper {margin: .5em 0; overflow-x: auto;} .resize-cursor {cursor: ew-resize; cursor: col-resize;}}@media (max-width: 768px){.fc-portal-editor-content{padding:12px;-webkit-overflow-scrolling:touch}.fc-portal-editor-toolbar{gap:4px}.toolbar-button{font-size:16px;line-height:16px}.toolbar-divider{margin:auto 4px}.fc-portal-editor-content img{max-width:100%;height:auto}.dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0}.color-grid{grid-template-columns:repeat(5,1fr);gap:8px}.color-item{width:28px;height:28px}.dropdown-menu{position:fixed;left:8px;right:8px;bottom:8px;max-height:50vh;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 16px #0003;z-index:1000}.dropdown-item{padding:12px 16px;font-size:16px}.toolbar-button:active{opacity:.7}.toolbar-button[title]{position:relative}.toolbar-button[title]:after{display:none}.fc-portal-editor-content::-webkit-scrollbar{width:6px;height:6px}.fc-portal-editor-content::-webkit-scrollbar-track{background:#f1f1f1}.fc-portal-editor-content::-webkit-scrollbar-thumb{background:#888888;border-radius:3px}.fc-portal-editor-content::-webkit-scrollbar-thumb:hover{background:#555555}}@media (max-width: 375px){.color-grid{grid-template-columns:repeat(5,1fr)}.button-editor .preset-icons{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1024px){.dialog{max-width:80%;max-height:80%}}@media (orientation: landscape) and (max-height: 480px){.dialog{max-height:90vh}}@supports (-webkit-touch-callout: none){.dropdown-menu{padding-bottom:env(safe-area-inset-bottom)}input[type=text],input[type=number],textarea,select{font-size:16px}}