.order-page{width:min(1120px,100%)}.kinds{border:1px solid var(--control-line);border-radius:calc(var(--radius) + 4px);background:var(--panel);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.kinds a{border-radius:var(--radius);color:var(--ink);gap:2px;padding:12px 16px;text-decoration:none;display:grid}.kinds a:hover{background:var(--fill)}.kinds a[aria-current=page]{background:var(--accent);color:var(--accent-ink)}.kinds strong{font-size:17px}.kinds span{opacity:.85;font-size:14px}.builder-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.order{gap:16px}.order .suggestions button{justify-content:space-between;gap:12px}.order .suggestions small{color:var(--muted);white-space:nowrap;font-size:13px}.order .agree{align-items:flex-start;font-size:14px}.order .agree input{margin-top:2px}.order .shot{align-content:start}.order .frame{border:1px dashed var(--control-line);background:var(--fill);border-radius:6px;place-items:center;width:100%;display:grid;overflow:hidden}.order [data-shot=tall] .frame{aspect-ratio:2/3;max-width:120px}.order [data-shot=wide] .frame{aspect-ratio:4/3}.order [data-shot=sky] .frame{aspect-ratio:4}.order .shot.filled .frame{border-style:solid;border-color:var(--line);background:#fff}.order .frame img{object-fit:contain;border:0;border-radius:0;width:100%;height:100%;max-height:none}.order .frame img:not([src]){display:none}.shot-actions{flex-wrap:wrap;gap:6px;display:flex}.summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--page);gap:12px;padding:16px;display:grid;position:sticky;top:84px}.summary h3{margin:0;font-size:17px;font-weight:650}.poster{aspect-ratio:2/3;width:150px;box-shadow:0 8px 20px var(--shadow), inset 0 0 0 1px #fff6;text-align:center;overflow-wrap:anywhere;border:6px solid #9aa7ad;border-radius:4px;justify-self:center;place-items:center;padding:10px;font-size:17px;font-weight:650;line-height:1.2;display:grid;overflow:hidden}.poster img{object-fit:cover;width:calc(100% + 20px);height:calc(100% + 20px);margin:-10px}.banner{justify-content:center;align-items:center;gap:0;height:40px;display:flex}.banner .tow{background:var(--control-line);border-radius:5px 10px 10px 5px;width:26px;height:10px;position:relative}.banner .tow:after{content:"";border-top:1px solid var(--control-line);width:40px;position:absolute;top:4px;right:-40px}.banner .cloth{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:2px;place-items:center;width:170px;height:34px;margin-left:40px;padding:0 8px;font-size:13px;font-weight:650;display:grid;overflow:hidden}.banner .cloth img{object-fit:contain;width:100%;height:100%}.sum{gap:6px;margin:0;font-size:14px;display:grid}.sum div{grid-template-columns:80px 1fr;gap:8px;display:grid}.sum dt{color:var(--muted)}.sum dd{overflow-wrap:anywhere;margin:0}.sum .total{border-top:1px solid var(--line);padding-top:8px;font-size:18px;font-weight:650}.sum .total dt{color:var(--ink)}.summary .primary{font-size:16px}[data-order-error]{color:var(--error)}.examples{border-collapse:collapse;width:100%;max-width:720px;font-size:15px}.examples th,.examples td{border-bottom:1px solid var(--line);text-align:left;padding:8px 12px 8px 0}.examples th{color:var(--muted);font-size:13px;font-weight:600}.examples td:nth-child(n+2),.examples th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.mine-list{gap:12px;margin-top:12px;display:grid}.own{border:1px solid var(--line);border-radius:var(--radius);gap:16px;padding:16px;display:flex}.own-banner .own-thumb{aspect-ratio:728/90;align-self:start;width:182px;height:auto}.own-thumb{object-fit:cover;border:1px solid var(--line);border-radius:4px;flex:none;width:64px;height:96px}.own-text{flex:1;gap:4px;min-width:0;display:grid}.own-text p{margin:0;font-size:14px}.own-text .counts{color:var(--muted)}.pill.planned{color:var(--accent)}.pill.done{color:var(--muted)}@media (max-width:560px){.kinds span{display:none}}@media (max-width:860px){.builder-grid{grid-template-columns:1fr}.summary{position:static}}.busy{border-left:4px solid var(--warning);background:var(--panel);border-radius:6px;gap:8px;padding:10px 12px;font-size:14px;display:grid}.busy p{margin:0}.busy button{justify-self:start}.hud-preview{border-radius:var(--radius);color:#fff;background:#192d39;gap:4px;padding:10px;display:grid}.hud-preview img,.hud-preview span{aspect-ratio:728/90;object-fit:cover;border-radius:4px;width:100%;display:block}.hud-preview span{color:#b9c7ce;border:1px dashed #3a5160;place-items:center;font-size:13px;display:grid}.hud-preview [hidden]{display:none}.hud-preview small.paid{color:#b9c7ce;letter-spacing:.02em;font-size:11px}.packages{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.packages label{border:1px solid var(--control-line);border-radius:var(--radius);cursor:pointer;gap:2px;padding:10px 12px;display:grid}.packages label:has(input:checked){border-color:var(--accent);background:var(--fill);box-shadow:inset 0 0 0 1px var(--accent)}.packages label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.packages input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.packages strong{font-size:16px}.packages small{color:var(--muted);font-weight:400}[data-banner-error]{color:var(--error)}.order .strips{grid-template-columns:1fr}.order [data-shot=desk] .frame{aspect-ratio:728/90}.order [data-shot=phone] .frame{aspect-ratio:320/50;max-width:320px}