:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#171717;background:#f5f5f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}.topbar{padding:24px clamp(18px,4vw,56px);background:#fff;border-bottom:1px solid #e3e3e0;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow,.section-label{font-size:10px;letter-spacing:.16em;color:#777;margin:0 0 8px}.topbar h1{font-size:20px;margin:0;font-weight:650}.lead{font-size:13px;color:#666;margin:8px 0 0}.status{border:1px solid #222;border-radius:99px;padding:8px 12px;font-size:11px;white-space:nowrap}.workspace{max-width:1400px;margin:auto;padding:28px clamp(14px,3vw,40px);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:34px;align-items:start}.editor{display:grid;gap:18px}.editor section{background:#fff;border:1px solid #e6e6e3;padding:18px}.editor h2{font-size:14px;margin:0 0 12px}.brand-list,.filter-list{display:flex;flex-wrap:wrap;gap:7px}.brand-choice,.filter-choice,.pagination button{border:1px solid #dededb;background:#fff;color:#222;padding:9px 11px;font-size:12px;cursor:pointer;text-decoration:none}.brand-choice[aria-current=true],.filter-choice[aria-pressed=true]{border-color:#111;background:#111;color:#fff}.hint{font-size:11px;color:#777;line-height:1.55;margin:12px 0 0}.brand-cover{width:min(100%,260px);aspect-ratio:1/1;display:grid;place-items:center;border:1px solid #111;font-size:clamp(16px,2vw,24px);font-weight:750;letter-spacing:.08em}.brand-cover.dark,.phone-cover.dark{background:#111;color:#fff}.search-label{display:block;font-size:11px;color:#666;margin:16px 0 6px}input[type=search]{width:100%;border:1px solid #d8d8d4;background:#fff;padding:10px 11px;font:inherit;font-size:12px;outline:none}input[type=search]:focus{border-color:#111}.phone-area{display:grid;justify-items:center;gap:10px}.phone{width:min(100%,410px);padding:10px;background:#181818;border-radius:32px;box-shadow:0 15px 45px #0002}.phone-screen{background:#fff;border-radius:23px;overflow:hidden}.phone-content{padding:13px}.phone-label{font-size:13px;font-weight:650;min-height:18px;margin:0 0 8px}.hero-frame{height:auto;aspect-ratio:1/1;position:relative;display:block;border:1px solid #ececea;overflow:hidden;background:#fff}.hero-frame .phone-cover,.hero-frame img{position:absolute;inset:0}.phone-cover{width:100%;height:100%;display:grid;place-items:center;font-size:clamp(20px,5vw,30px);font-weight:750;letter-spacing:.1em}.hero-frame img{width:100%;height:100%;object-fit:contain;background:#fff}.section-label{margin:11px 0 7px}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:225px;overflow:auto}.style-choice{padding:4px;border:1px solid #e5e5e2;background:#fff;text-align:left;cursor:pointer;color:#222;min-width:0}.style-choice[aria-pressed=true]{border:2px solid #111;padding:3px}.style-choice img{width:100%;height:75px;object-fit:contain;background:#fff;display:block}.style-choice span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-choice .item-no{font-size:9px;font-weight:700;margin-top:4px}.style-choice .style-name,.style-choice .item-sku{font-size:9px;color:#666;margin:2px 0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#777;font-size:10px}.pagination button{padding:7px 9px;font-size:10px}.pagination button:disabled{color:#aaa;background:#f2f2f0;cursor:not-allowed}.choice{border-top:1px solid #eee;margin-top:12px;padding-top:10px}.chosen-name{font-size:12px;font-weight:650;margin:0 0 4px}.chosen-price{font-size:12px;margin:0}.size-grid{display:flex;flex-wrap:wrap;gap:7px}.size-choice{min-width:46px;padding:9px;border:1px solid #ddd;background:#fff;font-size:11px;cursor:pointer}.size-choice[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.confirm,.buy-link{width:100%;border:0;background:#111;color:#fff;padding:13px;margin-top:14px;font-size:12px;text-align:center;text-decoration:none;display:block;cursor:pointer}.confirm:disabled{background:#ccc;cursor:not-allowed}.buy-link[hidden],.hero-frame [hidden]{display:none!important}.confirmation{min-height:17px;text-align:left;line-height:1.6;color:#396644;font-size:11px;margin:8px 0 0}.footnote,.preview-caption{font-size:10px;color:#999;text-align:center;margin:12px 0 4px}.preview-caption{margin:0}.style-grid:empty:after{content:"No styles match these filters";grid-column:1/-1;color:#aaa;font-size:11px;padding:8px 0}.load-error{border:1px solid #b33;padding:10px;margin-top:12px;font-size:11px;color:#842323}.load-error button{margin-left:10px;padding:6px 10px;background:#fff;border:1px solid #842323;color:#842323;cursor:pointer}@media(max-width:760px){.workspace{grid-template-columns:1fr;gap:22px}.phone-area{order:1}.phone{width:min(100%,390px)}.brand-cover{width:min(100%,220px)}}@media(max-width:380px){.topbar{align-items:flex-start;flex-direction:column}.phone{padding:6px;border-radius:24px}.phone-screen{border-radius:19px}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-choice img{height:70px}}

.copy-fallback{display:block;font-size:11px;margin:12px 0;line-height:1.6}.copy-fallback[hidden]{display:none}.copy-fallback input{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #aaa;padding:10px;font:inherit;margin-top:6px}.buy-link{background:#fff;color:#333;border:1px solid #aaa}

.direct-order-nav{max-width:1400px;margin:auto;padding:16px clamp(14px,3vw,40px) 0;font-size:12px}.direct-order-nav a{color:#333;text-underline-offset:3px}

.feedback-toast{position:fixed;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:15px 22px;background:#174d35;color:#fff;border:1px solid #2d7552;border-radius:12px;box-shadow:0 8px 32px #0003;font:700 14px/1.4 Arial,sans-serif;text-align:center;z-index:100;pointer-events:none;box-sizing:border-box}.feedback-toast[hidden]{display:none!important}