.clip-space{--clip-ink:#37352f;--clip-muted:#787672;--clip-line:#e5e4df;color:var(--clip-ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans',sans-serif;font-size:15px;font-weight:400;line-height:1.6;text-align:left}
.clip-space *{box-sizing:border-box}.clip-space button,.clip-space input,.clip-space textarea{font:inherit}.clip-space button{cursor:pointer;min-height:42px;border:1px solid var(--clip-line);background:#fff;color:var(--clip-ink);border-radius:10px;padding:8px 14px;font-weight:500}.clip-space button:hover{background:#f5f4f0}.clip-space button:disabled{opacity:.45;cursor:default}.clip-space button:focus-visible,.clip-space textarea:focus-visible{outline:2px solid #68886e;outline-offset:3px}.clip-space button.clip-primary{background:#37352f;color:#fff;border-color:#37352f}.clip-space h2{font-size:25px;font-weight:700;margin:0}.clip-space p{margin:0}.clip-space [hidden]{display:none!important}.clip-top,.clip-actions,.clip-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.clip-top{margin-bottom:18px}.clip-help,.clip-meta{color:var(--clip-muted);font-size:13px}.clip-card{border:1px solid var(--clip-line);border-radius:14px;background:#fff;padding:18px;margin-bottom:14px}.clip-compose{border:1px dashed #b8b6b0;border-radius:12px;padding:14px;margin-bottom:12px}.clip-compose.drag-over{background:#f2f5f1;border-color:#68886e}.clip-compose textarea{width:100%;min-height:110px;border:0;resize:vertical;padding:0;background:transparent;color:var(--clip-ink);font-size:16px;line-height:1.7}.clip-actions{flex-wrap:wrap}.clip-actions .clip-primary{margin-left:auto}.clip-preview{max-width:100%;max-height:230px;display:block;margin:0 auto 10px;border-radius:8px}.clip-status{min-height:24px;font-size:13px;margin:10px 0!important;overflow-wrap:anywhere}.clip-list{display:grid;gap:10px}.clip-item{border:1px solid var(--clip-line);border-radius:12px;padding:14px;background:#fff;min-width:0}.clip-row-head{align-items:flex-start}.clip-summary{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;margin:10px 0!important;max-height:145px;overflow:auto}.clip-item img{max-width:100%;max-height:220px;border-radius:7px;display:block;margin:12px auto}.clip-item details{margin-top:8px}.clip-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:360px;overflow:auto}.clip-settings{margin-top:20px}.clip-settings summary{cursor:pointer;color:var(--clip-muted);padding:10px 0}.clip-device{display:flex;justify-content:space-between;gap:8px;margin:8px 0}.clip-code{width:100%;font-family:monospace!important;font-size:13px!important;border:1px solid var(--clip-line);border-radius:8px;padding:8px;overflow-wrap:anywhere}.clip-connection{padding:12px;background:#f6f5f2;border-radius:10px;margin:12px 0}.tracker-frame{display:block;width:100%;height:calc(100dvh - 180px);min-height:540px;border:1px solid var(--border);border-radius:14px;background:#fff}.tracker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tracker-header a{color:var(--ink-soft);font-size:14px}.main:has(#page-tracker:not([hidden])){max-width:960px}.nav{overflow-x:auto}.nav button{flex-shrink:0}@media(max-width:600px){.clip-card{padding:14px}.clip-top{align-items:flex-start}.clip-space h2{font-size:23px}.clip-top>button{white-space:nowrap}.tracker-frame{height:calc(100dvh - 170px);min-height:460px}.clip-row-head>div{min-width:0}}

/* Larger shared images, with a keyboard-accessible full-width viewer. */
.clip-space .clip-image-open{display:block;width:100%;border:0;background:transparent;padding:0;margin:14px 0;cursor:zoom-in;border-radius:7px}
.clip-space .clip-image-open:hover{background:transparent}
.clip-space .clip-image-open img{display:block;width:min(100%,720px);max-width:100%;max-height:none;height:auto;margin:0 auto;border-radius:7px}
.clip-space .clip-lightbox{width:calc(100vw - 32px);max-width:1200px;max-height:90dvh;padding:0 16px 16px;border:1px solid var(--clip-line);border-radius:14px;background:#fff;overflow:auto}
.clip-lightbox::backdrop{background:rgba(0,0,0,.6)}
.clip-lightbox-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:12px 0;margin-bottom:8px}
.clip-lightbox>img{display:block;width:100%;height:auto;max-width:none;max-height:none;border-radius:0}