.clipboard-page{width:100%;max-width:75rem;min-height:100vh;min-height:100dvh;margin:0 auto;padding:var(--header-safe-area) 1rem 4rem;position:relative;z-index:1;box-sizing:border-box}.clipboard-page:before{content:"";position:absolute;top:0;right:8%;width:28rem;height:28rem;background:radial-gradient(circle,rgba(20,184,166,.18) 0%,rgba(99,102,241,.14) 42%,transparent 70%);filter:blur(5rem);z-index:-1;pointer-events:none}:root.dark .clipboard-page:before{background:radial-gradient(circle,rgba(20,184,166,.22) 0%,rgba(99,102,241,.18) 42%,transparent 70%)}.clipboard-board{padding:0}.clipboard-sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clipboard-panel{border:var(--glass-border);border-radius:1.5rem;background:var(--glass-bg);box-shadow:0 1.5rem 3.5rem #0f172a14;backdrop-filter:var(--glass-blur-deep);-webkit-backdrop-filter:var(--glass-blur-deep);overflow:hidden}:root.dark .clipboard-panel{border-color:#ffffff14;background:#1e1e1e94;box-shadow:0 1.5rem 3.5rem #00000047}.clipboard-kicker{margin:0 0 .35rem;color:#14b8a6;font-size:clamp(var(--font-size-2xs),2vw,var(--font-size-xs));font-weight:700;letter-spacing:.1em;text-transform:uppercase}.clipboard-panel h2{margin:0;color:var(--text-primary)}.clipboard-panel h2{font-size:clamp(var(--font-size-base),2vw,var(--font-size-xl));line-height:1.2}.clipboard-button{min-height:2.5rem;padding:0 1.05rem;border:.0625rem solid rgba(99,102,241,.2);border-radius:.9rem;color:var(--text-secondary);background:#ffffff61;font:inherit;font-size:var(--font-size-xs);font-weight:700;cursor:pointer;transition:transform .25s var(--bezier),box-shadow .25s var(--bezier),opacity .25s var(--bezier);will-change:transform}:root.dark .clipboard-button{background:#ffffff0f}.clipboard-button:hover:not(:disabled){transform:translateY(-.12rem)}.clipboard-button:active:not(:disabled){transform:scale(.96)}.clipboard-button:disabled{cursor:not-allowed;opacity:.68}.clipboard-button--primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#14b8a6,#6366f1)}.clipboard-panel--empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.15rem;align-items:center;min-height:9.5rem;padding:1.15rem 1.25rem;position:relative}.clipboard-panel--empty:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(99,102,241,.2),transparent 42%),linear-gradient(135deg,rgba(20,184,166,.1),transparent 46%);pointer-events:none}.clipboard-panel--empty>*{position:relative}.clipboard-empty-content p:last-child{max-width:32rem;margin:.55rem 0 0;color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-xs)}.clipboard-empty-visual{width:4.5rem;height:4.5rem;border-radius:1.15rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14b8a6e6,#6366f1eb);box-shadow:0 1.2rem 2.4rem #6366f13d}.clipboard-empty-action{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem}.clipboard-empty-action span{color:var(--text-secondary);font-size:var(--font-size-xs)}.clipboard-preview-paper{width:2.25rem;height:2.85rem;padding:.62rem .42rem 0;border:.16rem solid rgba(255,255,255,.9);border-radius:.55rem;display:flex;flex-direction:column;gap:.4rem;box-sizing:border-box}.clipboard-preview-paper span{height:.14rem;border-radius:999rem;background:#ffffffc7}.clipboard-preview-paper span:nth-child(2){width:78%}.clipboard-preview-paper span:nth-child(3){width:58%}.clipboard-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem;margin-top:1.5rem}.clipboard-demo-fallback{padding:0;display:none}[data-clipboard-items-state=empty] .clipboard-demo-fallback{display:block}.clipboard-item-card{height:18rem;padding:1.2rem;border:var(--glass-border);border-radius:1.25rem;background:linear-gradient(180deg,#ffffff80,#ffffff38),#ffffff57;box-shadow:0 1rem 2rem #0f172a0f;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:0;transition:transform .25s var(--bezier),border-color .25s var(--bezier),box-shadow .25s var(--bezier);will-change:transform}.clipboard-item-card--interactive{cursor:pointer}.clipboard-item-card--interactive:hover{transform:translateY(-.18rem);border-color:#14b8a647;box-shadow:0 1.25rem 2.4rem #0f172a1a}.clipboard-item-card--interactive:focus-visible{outline:.14rem solid rgba(20,184,166,.45);outline-offset:.18rem}:root.dark .clipboard-item-card{border-color:#ffffff14;background:linear-gradient(180deg,#ffffff12,#ffffff08),#ffffff0a;box-shadow:0 1rem 2rem #0003}.clipboard-item-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.clipboard-item-meta span{color:#14b8a6;font-size:var(--font-size-xs);font-weight:800;letter-spacing:.08em}.clipboard-item-meta small{padding:.32rem .58rem;border-radius:999rem;color:#0f766e;background:#14b8a61f;font-size:var(--font-size-xs);font-weight:700}:root.dark .clipboard-item-meta small{color:#5eead4;background:#14b8a629}.clipboard-item-preview{height:9rem;min-height:9rem;border:.0625rem solid rgba(20,184,166,.12);border-radius:1rem;background:#ffffff3d;position:relative;overflow:hidden;display:flex}:root.dark .clipboard-item-preview{border-color:#ffffff14;background:#ffffff0a}.clipboard-item-body{font-size:var(--font-size-xs);margin-top:1.1rem;min-height:2.75rem;overflow:hidden;position:relative;display:flex;align-items:center}.clipboard-item-body>p{transition:none}.clipboard-board .clipboard-item-body:hover>p,.clipboard-board .clipboard-item-body:focus-within>p{opacity:0}.clipboard-item-body p{width:100%;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clipboard-item-card p{color:var(--text-secondary);line-height:1.5}.clipboard-item-preview--image{background:radial-gradient(circle at 74% 24%,rgba(255,255,255,.9) 0 .55rem,transparent .6rem),linear-gradient(135deg,#14b8a65c,#6366f157)}.clipboard-item-preview img,.clipboard-item-preview video,.clipboard-item-preview object{width:100%;height:100%;min-height:9rem;display:block}.clipboard-item-preview img,.clipboard-item-preview video{object-fit:cover}.clipboard-item-preview object{border:0;background:#ffffff47}.clipboard-demo-sun{position:absolute;top:1.15rem;right:1.35rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#ffffffe0}.clipboard-demo-mountain{position:absolute;bottom:-.15rem;width:8rem;height:5.2rem;clip-path:polygon(50% 0,100% 100%,0 100%)}.clipboard-demo-mountain--front{left:1rem;background:#ffffffc7}.clipboard-demo-mountain--back{right:.25rem;background:#ffffff61}.clipboard-item-preview--code{background:#0f172a0f;display:block}:root.dark .clipboard-item-preview--code{background:#0000002e}.clipboard-item-card pre{margin:0;padding:1rem;border:0;color:var(--text-primary);background:transparent;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.7;overflow-x:auto;height:9rem}:root.dark .clipboard-item-card pre{background:transparent}.clipboard-item-preview--text{padding:1rem;background:linear-gradient(180deg,#ffffff5c,#ffffff24),repeating-linear-gradient(180deg,transparent 0,transparent 2.2rem,rgba(20,184,166,.08) 2.25rem);box-sizing:border-box;display:block;overflow:hidden}:root.dark .clipboard-item-preview--text{background:linear-gradient(180deg,#ffffff0f,#ffffff05),repeating-linear-gradient(180deg,transparent 0,transparent 2.2rem,rgba(20,184,166,.1) 2.25rem)}.clipboard-item-preview--text p{margin:0;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.clipboard-item-preview--file{align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.clipboard-item-preview--file p{margin:0;color:var(--text-primary);font-weight:600;text-align:center;word-break:break-word}.clipboard-item-preview--gif{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.36),transparent 28%),linear-gradient(135deg,#6366f157,#14b8a633)}.clipboard-gif-frame{position:absolute;inset:1.2rem;border:.12rem solid rgba(255,255,255,.62);border-radius:.9rem}.clipboard-gif-frame--two{transform:translate(.42rem,.42rem);opacity:.42}.clipboard-gif-badge{position:absolute;right:.9rem;bottom:.9rem;padding:.32rem .5rem;border-radius:.55rem;color:#fff;background:#0f172a6b;font-size:var(--font-size-2xs);font-weight:800;letter-spacing:.08em}.clipboard-item-preview--svg{display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(20,184,166,.08) .0625rem,transparent .0625rem),linear-gradient(180deg,rgba(20,184,166,.08) .0625rem,transparent .0625rem),#ffffff3d;background-size:1.2rem 1.2rem}:root.dark .clipboard-item-preview--svg{background:linear-gradient(90deg,rgba(255,255,255,.06) .0625rem,transparent .0625rem),linear-gradient(180deg,rgba(255,255,255,.06) .0625rem,transparent .0625rem),#ffffff0a;background-size:1.2rem 1.2rem}.clipboard-item-preview--svg svg{width:72%;max-width:10rem;fill:none;stroke:#14b8a6;stroke-width:.35rem;stroke-linecap:round;stroke-linejoin:round}.clipboard-item-preview--pdf{display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#ef44441f,#6366f11a)}.clipboard-item-grid .clipboard-item-preview--pdf object{pointer-events:none}.clipboard-pdf-page{width:3.5rem;height:4.6rem;padding:1rem .65rem 0;border-radius:.55rem;background:#ffffffdb;box-shadow:0 .8rem 1.6rem #0f172a1a;box-sizing:border-box}:root.dark .clipboard-pdf-page{background:#ffffffd1}.clipboard-pdf-page span{display:block;height:.18rem;margin-bottom:.42rem;border-radius:999rem;background:#ef444480}.clipboard-pdf-page span:nth-child(2){width:78%}.clipboard-pdf-page span:nth-child(3){width:56%}.clipboard-item-preview--pdf strong{color:#ef4444;font-size:var(--font-size-lg);letter-spacing:.1em}.clipboard-item-preview--video{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a8f,#6366f147),repeating-linear-gradient(90deg,transparent 0,transparent 1.1rem,rgba(255,255,255,.08) 1.15rem)}.clipboard-video-play{width:3.5rem;height:3.5rem;border-radius:50%;background:#ffffffe0;position:relative}.clipboard-video-play:before{content:"";position:absolute;top:50%;left:54%;width:0;height:0;border-top:.62rem solid transparent;border-bottom:.62rem solid transparent;border-left:.92rem solid #6366f1;transform:translate(-50%,-50%)}.clipboard-video-duration{position:absolute;right:.85rem;bottom:.85rem;padding:.28rem .48rem;border-radius:.5rem;color:#fff;background:#0000007a;font-size:var(--font-size-2xs);font-weight:700}.clipboard-copy-button{width:100%;min-height:2.75rem;margin-top:auto;border:.0625rem solid rgba(20,184,166,.18);border-radius:.85rem;color:var(--text-primary);background:#ffffff52;font:inherit;font-weight:700;cursor:pointer;transition:transform .24s var(--bezier);will-change:transform}.clipboard-item-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.1rem;background:transparent;opacity:0;pointer-events:none;transition:none}.clipboard-item-body:hover .clipboard-item-actions,.clipboard-item-body:focus-within .clipboard-item-actions{opacity:1;pointer-events:auto}.clipboard-item-actions .clipboard-copy-button,.clipboard-delete-button{flex:0 1 6.25rem;width:auto;min-height:2.5rem;margin-top:0}.clipboard-item-actions .clipboard-copy-button{border-color:transparent;color:#fff;background:linear-gradient(135deg,#14b8a6,#6366f1);box-shadow:none}.clipboard-delete-button{border:.0625rem solid rgba(239,68,68,.4);border-radius:.85rem;color:#fff;background:#ef4444;box-shadow:none;font:inherit;font-weight:700;cursor:pointer;transition:transform .24s var(--bezier);will-change:transform}.clipboard-delete-button:hover{transform:none}.clipboard-delete-button:active{transform:scale(.97)}.clipboard-preview-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#f8fafcad;backdrop-filter:var(--glass-blur-deep);-webkit-backdrop-filter:var(--glass-blur-deep)}:root.dark .clipboard-preview-modal{background:#0f172a6b}.clipboard-preview-dialog{width:min(58rem,100%);max-height:min(42rem,86vh);padding:1.25rem;border:.0625rem solid rgba(20,184,166,.14);border-radius:1.5rem;background:#ffffffe6;box-shadow:0 2rem 5rem #0000003d;overflow:hidden;display:flex;flex-direction:column;gap:1rem}:root.dark .clipboard-preview-dialog{border-color:#ffffff1a;background:#1e1e1ee6}.clipboard-preview-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.clipboard-preview-dialog-header h2{margin:0;color:var(--text-primary);font-size:clamp(var(--font-size-lg),2.4vw,var(--font-size-xl))}.clipboard-preview-dialog-header p:last-child{margin:.45rem 0 0;color:var(--text-secondary);line-height:1.5;word-break:break-word}.clipboard-preview-full{min-height:18rem;max-height:58vh;border:.0625rem solid rgba(20,184,166,.12);border-radius:1rem;overflow:auto;background:#ffffffad}:root.dark .clipboard-preview-full{border-color:#ffffff14;background:#ffffff0a}.clipboard-preview-full img,.clipboard-preview-full video,.clipboard-preview-full object{width:100%;max-height:58vh;display:block}.clipboard-preview-full img,.clipboard-preview-full video{object-fit:contain}.clipboard-preview-full object{min-height:32rem}.clipboard-preview-full pre{height:auto;max-height:none;min-height:18rem}.clipboard-preview-full.clipboard-item-preview--text p{display:block;-webkit-line-clamp:unset;overflow:visible}:root.dark .clipboard-copy-button{border-color:#ffffff1a;background:#ffffff0f}.clipboard-copy-button:hover{transform:none}.clipboard-copy-button:active{transform:scale(.97)}@media(min-width:0rem)and (max-width:48rem){.clipboard-page{padding-inline:1rem}.clipboard-board,.clipboard-demo-fallback{padding:0}.clipboard-panel--empty,.clipboard-item-grid{grid-template-columns:1fr}.clipboard-empty-action{align-items:flex-start}.clipboard-button{align-self:flex-start}.clipboard-panel--empty{min-height:15rem;align-items:flex-start}.clipboard-preview-modal{padding:1rem}.clipboard-preview-dialog{max-height:88vh;padding:1rem}.clipboard-preview-dialog-header{align-items:flex-start}.clipboard-preview-full{min-height:14rem}}@media(min-width:48.01rem)and (max-width:64rem){.clipboard-panel--empty,.clipboard-item-grid{grid-template-columns:1fr}.clipboard-empty-action{align-items:flex-start}}