@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#292e28;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #d9ddd3;background:transparent;border-radius:9px;padding:10px 15px;color:inherit}button:hover{background:#e7eadd}button:disabled{opacity:.5;cursor:wait}a{color:inherit}header{height:92px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded4}.brand{display:flex;gap:12px;align-items:center;font-size:27px;text-decoration:none;font-weight:700;letter-spacing:-1px}.brand>span{font-size:21px;letter-spacing:-.7px}.beta{font-size:12px;letter-spacing:0;font-weight:400;color:#878c80;margin-left:13px}.account{display:flex;align-items:center;gap:16px;font-size:12px}.email{color:#6f766c}main{max-width:1510px;margin:auto;padding:57px 5% 20px}.heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6f7964}h1{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,55px);font-weight:500;letter-spacing:-2.5px;margin:10px 0}h1 span{color:#849368}.heading p{color:#838679;margin:12px 0 28px;font-size:14px}.board-label{font-size:13px;padding:10px 0;border-bottom:2px solid #758962}.board-label span{margin-left:10px;color:#869079}.notice{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px;background:#e9ecdf;border-radius:10px;color:#5b654f;font-size:12px;margin:13px 0 22px}.notice button{font-size:12px;background:#f5f6ef;white-space:nowrap}.tools{display:flex;gap:24px;margin:20px 0 9px}#save{display:flex;gap:9px;flex:1}input{outline:none;border:1px solid #daddd2;border-radius:9px;padding:14px 17px;background:#fbfaf6;min-width:0;color:#30392b}input:focus{border-color:#748164;box-shadow:0 0 0 3px #74816422}#url{flex:1}.primary{background:#34482f;color:#fff;border:0;white-space:nowrap;text-decoration:none;font-size:13px;padding:14px 20px;border-radius:8px}.primary:hover{background:#4b6243}.search{display:flex;align-items:center;position:relative;width:260px}.search span{position:absolute;left:14px;font-size:24px;color:#7a8171}.search input{width:100%;padding-left:42px}#status{font-size:12px;min-height:30px;padding:5px 0;color:#5b684b}#grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.card{position:relative;break-inside:avoid;background:#fffefa;border:1px solid #e3e3d9;border-radius:13px;overflow:hidden;margin-bottom:0;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 9px 28px #29342110}.card-main{display:block;text-align:left;width:100%;padding:0;border:0;border-radius:0}.card-main:hover{background:transparent}.thumb{height:225px;position:relative;overflow:hidden;display:flex;align-items:center;padding:26px;background:#dce2d5}.card:nth-child(3n+2) .thumb{height:285px}.thumb img{width:100%;height:100%;object-fit:cover;object-position:top;position:absolute;inset:0}.art{font:500 38px/1.05 Manrope,sans-serif;white-space:pre-line;letter-spacing:-2px;overflow-wrap:anywhere}.card:nth-child(2) .art{color:#e9d7ad}.no-capture{position:absolute;bottom:18px;font-size:9px;letter-spacing:1.4px}.tone-1{background:#d7dcea}.tone-2{background:#e6ddcc}.tone-3{background:#dacfe1}.card-body{padding:19px 20px 21px}.domain{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;overflow-wrap:anywhere}.domain>span{margin-left:auto;color:#9ba28f}.full-url{display:block;margin-top:7px;font-size:11px;color:#8a9081;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card h2{font-size:12px;font-weight:400;color:#626b59;margin:13px 0 0}.favicon{width:16px;height:16px}.delete{position:absolute;top:9px;right:9px;background:#fffdf0e6;border:0;border-radius:50%;width:29px;height:29px;padding:0;font-size:21px;color:#515747}.empty{grid-column:1/-1;text-align:center;padding:65px 15px 100px;color:#7c8473}.empty>span{font-size:50px}.empty h2{font-weight:500;font-size:22px}.empty p{font-size:13px}footer{border-top:1px solid #dedfd6;padding:24px 0;color:#919785;font-size:11px;margin-top:34px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #849769;outline-offset:3px}@media(min-width:1450px){#grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){#grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beta,.email{display:none}.tools{flex-direction:column;gap:12px}.search{width:100%}.heading{gap:15px}.board-label{white-space:nowrap;font-size:11px}.thumb,.card:nth-child(3n+2) .thumb{height:220px}.art{font-size:30px}.notice{align-items:flex-start}.modalbar{flex-wrap:wrap;gap:10px}.modalbar>div{flex-basis:70%}.modalbar .primary{order:3}.modalbar #close{margin-left:auto}.frame-note{line-height:1.5}iframe{height:calc(100% - 183px)}}@media(max-width:480px){header{height:74px}.brand>span{font-size:19px}.account button{font-size:10px;padding:9px}main{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:1.5px}.heading{align-items:flex-end}.board-label{margin-bottom:30px}h1{letter-spacing:-1.5px;font-size:33px}.heading p{font-size:12px}#grid{gap:12px}.card{margin-bottom:0}.thumb,.card:nth-child(3n+2) .thumb{height:174px;padding:16px}.art{font-size:26px}.card-body{padding:13px 12px}.domain{font-size:12px}.card h2{font-size:11px;line-height:1.5}.primary{padding:13px 12px}#url{width:100px;font-size:12px}.notice{font-size:11px;line-height:1.5}.notice button{padding:7px;font-size:10px}.no-capture{font-size:7px;left:12px}.empty{padding:45px 0}}#preview{width:96vw;max-width:1800px;height:92vh;height:92dvh;max-height:96dvh;padding:0;border:1px solid #d8ddd0;border-radius:16px;background:#f5f3ed;overflow:hidden;color:#292e28}#preview::backdrop{background:#172115b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:100%}.website-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#e8e9e1;padding:18px;gap:0}.browser-strip{height:38px;flex-shrink:0;display:flex;align-items:center;gap:15px;background:#f7f7f2;border:1px solid #d8ddd0;border-bottom:0;border-radius:9px 9px 0 0;padding:0 14px;font-size:11px;color:#75806b}.browser-dots{font-size:9px;letter-spacing:2px;color:#b4bbaa}#previewDomain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-label{margin-left:auto;white-space:nowrap;font-size:8px;letter-spacing:1.5px}#preview iframe{display:block;flex:1;min-height:0;height:auto;width:100%;border:1px solid #d8ddd0;background:#fff;border-radius:0 0 9px 9px}.preview-help{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 2px 0;font-size:11px;line-height:1.6;color:#69755e}.preview-help b{display:block;color:#46543e;font-weight:500}.preview-help .primary{font-size:12px;padding:12px 16px}.details-pane{display:flex;flex-direction:column;min-width:0;overflow:auto;padding:22px 24px;background:#fbfaf6;border-left:1px solid #dbded3}.details-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.details-top .eyebrow{font-size:9px;letter-spacing:1.5px}#close{padding:6px 10px;border:0;font-size:18px}#modalTitle{font:500 25px/1.3 Manrope,sans-serif;letter-spacing:-.8px;overflow-wrap:anywhere;margin:22px 0 8px}#savedDate{font-size:11px;color:#929886;margin:0 0 30px}#detailsForm{display:flex;flex-direction:column}#detailsForm label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#77826d;margin:0 0 10px}#description,#category{font:13px/1.65 DM Sans,sans-serif;color:#42503a;background:#f5f5ee;border:1px solid #daddd0;border-radius:8px;padding:12px;max-width:100%;width:100%;margin-bottom:25px}#description{resize:vertical;min-height:110px;max-height:260px}#description::placeholder{color:#969d8b}#category{height:45px;padding:8px}#modalUrl{font-size:12px;line-height:1.7;color:#536b43;overflow-wrap:anywhere;margin:0 0 28px}.details-save{align-self:flex-start}#detailsStatus{font-size:12px;color:#687d58;line-height:1.5;min-height:20px}.details-footer{margin-top:auto;padding-top:25px;font-size:10px;color:#9a9f90}@media(max-width:800px){.preview-layout{grid-template-columns:minmax(0,1fr) 270px}.details-pane{padding:16px}.website-pane{padding:12px}.preview-help{flex-direction:column;align-items:stretch;gap:10px}.preview-help .primary{text-align:center}#modalTitle{font-size:21px}}@media(max-width:600px){#preview{width:96vw;height:94dvh;overflow:auto}.preview-layout{display:flex;flex-direction:column;height:auto;min-height:100%}.website-pane{height:53dvh;min-height:310px;flex-shrink:0;padding:10px}.browser-strip{padding:0 9px;gap:8px}.preview-help{flex-direction:row;align-items:center;gap:8px;font-size:9px;padding-top:10px}.preview-help .primary{font-size:10px;padding:10px;flex-shrink:0}.details-pane{border-left:0;border-top:1px solid #dbded3;overflow:visible;padding:18px 22px}.details-top #close{position:absolute;top:12px;right:14px;background:#f7f7f2;border:1px solid #d8ddd0;z-index:2}.browser-strip{padding-right:40px}.live-label{display:none}#modalTitle{margin-top:14px}#savedDate{margin-bottom:22px}.details-footer{padding-top:12px}}.header-download{font-size:12px;text-decoration:none;background:#fff;border:1px solid #d9ddd3;border-radius:8px;padding:10px 14px}.signed-out{overflow:hidden}.signed-out main{filter:blur(4px);-webkit-user-select:none;user-select:none}#onboarding{position:fixed;inset:92px 0 0;z-index:10;display:flex;align-items:center;justify-content:center;padding:28px 20px;overflow:auto;background:#272b2438;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#onboarding[hidden]{display:none}.signin-card{width:440px;max-width:100%;margin:auto;padding:32px;background:#fffefa;border:1px solid #e2e2da;border-radius:17px;box-shadow:0 18px 70px #25291f20;text-align:center}.signin-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 20px;background:#f0f0e9;border:1px solid #dedfd6;border-radius:13px;font-size:28px;color:#34482f}.signin-card h2{font:400 30px/1.2 Georgia,serif;letter-spacing:-1px;margin:0 0 14px;color:#242820}.signin-intro{font-size:13px;line-height:1.65;color:#777b72;margin:0 0 22px}.account-reminder{background:#f3f3ee;border:1px solid #e3e4dc;border-radius:9px;padding:13px 16px;font-size:12px;line-height:1.55;text-align:left;color:#535b4d;margin:0 0 18px}.google-signin{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #cdd2c7;box-shadow:0 1px 2px #00000008;padding:13px;font-size:14px;color:#252b21}.google-mark{font:700 22px Arial,sans-serif;color:#4285f4}#signinStatus{font-size:12px;line-height:1.5;color:#626c57;margin:12px 0;min-height:18px}.extension-download{display:block;border-top:1px solid #eeeeE7;padding-top:17px;font-size:13px;text-decoration:none}.extension-download:hover{text-decoration:underline}.extension-download span{margin-left:7px}.signin-privacy{font-size:11px;line-height:1.6;color:#969b90;margin:12px 0 0}.skeleton-card{border:1px solid #dedfd6;background:#fffefa;border-radius:13px;overflow:hidden}.skeleton-image{height:215px;background:#dddfd7}.skeleton-lines{padding:22px}.skeleton-lines i{display:block;width:75%;height:11px;background:#dedfd7;border-radius:5px;margin-bottom:12px}.skeleton-lines i:nth-child(2){width:95%;height:8px}.skeleton-lines i:last-child{width:55%;height:8px;margin:0}@media(max-width:480px){#onboarding{top:74px;padding:20px 16px}.signin-card{padding:26px 22px}.signin-card h2{font-size:28px}.header-download{font-size:10px;padding:9px;max-width:160px;text-align:center}.skeleton-image{height:174px}}