*{box-sizing:border-box}body{color:#111;background:#fff;margin:0;padding:2rem 1.25rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:40rem;margin:0 auto}h1{margin:0 0 1rem;font-size:1.5rem}h2{margin:2rem 0 .5rem;font-size:1.125rem}label{margin:.75rem 0 .25rem;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid #999;border-radius:4px;padding:.6rem}button{font:inherit;color:#fff;cursor:pointer;background:#111;border:0;border-radius:4px;margin-top:1rem;padding:.75rem 1.25rem;font-weight:600}dl{grid-template-columns:1fr auto;gap:.25rem 1rem;margin:0;display:grid}dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.total{border-top:1px solid #ccc;padding-top:.25rem;font-weight:700}.card{border:1px solid #ccc;border-radius:6px;margin-bottom:1rem;padding:1rem}.error{color:#a00;font-weight:600}.note{color:#555;font-size:.875rem}.notice{background:#faf8f2;border-left:3px solid #b8860b;border-radius:4px;margin:1rem 0;padding:.75rem 1rem}.order-number{margin:0 0 1rem;font-size:1.0625rem}.order-number strong{font-variant-numeric:tabular-nums;font-size:2.125rem;line-height:1.1;display:block}@media (min-width:1024px){.order-number strong{font-size:2.65625rem}}.attention{color:#8a5a00;font-weight:600}.admin{max-width:52rem;margin:0 auto}.admin header{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.admin header form{align-items:center;gap:.75rem;display:flex}.admin header button{margin-top:0;padding:.35rem .75rem;font-size:.875rem}.admin a{color:inherit}table{border-collapse:collapse;width:100%;margin:.5rem 0 1rem;font-size:.875rem}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e5e5;padding:.35rem .5rem .35rem 0}th{white-space:nowrap;font-weight:600}td input{width:7rem;padding:.35rem}select{width:100%;font:inherit;border:1px solid #999;border-radius:4px;padding:.6rem}label.checkbox{align-items:center;gap:.5rem;margin-top:1rem;font-weight:600;display:flex}label.checkbox input{width:auto;margin:0}code{font-size:.875em}code.test-link{word-break:break-all;-webkit-user-select:all;user-select:all;max-width:100%;display:inline-block}.ramp{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.swatch{width:5.5rem}.swatch i{border:1px solid #ccc;border-radius:4px;height:3rem;display:block}.seed-dot{vertical-align:-1px;border:1px solid #999;border-radius:50%;width:.75rem;height:.75rem;margin-right:.25rem;display:inline-block}.button-proof{border:1px solid;border-radius:6px;margin:1rem 0;padding:1.5rem}.cta-proof{border-radius:9999px;width:100%;min-height:48px;margin:0;font-weight:700}.warn{background:#fff8e1;border-left:3px solid #8a5a00;margin:.75rem 0;padding:.6rem .75rem;font-size:.875rem}.actions{gap:.75rem;display:flex}.actions button{flex:1}textarea{width:100%;font:inherit;resize:vertical;border:1px solid #999;border-radius:4px;padding:.6rem}details{border:1px solid #e5e5e5;border-radius:4px;margin:.75rem 0;padding:.5rem .75rem}summary{cursor:pointer;font-weight:600}.money{font-variant-numeric:tabular-nums}.row-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.row-form input{flex:6rem;width:auto;padding:.35rem}.row-form button{margin-top:0;padding:.35rem .75rem;font-size:.875rem}.photo-proof{aspect-ratio:4/3;object-fit:cover;border:1px solid #ccc;border-radius:4px;width:160px;margin:.5rem 0;display:block}
