@layer components{.app-cer{z-index:90;background:var(--bg);place-items:center;padding:clamp(16px,4vw,56px);animation:.45s ease-out both app-cer-in;display:grid;position:fixed;inset:0;overflow-y:auto}.app-cer:focus{outline:none}@keyframes app-cer-in{0%{opacity:0}to{opacity:1}}.app-cer-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,96px);width:100%;max-width:1280px;display:grid}.app-cer-vault{min-width:0;position:relative}.app-cer-vault .app-vault,.app-cer-vault .app-vp{max-width:680px;margin:0 auto}.app-cer-vault .app-vp{aspect-ratio:3/2}.app-cer-vault[data-shake=true]{animation:.32s cubic-bezier(.3,0,.3,1) app-thud}.app-stamp{opacity:0;transform-origin:50%;mix-blend-mode:multiply;pointer-events:none;width:min(56%,330px);height:auto;position:absolute;bottom:2%;right:-2%;transform:rotate(-12deg)scale(1.9)}.app-stamp.is-on{opacity:.92;transition:transform .2s cubic-bezier(.5,0,.9,.4),opacity 80ms linear;transform:rotate(-7deg)scale(1)}.app-cer-side{grid-template-columns:minmax(0,1fr);gap:clamp(18px,2vw,30px);min-width:0;display:grid}.app-cer-id{align-items:center;gap:18px;display:flex}.app-cer-id h2{font-family:var(--font-display);letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,3.6vw,60px);font-weight:900;line-height:.92}.app-cer-id p{font-family:var(--font-mono);margin:6px 0 0;font-size:clamp(16px,1.5vw,24px)}.app-cer-steps{border-top:1px solid var(--ink);grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.app-cer-steps li{border-bottom:1px solid var(--hair);font-family:var(--font-mono);grid-template-columns:30px minmax(0,1fr);align-items:start;gap:14px;padding:14px 0;font-size:clamp(14px,1.15vw,17px);transition:opacity .4s;display:grid}.app-cer-steps li[data-s=todo]{opacity:.38}.app-cer-dot{border:1.5px solid var(--ink);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.app-cer-steps li[data-s=done] .app-cer-dot{background:var(--green);border-color:var(--green);color:#fff}.app-cer-steps li[data-s=bad] .app-cer-dot{background:var(--down);border-color:var(--down);color:#fff}.app-cer-l{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;padding-top:3px;display:grid}.app-cer-l small{color:var(--mute);font-size:12.5px}.app-cer-wait{font-family:var(--font-mono);color:var(--ink-2);max-width:46ch;margin:0;font-size:13px;line-height:1.6}.app-cer-done p,.app-cer-fail p{font-family:var(--font-mono);margin:0 0 14px;font-size:15px;line-height:1.6}.app-cer-fail p:first-child{color:var(--down)}@media (max-width:860px){.app-cer{place-items:start center}.app-cer-in{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:56px}.app-cer-vault .app-vault{max-width:360px}}}
@layer components{.app-ln-head{padding-bottom:clamp(16px,2vw,30px)}.app-ln-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1fr);grid-template-areas:"form vault""form sum";align-items:start;gap:10px clamp(32px,9vw,160px);display:grid}.app-ln-form{grid-area:form;grid-template-columns:minmax(0,1fr);gap:22px;padding:clamp(20px,2.2vw,32px);display:grid}.app-ln-vault{grid-area:vault;align-self:end;min-width:0}.app-ln-vault .app-vault{max-width:560px;margin:0 auto}.app-ln-vault .app-vp{aspect-ratio:3/2;width:calc(100% + clamp(40px,8vw,140px));margin-left:calc(-1*clamp(40px,8vw,140px))}.app-ln-chest{max-width:560px;font-family:var(--font-mono);margin:6px 0 0;font-size:clamp(14px,1.15vw,18px)}.app-ln-chest b{font-weight:500}.app-ln-sum{grid-area:sum;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;min-width:0;max-width:800px;display:grid}.app-ln-ticker{text-transform:uppercase}.app-ln-cap{font-family:var(--font-mono);color:var(--ink-2);margin:10px 0 0;font-size:clamp(13px,1vw,16px)}.app-ln-cost{font-family:var(--font-mono);margin:12px 0 0;font-size:clamp(14px,1.15vw,18px)}.app-ln-cost b{font-weight:600}.app-ln-costnote{max-width:62ch;margin:0}.app-ln-closed{border:1px solid var(--ink);background:var(--card-2);font-family:var(--font-mono);border-radius:8px;align-items:flex-start;gap:12px;margin-top:6px;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.app-ln-closed svg{flex:none;margin-top:2px}.app-ln-closed>div{grid-template-columns:minmax(0,1fr);gap:3px;display:grid}.app-ln-problem{margin:4px 0 0}.app-ln-go{white-space:normal;text-align:center;min-height:clamp(60px,5vw,78px);margin-top:8px;padding-top:12px;padding-bottom:12px;font-size:clamp(16px,1.5vw,24px);line-height:1.25}.app-ln-go.is-closed[aria-disabled=true]{opacity:1;color:var(--ink);background:0 0;border-style:dashed}.app-ln-fine{max-width:62ch;margin:4px 0 0}.app-ln-linkrow{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;font-size:15px;display:flex}.app-ln-linkitem{align-items:center;display:inline-flex}.app-ln-linkitem .app-dot{margin:0 14px}.app-ln-linkitem .app-link{all:unset;cursor:pointer;font-family:var(--font-mono);text-underline-offset:5px;font-size:15px;text-decoration:underline;text-decoration-thickness:1px}.app-ln-linkitem .app-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-ln-link{margin-top:6px}.app-img{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid;position:relative}.app-img-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.app-img-drop{border:1.5px dashed var(--ink);cursor:pointer;background:#ffffff4d;border-radius:8px;align-items:center;gap:22px;padding:22px 24px;transition:background .2s,border-color .2s;display:flex}.app-img-drop:hover,.app-img[data-over=true] .app-img-drop{background:#c49a3f2e}.app-img-drop:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-img[data-invalid=true] .app-img-drop{border-color:var(--down)}.app-img-ph{border:1.5px dashed var(--faint);width:84px;height:84px;color:var(--mute);border-radius:12px;flex:none;place-items:center;display:grid}.app-img-copy{font-family:var(--font-mono);grid-template-columns:minmax(0,1fr);gap:3px;font-size:14px;line-height:1.5;display:grid}.app-img-copy b{font-weight:600}.app-img-copy small{color:var(--mute);margin-top:6px;font-size:12px}.app-img-set{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.app-img-frame{border:1.5px dashed var(--ink);border-radius:8px;padding:12px;position:relative}.app-img-box{background:var(--bg-2);cursor:grab;border-radius:4px;position:relative;overflow:hidden}.app-img-box:active{cursor:grabbing}.app-img-box img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;max-width:none;position:absolute;top:0;left:0}.app-img-grid{pointer-events:none;opacity:0;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:33.333% 33.333%;transition:opacity .2s;position:absolute;inset:0}.app-img-box:active .app-img-grid{opacity:1}.app-img-x{border:1px solid var(--ink);background:var(--card);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;top:-12px;right:-12px}.app-img-x:hover{background:var(--ink);color:var(--bg)}.app-img-x:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app-img-side{flex:170px;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0;display:grid}.app-img-zoom{font-family:var(--font-mono);color:var(--mute);grid-template-columns:minmax(0,1fr);gap:6px;font-size:12px;display:grid}.app-img-zoom input{width:100%;accent-color:var(--ink)}.app-img-side .app-link{all:unset;cursor:pointer;font-family:var(--font-mono);text-underline-offset:4px;justify-self:start;font-size:13px;text-decoration:underline}@media (max-width:980px){.app-ln-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"vault""form""sum";row-gap:18px}.app-ln-vault{width:100%;max-width:460px;margin:0 auto}.app-ln-vault .app-vp{aspect-ratio:4/3;width:100%;margin-left:0}.app-ln-sum{max-width:none}}@media (max-width:760px){.app-img-drop{gap:16px;padding:18px}.app-img-ph{width:64px;height:64px}}}
