.customer-support{position:relative}.support-button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#55718e;padding:9px 10px;border-radius:9px;font:inherit;font-size:13px;cursor:pointer}.support-button:hover,.support-button[aria-expanded=true]{background:#eef5fe;color:#1975d8}.support-chevron{font-size:12px;color:#94a5b7}.support-panel{position:absolute;right:0;top:calc(100% + 13px);width:246px;padding:18px;background:white;border:1px solid #e0e9f5;border-radius:15px;box-shadow:0 12px 38px #16396924;z-index:400;text-align:center}.support-panel[hidden]{display:none}.support-panel:before{content:'';position:absolute;right:42px;top:-6px;width:10px;height:10px;background:#fff;border-top:1px solid #e0e9f5;border-left:1px solid #e0e9f5;transform:rotate(45deg)}.support-qr{width:210px;height:210px;object-fit:contain;display:block;background:white}.support-caption{margin:11px 0;color:#263c56;font-size:13px}.support-status{font-size:13px;color:#73869b;line-height:1.7}.support-detail{display:flex;justify-content:center;gap:12px;border-top:1px solid #edf1f6;padding-top:12px;font-size:12px;color:#668099}.support-detail b{color:#315477}.support-email{display:block;margin-top:8px;font-size:12px;color:#3c78b7;text-decoration:none;overflow-wrap:anywhere}
.platform-tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:0 0 24px;padding:6px;background:#fff;border:1px solid #e1eaf5;border-radius:12px}.platform-tab{display:flex;align-items:center;gap:7px;padding:9px 13px;border:0;border-radius:8px;background:none;color:#667a91;font-size:12px;cursor:pointer}.platform-tab.active{background:#eaf3ff;color:#1677e8;font-weight:600}.platform-tab:hover{background:#f2f7fd}.platform-tab small{font-size:10px;opacity:.65}.platform-mark{display:grid;place-items:center;width:17px;height:17px;border-radius:3px;color:#fff;font-size:12px;font-weight:750;background:#fb6c21}.mark-shein{background:#171717}.mark-tiktok{background:#171717;text-shadow:1px 0 #ef4380,-1px 0 #29bfc8}.mark-aliexpress{background:#f55325}.mark-amazon{background:#22364a;color:#ffba4a;font-size:17px}.template-platform-select{width:126px;border:1px solid #dce8f6;border-radius:8px;padding:8px;background:white;color:#4f6986;font:inherit;font-size:12px}
.template-thumb{position:relative}.template-quick-actions{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;padding:4px 7px;border-radius:22px;background:#ffffffd9;box-shadow:0 3px 12px #23426312;backdrop-filter:blur(8px)}.template-icon-action{display:inline-grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:50%;border:1px solid #e1ebf6;background:#fff;color:#368bea;padding:0;cursor:pointer;box-shadow:0 2px 5px #1c5cab0d}.template-icon-action:hover{background:#eaf3ff;border-color:#a9cdf6;transform:translateY(-1px)}.template-icon-action.danger:hover{color:#c0444a;border-color:#efb0b3;background:#fff3f3}.template-icon-action:focus-visible,.platform-tab:focus-visible,.support-button:focus-visible{outline:2px solid #3890ed;outline-offset:3px}.template-name-line{display:flex;align-items:center;gap:5px;min-width:0}.template-name-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.template-name-line .template-icon-action{width:23px;height:23px;border:0;box-shadow:none;background:transparent;color:#91a6bb}.template-name-line .template-icon-action:hover{color:#2582e9;background:#eff6ff}.template-name-line svg{width:14px;height:14px}
.symbol-resize-handle{position:absolute;width:9px;height:9px;border:1px solid #1685ef;background:white;z-index:12;box-sizing:border-box;border-radius:2px}.symbol-resize-handle.nw{left:-5px;top:-5px;cursor:nwse-resize}.symbol-resize-handle.ne{right:-5px;top:-5px;cursor:nesw-resize}.symbol-resize-handle.se{right:-5px;bottom:-5px;cursor:nwse-resize}.symbol-resize-handle.sw{left:-5px;bottom:-5px;cursor:nesw-resize}.editor-safe-option{display:flex;align-items:center;gap:9px;padding:12px 0;color:#39526e}.editor-safe-option input{width:16px;height:16px;accent-color:#1687ff}.qr-field{display:flex;flex-direction:column;gap:9px;color:#405975;font-size:13px}.qr-field textarea,.qr-field input{padding:10px 12px;border:1px solid #d6e2ef;border-radius:9px;font:inherit;color:#2c4260;resize:vertical;width:100%;box-sizing:border-box}.qr-field small{text-align:right;color:#8ba0b4}.qr-size{display:flex;gap:10px;align-items:center;font-size:13px;color:#536d87;margin-top:14px}.qr-size input{width:72px;padding:7px;border:1px solid #d7e4f2;border-radius:7px}.qr-preview{display:grid;place-items:center;min-height:220px;background:#f5f8fd;border:1px solid #e3ebf5;border-radius:12px;margin-top:18px;color:#98a9bb;font-size:13px}.qr-preview img{width:210px;height:210px;object-fit:contain;image-rendering:pixelated}.text-el.text-placeholder::before{content:'请输入文字......';position:absolute;inset:0 .55em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:1100px){.support-button{padding:8px 5px}.platform-tab{padding:8px}.template-platform-select{width:105px}}

.template-card[data-kind="mine"] .template-quick-actions{opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease}
.template-card[data-kind="mine"]:hover .template-quick-actions,.template-card[data-kind="mine"]:focus-within .template-quick-actions{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.line-rotate-button{position:absolute;z-index:45;display:flex;align-items:center;gap:4px;height:28px;padding:4px 7px;border:1px solid #c6d9ee99;border-radius:8px;background:#f0f7ffbd;color:#4784bd;box-shadow:0 2px 8px #1b477818;font:500 11px system-ui;cursor:pointer;backdrop-filter:blur(3px)}
.line-rotate-button:hover,.line-rotate-button:focus-visible{background:#e8f3ff;color:#197bdb;border-color:#88bafa;outline:none}
@media(hover:none){.template-card[data-kind="mine"] .template-quick-actions{opacity:1;pointer-events:auto;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.template-quick-actions{transition:none!important}}

.text-content{box-sizing:border-box}.text-content.lq-custom-caret{caret-color:transparent}
.lq-edit-caret{position:fixed;width:2px;background:#12355d;pointer-events:none;z-index:42;animation:lq-caret-blink 1.05s step-end infinite}
@keyframes lq-caret-blink{0%,48%{opacity:1}49%,100%{opacity:0}}
.structure-locked.line-el,.structure-locked.rect-el,.structure-locked.line-el *,.structure-locked.rect-el *{pointer-events:none;cursor:default}

/* Editing is distinct from selecting; keep the independent caret fully visible. */
.canvas-el[data-editing="true"]{opacity:.65;background:rgba(226,239,255,.5);outline:1px dashed rgba(53,144,255,.5)}
.shape-visual{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.line-visual{height:1px}.line-el.selected{box-shadow:none}

.canvas-el.text-el.selected,.canvas-el.warning-el.selected{overflow:visible}

.remember-login{display:flex;align-items:center;gap:7px;margin:14px 0 0;color:#39526e}.remember-login input{accent-color:#1687ff}.remember-login span{font-size:11px;color:#8496aa;margin-left:5px}

/* Website header: same-origin home link, including nested editor routes. */
.brand-home{color:inherit;text-decoration:none;cursor:pointer;border-radius:10px}.brand-home:focus-visible{outline:2px solid #2687ff;outline-offset:5px}