/* Make Your Own Print — page styles, used with site.css */
.crop-hero{padding-top:36px;padding-bottom:28px}
@media (min-width:601px){.crop-hero{padding-top:56px;padding-bottom:40px}}

.picker{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px auto 0;max-width:920px;list-style:none;padding:0}
@media (min-width:861px){.picker{grid-template-columns:repeat(4,1fr);gap:18px}}
.picker-card{display:block;width:100%;padding:0;border:0;background:rgba(20,10,34,.82);border-radius:16px;overflow:hidden;cursor:pointer;color:inherit;font:inherit;text-align:center;
  box-shadow:0 0 0 1px rgba(155,92,255,.35),0 0 22px rgba(155,92,255,.12);transition:transform .15s,box-shadow .15s}
.picker-card:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(34,230,255,.55),0 0 26px rgba(34,230,255,.25)}
.picker-card[aria-pressed="true"]{box-shadow:0 0 0 2px var(--gold),0 0 28px rgba(255,201,74,.45)}
.picker-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.picker-card span{display:block;padding:12px 8px 14px;font-family:var(--c-font);font-size:var(--c-size);letter-spacing:var(--c-ls);color:var(--ink)}

.shape-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 0;max-width:720px}
.shape-row button{font-family:var(--c-font);font-size:12px;letter-spacing:.12em;color:var(--ink);background:rgba(20,10,34,.7);border:1px solid rgba(155,92,255,.5);border-radius:999px;padding:9px 14px;cursor:pointer}
.shape-row button:hover{border-color:var(--cyan);color:var(--cyan)}
.shape-row button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold);box-shadow:0 0 16px rgba(255,201,74,.35)}

.crop-tools{margin-top:8px}
.crop-stage-wrap{max-width:960px;margin:8px auto 0}
.crop-stage{position:relative;width:100%;aspect-ratio:16/9;height:auto;min-height:220px;max-height:min(62dvh,560px);border-radius:16px;overflow:hidden;background:rgba(8,4,14,.9);
  box-shadow:0 0 0 1px rgba(155,92,255,.4),0 0 36px rgba(155,92,255,.18);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.crop-stage.is-dragging{cursor:grabbing}
.crop-stage.is-empty{display:flex;align-items:center;justify-content:center;padding:24px}
#crop-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:none}
#crop-world[hidden]{display:none}
#crop-base{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;display:block;object-fit:fill;pointer-events:none;-webkit-user-drag:none}
#tile-layer{position:absolute;left:0;top:0;width:100%;height:100%}
#tile-layer img.tile{position:absolute;max-width:none;height:auto;display:block;pointer-events:none;-webkit-user-drag:none;image-rendering:auto}
.zoom-readout{margin-top:12px}
.crop-frame{position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid var(--gold);box-shadow:0 0 0 9999px rgba(8,4,14,.55),0 0 18px rgba(255,201,74,.45);cursor:move;touch-action:none}
.crop-handle{position:absolute;width:18px;height:18px;background:var(--gold);border:2px solid #1a1020;border-radius:50%;box-shadow:0 0 10px rgba(255,201,74,.7)}
.crop-handle.nw{left:-9px;top:-9px;cursor:nwse-resize}
.crop-handle.ne{right:-9px;top:-9px;cursor:nesw-resize}
.crop-handle.sw{left:-9px;bottom:-9px;cursor:nesw-resize}
.crop-handle.se{right:-9px;bottom:-9px;cursor:nwse-resize}
@media (pointer:coarse){.crop-handle{width:22px;height:22px}.crop-handle.nw,.crop-handle.sw{left:-11px}.crop-handle.ne,.crop-handle.se{right:-11px}.crop-handle.nw,.crop-handle.ne{top:-11px}.crop-handle.sw,.crop-handle.se{bottom:-11px}}

.zoom-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}
.zoom-row button{min-width:52px;width:auto;padding:0 16px}

.crop-actions{margin-top:10px}
.crop-status{margin-top:16px;min-height:1.4em}
.crop-note{margin-top:10px}

.form select{width:100%;min-height:50px;border-radius:12px;background:rgba(12,7,20,.85);border:1px solid rgba(34,230,255,.45);padding:12px 16px;font:400 16px/1.4 var(--b-font);color:var(--ink);appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--cyan) 50%),linear-gradient(135deg,var(--cyan) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.form input[type="file"]{padding:10px;font-size:14px}
.form input[type="checkbox"]{width:20px;height:20px;min-height:0;accent-color:var(--magenta);margin-right:10px;flex:none}
.form .check{display:flex;align-items:flex-start;gap:4px;font-family:var(--b-font);font-size:var(--b-size);letter-spacing:0;text-transform:none;color:var(--ink-soft);line-height:1.5;cursor:pointer}
.form .file-status{margin-top:6px}

.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px auto 0;max-width:920px}
@media (min-width:861px){.community-grid{grid-template-columns:repeat(4,1fr);gap:18px}}
.community-grid figure{margin:0;border-radius:14px;overflow:hidden;background:rgba(20,10,34,.82);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 22px rgba(255,46,200,.18)}
.community-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.community-grid figcaption{padding:10px 10px 14px}
.empty-note{margin-top:28px;padding:26px 22px;border-radius:16px;border:1px dashed rgba(34,230,255,.5);background:rgba(12,7,20,.75);max-width:640px;margin-left:auto;margin-right:auto}

#crop-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;z-index:2;pointer-events:none;padding:24px}
#crop-empty[hidden]{display:none}
.crop-frame[hidden]{display:none}

.zoom-row.btn-row{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}
.zoom-row .btn{width:auto;min-width:52px;min-height:44px;padding:0 16px}
.crop-actions.btn-row{margin-top:18px}
@media (min-width:601px){.crop-actions.btn-row{flex-direction:row}}