.gpl-finder{margin:40px 0;padding:clamp(22px,4vw,46px);border:1px solid #e4ddd3;border-radius:24px;background:linear-gradient(180deg,#fffdf9,#f8f3ec);box-shadow:0 18px 50px rgba(55,43,33,.08)}.gpl-finder-head{text-align:center;max-width:760px;margin:0 auto 24px}.gpl-eyebrow{display:inline-block;margin-bottom:8px;font-size:.78rem;font-weight:800;letter-spacing:.14em;color:#8a6d54}.gpl-finder h2{margin:0 0 10px;font-size:clamp(1.7rem,4vw,2.6rem)}.gpl-finder-head p{margin:0;color:#665d55}.gpl-finder-file{display:flex;align-items:center;justify-content:center;width:min(320px,100%);min-height:54px;margin:22px auto 10px;border-radius:999px;background:#332b26;color:#fff;font-weight:800;cursor:pointer}.gpl-finder-status{text-align:center;min-height:28px;font-weight:700}.gpl-finder-status.loading{color:#705f50}.gpl-finder-status.success{color:#24613a}.gpl-finder-status.error{color:#a12c22}.gpl-finder-preview{display:flex;gap:16px;align-items:center;max-width:620px;margin:18px auto;padding:14px;border-radius:16px;background:#fff}.gpl-finder-preview img{width:130px;height:90px;object-fit:cover;border-radius:10px}.gpl-finder-preview div{display:flex;flex-direction:column}.gpl-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.gpl-size-card{position:relative;padding:22px 18px;border:1px solid #ded6ca;border-radius:18px;background:#fff}.gpl-size-card h3{margin:4px 0 10px;font-size:1.4rem}.gpl-recommend{visibility:hidden;display:inline-block;padding:4px 8px;border-radius:999px;background:#a86f3c;color:#fff;font-size:.72rem;font-weight:800}.gpl-size-card.is-recommended{border:2px solid #a86f3c;box-shadow:0 10px 28px rgba(168,111,60,.16)}.gpl-size-card.is-recommended .gpl-recommend{visibility:visible}.gpl-size-card.is-low{opacity:.72}.gpl-size-note{min-height:46px;color:#655d56;font-size:.9rem}.gpl-size-link{display:inline-flex;justify-content:center;width:100%;padding:11px 12px;border-radius:999px;background:#332b26;color:#fff!important;text-decoration:none!important;font-weight:800}.gpl-size-link.is-disabled{pointer-events:none;background:#aaa}.gpl-finder-note{margin:18px 0 0;text-align:center;color:#796f66;font-size:.82rem}@media(max-width:820px){.gpl-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.gpl-size-grid{grid-template-columns:1fr}.gpl-finder-preview{align-items:flex-start}.gpl-finder-preview img{width:110px;height:82px}}
.gpl-finder-limit{margin:8px 0 0;text-align:center;color:#766c63;font-size:.9rem}
.gpl-finder-editor{margin:28px auto;max-width:980px}
.gpl-finder-editor .gpl-toolbar{margin-bottom:16px}
.gpl-finder-editor .gpl-canvas-wrap{max-width:760px;margin:0 auto}
.gpl-size-price{font-size:1.15rem;font-weight:700;margin:.5rem 0;color:#8d6500}
.gpl-size-link{width:100%;border:0;cursor:pointer;font:inherit}
.gpl-size-link:disabled{cursor:not-allowed;opacity:.55}
/* φ100 circle-only UI */
.gpl-circle-finder .gpl-canvas-wrap.circle,
.gpl-circle-finder .gpl-litho-canvas-wrap.circle{aspect-ratio:1/1;width:min(620px,100%);border-radius:50%;overflow:hidden;background:#f7f2e8}
.gpl-circle-finder .gpl-canvas-wrap.circle canvas,
.gpl-circle-finder .gpl-litho-canvas-wrap.circle canvas{display:block;width:100%;height:100%;border-radius:50%}
.gpl-circle-order{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px auto 0;max-width:620px;padding:18px 22px;border:1px solid #ded6ca;border-radius:18px;background:#fff}
.gpl-circle-order .gpl-size-link{width:auto;min-width:180px;background:#24563d}
@media(max-width:580px){.gpl-circle-order{align-items:stretch;flex-direction:column}.gpl-circle-order .gpl-size-link{width:100%}}