:root{--ink:#17201b;--paper:#f4f1e9;--card:#fffdf7;--lime:#b7f06a;--green:#175b3a;--muted:#68716a;--line:#d9d9ce}*{box-sizing:border-box}body,html{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(244,241,233,.92);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-family:Georgia,serif;font-size:24px;font-weight:700}.brand span{color:var(--green);margin-right:8px}.nav nav{display:flex;gap:8px}.nav nav a{padding:10px 16px;border-radius:99px}.nav nav a:hover{background:#e6e7dd}main{max-width:1160px;margin:auto;padding:0 24px}.hero{padding:78px 0 54px;position:relative}.hero:after{content:"✦";position:absolute;right:6%;top:80px;font-size:80px;color:var(--lime);transform:rotate(12deg)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--green);margin-bottom:18px}.hero h1,.scanner-head h1{font:56px/1.02 Georgia,serif;margin:0;letter-spacing:-2px}.hero h1 em,.scanner-head em{font-weight:400;color:var(--green)}.hero p{max-width:610px;font-size:18px;line-height:1.55;color:var(--muted);margin:24px 0 0}.workspace{border:1px solid #cfd2c5;border-radius:20px;background:var(--card);overflow:hidden;box-shadow:0 18px 50px #23302412}.steps{height:64px;border-bottom:1px solid var(--line);gap:32px;padding:0 30px;color:#8b918c;font-size:13px}.steps,.steps span{display:flex;align-items:center}.steps span{gap:8px}.steps .active{color:var(--ink)}.steps span:first-child:first-letter{background:var(--green);color:white}.builder{display:grid;grid-template-columns:1fr 1fr}.panel{padding:32px}.panel+.panel{border-left:1px solid var(--line)}.panel-title{display:flex;gap:14px;align-items:start;margin-bottom:24px}.panel-title>span{width:32px;height:32px;border-radius:50%;background:#e4f7cd;color:var(--green);display:grid;place-items:center;font-size:12px;font-weight:700}.panel h2{font:24px Georgia,serif;margin:0 0 5px}.panel p{margin:0;color:var(--muted);font-size:14px}.dropzone{height:250px;border:1.5px dashed #a8aea5;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;overflow:hidden;background:#f8f7f1}.dropzone:hover{border-color:var(--green)}.dropzone input,.filepick input{display:none}.dropzone.has-image img{width:100%;height:100%;object-fit:contain}.upload-icon{height:50px;width:50px;border-radius:50%;background:#e5f7d1;display:grid;place-items:center;font-size:26px;color:var(--green)}small{color:var(--muted)}.message,.status{text-align:center;margin-top:14px!important}.quality{margin-top:18px;padding:16px;background:#f0f2e9;border-radius:12px}.quality>div:first-child{display:flex;justify-content:space-between;font-size:13px}.quality b.good{color:var(--green)}.quality b.warn{color:#9a6415}.meter{height:6px;background:#dfe2d7;border-radius:5px;margin:10px 0;overflow:hidden}.meter i{height:100%;display:block;background:var(--lime)}.action-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:24px}.action-tabs button{border:1px solid var(--line);background:white;border-radius:10px;padding:14px 8px;font-weight:700;cursor:pointer}.action-tabs button.selected{background:var(--ink);color:white;border-color:var(--ink)}.field span{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.field input{width:100%;padding:15px;border:1px solid var(--line);border-radius:10px;font-size:15px}.filepick{height:93px;border:1px dashed #abb1a8;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer}.camera-start button,.publish{margin-top:24px;width:100%;padding:16px 20px;border:0;border-radius:10px;background:var(--green);color:white;font-size:15px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.camera-start button:disabled,.publish:disabled{opacity:.4;cursor:not-allowed}.library{padding:65px 0 90px;position:relative}.library h2{font:36px Georgia,serif;margin:0}.scan-link{position:absolute;right:0;top:80px;color:var(--green);font-weight:700}.empty{padding:30px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.cards,.empty{margin-top:25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;gap:12px;align-items:center}.cards img{width:60px;height:60px;border-radius:7px;object-fit:cover}.cards article div{min-width:0;flex:1 1}.cards span,.cards strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards span{font-size:12px;color:var(--muted);margin-top:6px}.cards button{border:0;background:none;font-size:20px;cursor:pointer;color:#8c918c}footer{text-align:center;border-top:1px solid var(--line);padding:25px;color:var(--muted);font-size:12px}.scanner-page{padding-top:55px}.scanner-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.privacy{background:#e5f2dd;border-radius:99px;padding:10px 15px;font-size:12px;color:var(--green)}.scanner-shell{max-width:920px;margin:auto}.viewfinder{aspect-ratio:16/9;background:#101612;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 20px 60px #1e2a2330}.viewfinder video,.viewfinder>canvas{position:absolute;width:100%;height:100%;object-fit:cover}.viewfinder>canvas{z-index:2}.camera-start{position:absolute;inset:0;display:flex;z-index:5;align-items:center;justify-content:center;flex-direction:column;color:white;background:radial-gradient(circle,#26392d,#101612);text-align:center}.camera-start>div{font-size:50px;color:var(--lime)}.camera-start h2{font:30px Georgia,serif;margin:10px}.camera-start p{color:#b8c0ba}.camera-start button{width:auto;gap:50px;background:var(--lime);color:var(--ink)}.scan-status{display:flex;align-items:center;gap:10px;justify-content:center;padding:18px;color:var(--muted)}.scan-status i{width:8px;height:8px;background:#899189;border-radius:50%}.scan-status i.live{background:#66bd3e;box-shadow:0 0 0 5px #6ec74725}.found,.media-overlay{position:absolute;z-index:7;inset:0;background:#142019e8;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white}.found-icon{height:58px;width:58px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:28px}.found h2{font:32px Georgia,serif;margin:17px 0 4px}.found a{margin-top:20px;background:var(--lime);color:var(--ink);padding:14px 25px;border-radius:10px;font-weight:700}.found button,.media-overlay button{margin-top:15px;background:none;border:0;color:white;text-decoration:underline;cursor:pointer}.media-overlay img,.media-overlay video{max-width:82%;max-height:78%;border-radius:10px;box-shadow:0 10px 40px #0008}.tips{display:flex;justify-content:center;gap:36px;margin:20px 0 70px;color:var(--muted);font-size:13px}.tips b{color:var(--ink)}@media(max-width:700px){.hero{padding:50px 0 35px}.hero:after{display:none}.hero h1,.scanner-head h1{font-size:40px}.builder{grid-template-columns:1fr}.panel+.panel{border-left:0;border-top:1px solid var(--line)}.steps{gap:16px}.steps b{display:none}.cards{grid-template-columns:1fr}.scan-link{position:static;display:block;margin-top:18px}.scanner-head{align-items:start;gap:20px}.privacy{display:none}.viewfinder{margin:0 -24px;border-radius:0;aspect-ratio:3/4}.tips{flex-wrap:wrap;gap:12px 22px}.tips b{width:100%;text-align:center}}.physical-width{display:block;margin-top:18px}.physical-width>div{display:flex;align-items:center;gap:10px}.physical-width input{max-width:150px}.library-copy,.physical-width b{color:var(--muted)}.library-copy{max-width:620px;margin:10px 0 0;line-height:1.5}.import-manifest{display:inline-flex;margin-top:22px;border:1px solid var(--green);color:var(--green);border-radius:9px;padding:11px 15px;font-size:13px;font-weight:700;cursor:pointer}.import-manifest input{display:none}.card-actions{display:flex!important;flex:0 0 auto!important;gap:2px}.card-actions button{width:30px;height:34px}.thumb-placeholder{width:60px;height:60px;border-radius:7px;background:#e8e9df;display:block;flex:0 0 auto}.copy-link{font-size:11px!important;color:var(--green)!important;padding:5px 0!important;text-align:left}.card-actions button:disabled{opacity:.35;cursor:wait}.published-loader{min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.published-loader h1{font:46px Georgia,serif;margin:0}.published-loader p{color:var(--muted);margin:18px 0 25px}.published-loader a{color:var(--green);font-weight:700}