:root{color-scheme:light;--bg: #f4f6fb;--card: rgba(255, 255, 255, .25);--text: #0f172a;--surface-text: #0f172a;--surface-muted: rgba(71, 85, 105, .85);--muted: #64748b;--border: rgba(255, 255, 255, .35);--shadow: 0 18px 45px rgba(15, 23, 42, .12);--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--accent: #f59e0b;--app-bg-image: radial-gradient(circle at 25% 25%, rgba(59, 130, 246, .35), transparent 45%), radial-gradient(circle at 75% 0%, rgba(236, 72, 153, .35), transparent 40%), linear-gradient(135deg, #0f172a, #1f2937 65%);--panel-blur: 18px;--bg-blur: 0px;--scrollbar-track: rgba(255, 255, 255, .2);--scrollbar-thumb: rgba(36, 99, 235, .5);--scrollbar-thumb-hover: rgba(36, 99, 235, .7);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:root.theme-dark{color-scheme:dark;--bg: #020617;--card: rgba(4, 7, 16, .3);--text: #f8fafc;--surface-text: #f8fafc;--surface-muted: rgba(203, 213, 225, .85);--muted: #9ba9c9;--border: rgba(148, 163, 184, .35);--shadow: 0 18px 45px rgba(0, 0, 0, .45);--primary: #38bdf8;--primary-hover: #0ea5e9;--danger: #f87171;--app-bg-image: radial-gradient(circle at 20% 20%, rgba(56, 189, 248, .25), transparent 50%), radial-gradient(circle at 80% 0%, rgba(168, 85, 247, .3), transparent 45%), linear-gradient(135deg, #020617, #0f172a 65%);--scrollbar-track: rgba(15, 23, 42, .6);--scrollbar-thumb: rgba(59, 130, 246, .6);--scrollbar-thumb-hover: rgba(59, 130, 246, .8)}:root.bg-dark-tone:not(.theme-dark){--text: #f8fafc;--muted: #cbd5f5}:root.bg-light-tone:not(.theme-dark){--text: #0f172a;--muted: #475569}*,*:before,*:after{box-sizing:border-box}html{width:100%;min-height:100%;background-color:var(--bg);scrollbar-width:none!important;-ms-overflow-style:none!important}body{width:100%;margin:0;min-height:100vh;background-color:var(--bg);color:var(--text);animation:fadeIn .45s ease;scrollbar-width:none!important;-ms-overflow-style:none!important;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--app-bg-image);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;filter:blur(var(--bg-blur));transform:scale(1.05);transition:filter .3s ease,opacity .3s ease;pointer-events:none}@media (max-width: 768px){body:before{transform:none;background-attachment:scroll}}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body.scrolling::-webkit-scrollbar,body.scrolling .sidebar::-webkit-scrollbar,body.scrolling .main-panel::-webkit-scrollbar{width:10px!important;height:10px!important;background:#00000014!important;display:block!important}body.scrolling::-webkit-scrollbar-thumb,body.scrolling .sidebar::-webkit-scrollbar-thumb,body.scrolling .main-panel::-webkit-scrollbar-thumb{background-color:#00000073!important;border-radius:6px!important}body.scrolling,body.scrolling .sidebar,body.scrolling .main-panel{scrollbar-width:thin!important;-ms-overflow-style:auto!important}body.modal-open{overflow:hidden}.auth-locked .app-shell{filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar.sidebar--collapsed{overflow:visible}.sidebar.sidebar--collapsed::-webkit-scrollbar{width:0;height:0;display:none}.sidebar.sidebar--collapsed::-webkit-scrollbar-track,.sidebar.sidebar--collapsed::-webkit-scrollbar-thumb{display:none}[v-cloak],.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-stack{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:120;pointer-events:none}@media (max-width: 640px){.toast-stack{top:auto;bottom:16px;right:16px;left:16px}}.toast{min-width:260px;padding:14px 16px;border-radius:18px;background:#0f172ad9;color:#f8fafc;box-shadow:0 20px 45px #0f172a59;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;animation:toastIn .25s ease;pointer-events:auto}.toast--info{background:#3b82f6eb}.toast--success{background:#10b981eb}.toast--warn{background:#f59e0bf2}.toast--error{background:#f87171f2}.toast__icon{font-size:1rem}.toast__text{flex:1;font-size:.95rem;line-height:1.3}.toast__close{border:none;background:transparent;color:inherit;cursor:pointer;font-size:1.1rem;padding:0 4px;line-height:1}.toast--exit{animation:toastOut .2s ease forwards}.app-shell{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:260px;padding:32px 20px;background:#080f22b3;border:1px solid rgba(255,255,255,.08);border-radius:0 28px 28px 0;-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur));color:#fff;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;overflow:hidden;flex-shrink:0;transition:width .3s ease,padding .3s ease,backdrop-filter .3s ease;scrollbar-width:none;scrollbar-color:transparent transparent;scrollbar-gutter:unset}.sidebar::-webkit-scrollbar{width:0;height:0}.theme-dark .sidebar{background:#020617cc;border-color:#3b82f633}.sidebar__collapse{align-self:flex-end;border-radius:999px;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;margin-bottom:8px;position:sticky;top:12px;z-index:2}.sidebar__collapse i{transition:transform .2s ease}.sidebar__logo h1{margin:6px 0 0;font-size:1.5rem}.sidebar__nav{display:flex;flex-direction:column;gap:10px}.sidebar__item{border:1px solid rgba(255,255,255,.2);background:#ffffff0a;color:#fff;border-radius:16px;padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:4px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.sidebar__item i{font-size:1.25rem}.sidebar__item-main{display:flex;align-items:center;gap:12px}.sidebar__item-text small{opacity:.8;font-size:.85rem}.sidebar__item.is-active{background:#ffffff2e;transform:translate(4px);box-shadow:0 12px 35px #00000040}.sidebar__clock{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#ffffffe6;font-variant-numeric:tabular-nums}.sidebar__clock i{opacity:.75}.sidebar__section{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.sidebar__actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.sidebar__link{text-decoration:none;justify-content:flex-start}.sidebar__link i{font-size:.9rem}.sidebar__theme{display:flex;flex-direction:column;gap:10px;margin-top:auto}.sidebar__theme label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.sidebar .device-list{list-style:none;padding:0 4px 0 0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;scrollbar-width:none;scrollbar-color:transparent transparent;scrollbar-gutter:unset}.sidebar .device-list::-webkit-scrollbar{width:0;height:0}.sidebar .device-item{border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:10px 12px;background:#ffffff14;color:#fff}.sidebar .device-item__meta{color:#ffffffb3}.sidebar--collapsed{width:80px;padding:20px 12px}.sidebar--collapsed .sidebar__item-text,.sidebar--collapsed .sidebar__logo h1,.sidebar--collapsed .sidebar__logo .muted,.sidebar--collapsed .sidebar__section,.sidebar--collapsed .sidebar__actions{display:none}.sidebar--collapsed .sidebar__item{align-items:center;justify-content:center}.sidebar--collapsed .sidebar__item-main{justify-content:center}.sidebar--collapsed .sidebar__collapse i{transform:rotate(180deg)}.sidebar--collapsed .sidebar__logo{align-items:center}.sidebar--collapsed .sidebar__clock{justify-content:center}.sidebar--collapsed .sidebar__clock span{font-size:1.15rem;display:inline-block}.main-panel{max-width:1120px;flex:1;margin:0 auto;padding:32px 24px 80px;transition:padding .3s ease;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.app__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:28px}.app__header h1{margin:6px 0;font-size:2rem}.eyebrow{margin:0;letter-spacing:.25em;text-transform:uppercase;font-size:.78rem;color:var(--muted)}.header__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.device-name-input{border-radius:12px;border:1px solid var(--border);padding:8px 12px;min-width:180px}.current-time{color:var(--muted);font-size:.9rem;min-width:160px;text-align:right}.card{background:var(--card);border-radius:22px;padding:30px;margin-bottom:26px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur));transition:transform .3s ease,box-shadow .3s ease,background .3s ease;animation:floatUp .6s ease;color:var(--surface-text)}.card:hover{transform:translateY(-4px);box-shadow:0 30px 45px #0f172a33}.card__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:22px}textarea,input,select{font:inherit;color:var(--surface-text)}textarea,input[type=search],input[type=text],input[type=password],input[type=number],input[type=date],select{width:100%;border-radius:14px;border:1px solid var(--border);padding:10px 12px;background:#ffffff73;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s ease,border-color .2s ease;color:var(--surface-text)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);background-color:#fff3;padding-right:46px;line-height:1.4;position:relative;cursor:pointer;background-image:linear-gradient(120deg,#2563eb1f,#3b82f614),linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-repeat:no-repeat;background-position:0 0,calc(100% - 28px) 55%,calc(100% - 18px) 55%;background-size:100% 100%,8px 8px,8px 8px}select:hover{border-color:color-mix(in srgb,var(--primary-hover) 55%,transparent);background-color:#ffffff4d}select:focus{border-color:color-mix(in srgb,var(--primary-hover) 70%,transparent);outline:2px solid color-mix(in srgb,var(--primary-hover) 60%,transparent);background-color:#ffffff2e}select::-ms-expand{display:none}select option{background:var(--bg);color:var(--surface-text)}textarea{resize:vertical;min-height:140px}textarea:focus,input:focus,select:focus{outline:2px solid var(--primary);border-color:transparent;background:#ffffffb3}textarea::placeholder,input::placeholder{color:var(--surface-muted);opacity:.85}:root.theme-dark textarea,:root.theme-dark input[type=search],:root.theme-dark input[type=text],:root.theme-dark input[type=password],:root.theme-dark input[type=number],:root.theme-dark input[type=date],:root.theme-dark select{background:#040710bf;border:1px solid rgba(59,130,246,.35);color:var(--surface-text)}:root.theme-dark select{background-color:#070c18d9;border:1px solid rgba(59,130,246,.45);color:var(--surface-text);background-image:linear-gradient(135deg,#0f172aa6,#02061766),linear-gradient(45deg,transparent 50%,rgba(226,232,240,.8) 50%),linear-gradient(135deg,rgba(226,232,240,.8) 50%,transparent 50%);background-repeat:no-repeat;background-position:0 0,calc(100% - 28px) 55%,calc(100% - 18px) 55%;background-size:100% 100%,8px 8px,8px 8px;padding-right:46px}:root.theme-dark select:hover{background-color:#090f1ef2;border-color:#3b82f699}:root.theme-dark select option{background:#020617;color:var(--surface-text)}:root.theme-dark textarea:focus,:root.theme-dark input:focus,:root.theme-dark select:focus{background:#070c18e6;border-color:#3b82f699;outline:2px solid rgba(56,189,248,.4)}.panel{border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:20px;background:var(--card);-webkit-backdrop-filter:blur(calc(var(--panel-blur) * .85));backdrop-filter:blur(calc(var(--panel-blur) * .85));transition:transform .3s ease,background .3s ease,box-shadow .3s ease;color:var(--surface-text)}.panel:hover{transform:translateY(-2px)}.clipboard{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.clipboard-latest-column{display:flex;flex-direction:column;gap:18px}.latest-sync-cta{display:flex;flex-direction:column;gap:14px;width:100%}.clipboard-panel{display:flex;flex-direction:column;gap:16px}.clipboard-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.form-field span{display:block;margin-bottom:6px;font-size:.9rem;color:var(--surface-muted)}.clipboard-input-wrapper{display:flex;flex-direction:column;gap:12px}.clipboard-file-field{border-radius:18px;padding:18px;background:linear-gradient(135deg,#2563eb0f,#0ea5e90f);border:1px solid rgba(37,99,235,.15);display:flex;flex-direction:column;gap:14px}.clipboard-file-field input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.clipboard-listener{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clipboard-listener__note{font-size:.85rem;color:var(--muted);margin:4px 0 0;line-height:1.5}.clipboard-listener__note-summary{display:block;font-size:.78rem;color:var(--muted);margin-top:4px}.upload-drop{border:2px dashed rgba(37,99,235,.4);border-radius:18px;min-height:120px;padding:18px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;background:#fffc;display:flex;flex-direction:column;justify-content:center;gap:6px;color:var(--surface-text)}.upload-drop:hover{border-color:var(--primary);background:#fffffff2;transform:translateY(-2px)}.upload-drop.is-dragging{border-color:var(--primary);background:#2563eb1a;transform:scale(1.02);box-shadow:0 12px 35px #2563eb40}.upload-drop span{display:block;font-weight:600}.upload-drop small{display:block;margin-top:4px;color:var(--surface-muted)}:root.theme-dark .upload-drop{background:#040710c7;border-color:#38bdf866;color:var(--text)}:root.theme-dark .upload-drop:hover{background:#070c18d9;border-color:#38bdf8a6}.clipboard-file-preview{display:flex;gap:12px;flex-wrap:wrap}.clipboard-file-preview__item{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;border:1px dashed rgba(37,99,235,.2);background:#ffffffd9}.clipboard-file-preview img{max-width:160px;max-height:160px;border-radius:12px;border:1px solid var(--border);object-fit:contain}.clipboard-file-preview__actions{display:flex;justify-content:flex-end;width:100%}.clipboard-file-preview__remove{border:0;background:#ffffff80;color:var(--muted);font-size:.85rem;padding:4px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .2s ease,color .2s ease}.clipboard-file-preview__remove:hover{background:#2563eb26;color:var(--primary)}:root.theme-dark .clipboard-file-preview__remove{background:#0f172a99;color:var(--surface-muted)}:root.theme-dark .clipboard-file-preview__remove:hover{background:#3b82f640;color:var(--primary)}.latest-preview{min-height:160px;max-height:400px;overflow-y:auto;overflow-x:auto;border:1px solid var(--border);border-radius:14px;padding:12px;background:#0f172a;color:#e2e8f0}.latest-preview img{max-width:100%;border-radius:12px;display:block;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.latest-preview img:hover{transform:scale(1.02);box-shadow:0 8px 24px #0f172a4d}.latest-preview pre,.history-item__text{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,SFMono-Regular,monospace;max-width:100%;overflow-x:auto}.latest-preview .rich-text,.history-item__text.rich-text{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f1f5f9;white-space:normal;max-width:100%;overflow-x:auto}.latest-actions{display:flex;gap:8px;flex-wrap:wrap}.latest-preview .rich-text,.history-item__text.rich-text{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f1f5f9;white-space:normal}.history-list,.file-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:14px}.history-item,.file-item{border:1px solid var(--border);border-radius:18px;padding:18px;background:var(--card);display:flex;justify-content:space-between;gap:16px;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(calc(var(--panel-blur) * .6));backdrop-filter:blur(calc(var(--panel-blur) * .6))}.history-item:hover,.file-item:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0f172a26}.history-item[style*="cursor: pointer"]:hover{box-shadow:0 20px 42px #2563eb33;border-color:#2563eb4d}.history-item__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.history-item__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.type-badge{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:#2563eb1a;color:var(--primary)}.type-badge[data-type=json]{background:#10b9811f;color:#0f766e}.type-badge[data-type=html]{background:#f9731626;color:#c2410c}.type-badge[data-type=dataurl]{background:#0ea5e929;color:#0369a1}.history-item__content{display:flex;flex-direction:column;gap:10px;min-width:0}.history-item__text{max-height:160px;max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:10px;background:#0f172a08}.history-item__text-content{white-space:pre-wrap;word-break:break-word;font-family:Consolas,SFMono-Regular,monospace;max-width:100%;overflow-x:auto}.history-item__raw{margin:10px 0 0;padding:10px;border-radius:10px;background:#0f172a;color:#e2e8f0;max-height:140px;max-width:100%;overflow:auto}.toggle-raw{border-style:dashed}.history-item__preview img{max-width:220px;border-radius:12px;border:1px solid var(--border);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.history-item__preview img:hover{transform:scale(1.05);box-shadow:0 8px 24px #0f172a40}.history-item__meta,.file-item__meta,.muted,.hint{color:var(--muted);font-size:.9rem;margin:0}.history__header{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.history-search input{width:100%;border-radius:12px;border:1px solid var(--border);padding:8px 12px}.history-item__actions{display:flex;flex-direction:column;gap:8px}.history-pagination{margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-pagination .hidden{display:none}.file-item{align-items:center}.file-item__body{flex:1;display:flex;flex-direction:column;gap:8px}.file-item__name{margin:0 0 4px;font-weight:600}.file-item__preview img{max-width:200px;border-radius:12px;border:1px solid var(--border);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.file-item__preview img:hover{transform:scale(1.05);box-shadow:0 8px 24px #0f172a40}.file-item__preview pre{margin:0;max-height:160px;overflow:auto;padding:10px;border-radius:12px;border:1px solid var(--border);background:#0f172a;color:#e2e8f0}.file-item__actions{display:flex;gap:8px}.filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.filter-form__actions{display:flex;gap:10px}.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}button,.ghost{border:none;border-radius:999px;background:var(--primary);color:#fff;padding:10px 18px;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;border:1px solid transparent}button:hover,.ghost:hover{background:var(--primary-hover);transform:translateY(-1px);color:#fff}button:active,.ghost:active{color:#fff;background-color:color-mix(in srgb,var(--primary) 35%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary-hover) 80%,white 15%)}button.is-busy,.ghost.is-busy{opacity:.6;pointer-events:none}.ghost{background:transparent;border:1px solid rgba(37,99,235,.3);color:var(--primary)}.ghost.solid{background:var(--primary);color:#fff;border-color:transparent}.ghost--tiny{padding:6px 12px;font-size:.8rem}.danger{color:var(--danger);border-color:#dc26264d}.danger:hover{background:#dc26261a;color:var(--danger)}#refresh-btn{border:1px solid var(--primary)}.sync-button{width:100%;padding:18px 28px;font-size:1.05rem;border-radius:24px;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--primary);transition:color .25s ease,background .25s ease,border-color .25s ease;border:1px solid color-mix(in srgb,var(--primary) 55%,transparent);position:relative;overflow:hidden;isolation:isolate}.sync-button:hover{color:#fff;border-color:color-mix(in srgb,var(--primary-hover) 80%,white 10%)}.sync-button:active{color:#fff;border-color:color-mix(in srgb,var(--primary-hover) 85%,white 15%);background-color:color-mix(in srgb,var(--primary) 35%,transparent)}.sync-button:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:radial-gradient(circle at var(--hover-x, 50%) var(--hover-y, 50%),rgba(255,255,255,.17) 0%,transparent 100%);opacity:0;transition:opacity .35s ease;z-index:0;transform:scale(1)}.sync-button:hover:before,.sync-button:focus-visible:before{opacity:1}.sync-button>*{position:relative;z-index:1}.sync-button--hero{min-height:140px;flex-direction:column;gap:10px;border:1px solid color-mix(in srgb,var(--primary) 75%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:color-mix(in srgb,#ffffff 40%,transparent)}.sync-button--hero:hover{color:#fff;border-color:color-mix(in srgb,var(--primary-hover) 85%,white 10%)}.sync-button--outline{border:1px solid color-mix(in srgb,var(--primary) 60%,transparent);color:var(--primary);background:color-mix(in srgb,#ffffff 35%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sync-button--outline:hover{color:#fff;border-color:color-mix(in srgb,var(--primary-hover) 75%,white 15%)}:root.theme-dark .sync-button--hero{background:color-mix(in srgb,#000000 40%,transparent);border:1px solid rgba(59,130,246,.4);color:var(--surface-text)}:root.theme-dark .sync-button--hero:hover{background:color-mix(in srgb,#060b1e 60%,transparent);border-color:#3b82f699}:root.theme-dark .sync-button--outline{background:color-mix(in srgb,#000000 45%,transparent);border:1px solid rgba(59,130,246,.35);color:var(--surface-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root.theme-dark .sync-button--outline:hover{background:color-mix(in srgb,#040816 65%,transparent);border-color:#3b82f68c}.sync-button__icon{width:28px;height:28px;fill:currentColor;transition:inherit}.sync-button--hero .sync-button__icon{width:36px;height:36px}.sync-button__label{display:block;text-align:center}.status{-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur));padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600}.status--connected{background:#22c55e2e;color:#15803d}.status--disconnected{background:#f871712e;color:#b91c1c}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:24px;z-index:99}.auth-gate__panel{width:min(420px,100%);background:#fff;border-radius:24px;padding:32px 28px;box-shadow:0 25px 55px #0f172a40;display:flex;flex-direction:column;gap:16px;color:var(--surface-text)}.auth-gate__panel .muted{color:var(--surface-muted)}:root.theme-dark .auth-gate__panel{background:#040710f5;color:var(--surface-text)}.upload-panel{display:flex;flex-direction:column;gap:12px}.file-upload-preview{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.file-upload-preview:empty{display:none}.file-upload-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#ffffffd9;transition:background .2s ease,transform .2s ease}.file-upload-item:hover{background:#fffffff2;transform:translateY(-2px)}:root.theme-dark .file-upload-item{background:#040710bf;border:1px solid rgba(59,130,246,.35)}:root.theme-dark .file-upload-item:hover{background:#070c18d9}.file-upload-item__preview{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:#0f172a0d;border:1px solid var(--border)}.file-upload-item__preview img{width:100%;height:100%;object-fit:contain}.file-upload-item__preview i{font-size:2rem;color:var(--muted)}.file-upload-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.file-upload-item__name{font-weight:600;word-break:break-word}.file-upload-item__meta{font-size:.85rem;color:var(--muted)}.file-upload-item__remove{flex-shrink:0;border:0;background:#dc26261a;color:var(--danger);font-size:.85rem;padding:8px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s ease,color .2s ease,transform .2s ease}.file-upload-item__remove:hover{background:#dc262633;transform:scale(1.05)}:root.theme-dark .file-upload-item__remove{background:#f8717126}:root.theme-dark .file-upload-item__remove:hover{background:#f8717140}.upload-panel input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.history-item__actions .danger{background:#dc26261a}@media (min-width: 900px){.clipboard{grid-template-columns:1.1fr .9fr}.history-item,.file-item{align-items:center}}.panels-no-blur .card,.panels-no-blur .panel,.panels-no-blur .sidebar{-webkit-backdrop-filter:none;backdrop-filter:none}.history-item__text[data-image-entry=true]{display:none}.history-item__text[data-image-entry=true].showing-raw{display:block}.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s ease}.settings-modal.hidden{display:none}.settings-modal.is-active{opacity:1;pointer-events:auto}.settings-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}.settings-modal.is-active .settings-modal__overlay{opacity:1}.settings-modal__panel{position:relative;z-index:1;width:min(420px,90vw);max-height:85vh;overflow-y:auto;background:#ffffffeb;border-radius:24px;padding:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 35px 60px #0f172a59;color:var(--surface-text);transform:translateY(24px) scale(.96);opacity:0;transition:transform .28s ease,opacity .28s ease}.settings-modal.is-active .settings-modal__panel{transform:translateY(0) scale(1);opacity:1}:root.theme-dark .settings-modal__panel{background:#040710ed;border-color:#3b82f640;box-shadow:0 35px 60px #020617a6}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settings-modal__content{display:flex;flex-direction:column;gap:14px;color:var(--surface-text)}.preview-box{border:1px dashed var(--border);border-radius:16px;min-height:120px;display:flex;align-items:center;justify-content:center;color:var(--surface-muted);background-size:cover;background-position:center}.form-field--options>span,.form-field--range>span{display:flex;align-items:center;justify-content:space-between;font-weight:600}.form-field--range strong{font-size:.85rem;color:var(--muted);font-weight:500}.form-field--range input[type=range]{width:100%;accent-color:var(--primary)}.bg-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.bg-option{border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:10px;background:#ffffff14;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border .2s ease,transform .2s ease,box-shadow .2s ease}.bg-option__preview{width:100%;height:70px;border-radius:12px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.2)}.bg-option__label{font-size:.9rem;color:var(--surface-text)}.bg-option.is-active{border-color:var(--primary);box-shadow:0 8px 24px #2563eb40;transform:translateY(-2px)}.bg-option--custom{align-items:center;justify-content:center;text-align:center;gap:6px}.bg-option--custom i{font-size:1.2rem;color:var(--primary)}.color-pill-group{display:flex;flex-wrap:wrap;gap:12px}.color-pill{width:42px;height:42px;border-radius:50%;border:2px solid transparent;background:var(--pill-color, rgba(255, 255, 255, .2));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.color-pill.is-active{border-color:var(--primary);box-shadow:0 10px 25px #2563eb4d;transform:scale(1.08)}.color-pill--custom{background:transparent;border:2px dashed var(--border);color:var(--primary);font-size:1rem}.color-pill--custom.is-active{border-color:var(--primary);background:#ffffff1f}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-modal__content input[type=file]{border:1px dashed var(--border);border-radius:16px;padding:12px;background:#fff9;cursor:pointer;transition:border-color .2s ease,background .2s ease;color:var(--surface-text)}.settings-modal__content input[type=file]:hover{border-color:var(--primary);background:#fffc}.settings-modal__content input[type=file]::file-selector-button{border:none;border-radius:999px;padding:8px 16px;background:var(--primary);color:#fff;margin-right:12px;cursor:pointer;font:inherit;transition:background .2s ease,transform .2s ease}.settings-modal__content input[type=file]::file-selector-button:hover{background:var(--primary-hover);transform:translateY(-1px)}:root.theme-dark .settings-modal__content input[type=file]{background:#040710cc;border-color:#3b82f673;color:var(--surface-text)}:root.theme-dark .settings-modal__content input[type=file]:hover{background:#070c18d9;border-color:#3b82f699}:root.theme-dark .settings-modal__content input[type=file]::file-selector-button{background:#38bdf8e6;color:#02101f}:root.theme-dark .settings-modal__content input[type=file]::file-selector-button:hover{background:#38bdf8}.devices-card{margin-top:24px}.device-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.device-item{border:1px solid var(--border);border-radius:16px;padding:12px 16px;background:#ffffff1f;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}:root.theme-dark .device-item{background:#02061759}.device-item__name{font-weight:600}.device-item__meta{font-size:.85rem;color:var(--muted)}.device-item__status{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#16a34a}.device-item--offline .device-item__status{color:#94a3b8}.status-dot{width:8px;height:8px;border-radius:999px;display:inline-block;background:currentColor}.device-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.device-item__actions{display:flex;gap:6px}.device-item__remove{font-size:.75rem;border-radius:10px}.device-item--offline{opacity:.8}@media (max-width: 640px){.app-shell{flex-direction:column;min-height:auto}.sidebar{position:relative;top:auto;height:auto;overflow:visible;width:100%;border-radius:0 0 32px 32px;padding:20px 16px}.sidebar__nav{flex-direction:row;gap:12px;overflow-x:auto;padding-bottom:12px}.sidebar__item{min-width:160px;flex:1}.sidebar__actions{flex-direction:row;flex-wrap:wrap}.main-panel{max-width:100vw;padding:20px 16px 60px}.app__header{flex-direction:column;align-items:flex-start;gap:16px}.header__actions{width:100%;flex-wrap:wrap;gap:10px}.card{padding:18px}.clipboard{grid-template-columns:1fr}.history-pagination{flex-direction:column;align-items:flex-start;gap:8px}.device-list{grid-template-columns:1fr}.settings-modal__panel{width:min(95vw,420px);max-height:80vh;padding:20px 16px}}.hidden{display:none!important}.code-block{font-family:Consolas,SFMono-Regular,monospace;background:#0f172a;color:#e2e8f0;padding:10px;border-radius:10px;max-height:180px;overflow:auto}.latest-text-wrapper{display:flex;flex-direction:column;gap:8px;min-width:0}.latest-file-preview img{max-width:240px;border-radius:12px;border:1px solid var(--border);margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.94)}}@keyframes pressFill{0%{opacity:.3;transform:scale(.8)}50%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}:root.theme-dark .settings-modal__panel,:root.theme-dark .settings-modal__panel *{color:var(--surface-text)}.image-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:150;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;animation:fadeIn .2s ease}.image-preview-modal.is-active{display:flex}.image-preview-modal__image{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:12px;box-shadow:0 25px 60px #000c;animation:floatUp .3s ease}.image-preview-modal__close{position:absolute;top:24px;right:24px;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#0009;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.image-preview-modal__close:hover{background:#fff3;transform:scale(1.1)}.entry-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s ease}.entry-preview-modal.hidden{display:none}.entry-preview-modal.is-active{opacity:1;pointer-events:auto}.entry-preview-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}.entry-preview-modal.is-active .entry-preview-modal__overlay{opacity:1}.entry-preview-modal__panel{position:relative;z-index:1;width:min(800px,90vw);max-height:85vh;overflow-y:auto;background:#ffffffeb;border-radius:24px;padding:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 35px 60px #0f172a59;color:var(--surface-text);transform:translateY(24px) scale(.96);opacity:0;transition:transform .28s ease,opacity .28s ease}.entry-preview-modal.is-active .entry-preview-modal__panel{transform:translateY(0) scale(1);opacity:1}:root.theme-dark .entry-preview-modal__panel{background:#040710ed;border-color:#3b82f640;box-shadow:0 35px 60px #020617a6}.entry-preview-modal__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;gap:16px}.entry-preview-modal__header h3{margin:0 0 4px}.entry-preview-modal__content{display:flex;flex-direction:column;gap:14px;color:var(--surface-text);margin-bottom:18px}.entry-preview-view{min-height:200px;max-height:60vh;overflow:auto;border:1px solid var(--border);border-radius:14px;padding:16px;background:#ffffff73;color:var(--surface-text);white-space:pre-wrap;word-break:break-word;font-family:Consolas,SFMono-Regular,monospace}.entry-preview-view.rich-text{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;white-space:normal}:root.theme-dark .entry-preview-view{background:#040710bf;border:1px solid rgba(59,130,246,.35)}.entry-preview-edit{display:flex;flex-direction:column;gap:12px}.entry-preview-edit label{font-size:.9rem;font-weight:600;margin-bottom:-6px}.entry-preview-edit select,.entry-preview-edit textarea{width:100%}.entry-preview-edit textarea{min-height:300px;font-family:Consolas,SFMono-Regular,monospace;resize:vertical}.entry-preview-modal__actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 640px){.entry-preview-modal__panel{width:min(95vw,800px);max-height:80vh;padding:20px 16px}.entry-preview-view{max-height:50vh}.entry-preview-edit textarea{min-height:200px}}