:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#27213a;background:#f9f8fc}*{box-sizing:border-box}body{margin:0}.shell{max-width:1120px;margin:auto;padding:20px 16px 60px}header a{color:#7658ef;text-decoration:none;font-weight:700}header h1{font-size:30px;margin:18px 0 5px}header p,.card>p{color:#777186}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px}.card{background:#fff;border:1px solid #e4e0ee;border-radius:16px;padding:20px;margin-top:18px}.card h2{margin:0 0 14px;font-size:20px}.card label{display:block;font-weight:700;margin:14px 0}.card input[type=file],.card input[type=text],.card select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #d9d4e4;border-radius:8px;background:#fff;font:inherit}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-stage{position:relative;min-height:220px;max-height:520px;display:grid;place-items:center;background:#f1eff9;overflow:hidden;touch-action:none;user-select:none}.photo-stage img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;pointer-events:none}.photo-stage img[hidden]{display:none}.photo-stage p{color:#777186;text-align:center;padding:28px}.photo-stage #selection{position:absolute;border:2px solid #7658ef;background:#7658ef26;pointer-events:none}.subtle{background:none;border:0;color:#7658ef;margin-top:10px}.primary{background:#7354ef;border:0;color:#fff;padding:12px 20px;border-radius:9px;font:inherit;font-weight:750}fieldset{border:1px solid #e4e0ee;border-radius:9px;margin:14px 0;padding:10px}fieldset label{display:inline-flex!important;gap:4px;margin:5px 12px 5px 0!important;font-size:13px}.summary{padding:16px;border:1px solid #e4e0ee;border-radius:10px;white-space:pre-wrap;line-height:1.8}.history-item{border-bottom:1px solid #e4e0ee;padding:12px 0}.history-item p{margin:4px 0;color:#777186;font-size:13px}.history-item button{margin:5px 8px 0 0;border:1px solid #d9d4e4;background:#fff;border-radius:7px;padding:7px}.card #message{min-height:20px;color:#7658ef}@media(max-width:760px){.layout{display:block}.grid{grid-template-columns:1fr}header h1{font-size:26px}}
.card .secondary{border:1px solid #b9a5ef;border-radius:9px;padding:11px 15px;background:#f6f1ff;color:#6343c6;font:inherit;font-weight:700}.card h2:not(:first-child){margin-top:28px}.plan-parts{margin:12px 0;padding:12px;border:1px solid #e4e0ee;border-radius:10px;color:#625b6c}.plan-parts article{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee}.plan-parts article:last-child{border-bottom:0}.plan-parts button{border:0;background:transparent;color:#7658ef;font:inherit}.photo-stage{border-radius:12px}.summary{min-height:140px}
.eyebrow{margin:18px 0 0;color:#825ee1;font-size:13px;font-weight:700}.disclaimer,.hint{font-size:13px;color:#777186;line-height:1.6}.disclaimer{padding:11px 14px;border-radius:10px;background:#f3efff}.photo-stage{display:flex;align-items:center;justify-content:center}.photo-stage img{width:auto;max-width:100%;height:auto;max-height:520px}.photo-stage #selection{z-index:1}.card input[type=search]{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #d9d4e4;border-radius:8px;background:#fff;font:inherit}.catalog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.catalog-tabs button{min-height:40px;padding:8px 13px;border:1px solid #ded6ee;border-radius:10px;background:#fff;color:#574b68;font:inherit;cursor:pointer}.catalog-tabs button[aria-pressed=true]{border-color:#7858e3;background:#f0eaff;color:#623dc9;font-weight:700}.catalog-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.catalog-options label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 10px;border:1px solid #e5dff0;border-radius:10px;font-size:13px;font-weight:500}.catalog-options input{accent-color:#7658ef}.degree-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.degree-row label{flex:1;min-width:170px}.degree-row button{margin-bottom:14px}.plan-parts article{flex-wrap:wrap}.plan-parts article span{flex:1;min-width:160px}.plan-parts select{width:auto;min-width:130px;margin:0;padding:7px}.result-preview{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:10px;margin:12px 0}.result-preview[hidden]{display:none}.result-card .secondary{margin:12px 0}.card button{min-height:40px;cursor:pointer}@media(max-width:760px){.catalog-options{grid-template-columns:1fr}.degree-row{display:block}.degree-row button{width:100%}.plan-parts article span{width:100%}.plan-parts select{flex:1}}
/* Keep the prototype's two-step editor visible side by side on desktop. */
[hidden]{display:none!important}
.shell{padding-top:30px}.postop-intro h1{margin:8px 0 7px;font-size:28px;letter-spacing:-.03em}.postop-intro>.eyebrow{margin:0}.postop-intro>p:not(.eyebrow,.disclaimer){margin:0 0 21px;color:#696374;font-size:13px}
.postop-intro .disclaimer{margin:0 0 22px}
.layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.card{margin:0;padding:21px;border-radius:16px}.card h2{display:flex;align-items:center;gap:9px;font-size:17px}.step-number{display:inline-grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:#f1ecff;color:#7252d2;font-size:12px}
.photo-card,.choice-card{min-height:590px}.plan-card,.result-card{min-height:290px}.history-card{grid-column:1/-1}.choice-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.choice-head h2{margin:0}.choice-head>span{font-size:12px;color:#878090;white-space:nowrap}
.upload-zone{position:relative;display:grid!important;place-items:center;gap:8px;min-height:210px;padding:24px!important;border:1px dashed #d8cbef;border-radius:12px;background:#faf8ff;text-align:center;cursor:pointer}.upload-zone.dragging{border-color:#7858e3;background:#f1ebff}.upload-zone .upload-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#fff;color:#7658ef;font-size:30px}.upload-zone strong{font-size:16px}.upload-zone small{font-size:12px;font-weight:400;line-height:1.6;color:#837b8b}.upload-zone input{position:absolute;inset:0;width:100%!important;height:100%;margin:0!important;opacity:0;cursor:pointer}
.history-jump{display:inline-block;margin:1px 0 9px;color:#7552d2;text-decoration:none;font-size:13px}.photo-stage{min-height:260px;border:1px solid #eeeaf4;background:#faf9fd}.photo-stage p{font-size:12px}.card .hint{margin:8px 0 13px}.catalog-tabs{margin:12px 0}.catalog-tabs:not(.parts){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.catalog-tabs:not(.parts) button[aria-pressed=true]{background:#805de3;color:#fff}.catalog-tabs.parts button{min-height:34px;padding:5px 9px;font-size:12px}
.catalog-options{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-options label{border-radius:9px}.catalog-options label:has(input:checked){border-color:#805de3;background:#f5f0ff;color:#6843cc}
.degree-row{display:block;margin:20px 0 12px}.degree-row strong{display:block;margin-bottom:10px;font-size:14px}.degree-options{display:flex;flex-wrap:wrap;gap:7px}.degree-options button{min-height:37px;margin:0;padding:6px 12px;border:1px solid #e4ddeb;border-radius:9px;background:#fff;color:#514958;font-size:12px}.degree-options button[aria-pressed=true]{border-color:#805de3;background:#f4efff;color:#6a44cf}.choice-card>#showPlan{width:100%;margin-top:8px}
.plan-card textarea{display:block;width:100%;min-height:86px;margin-top:7px;padding:11px;border:1px solid #d9d4e4;border-radius:8px;font:inherit;resize:vertical}.card .primary{width:100%}.result-card .summary{min-height:145px}
@media(max-width:760px){.shell{padding-top:18px}.postop-intro h1{font-size:23px}.layout{display:grid;grid-template-columns:1fr}.photo-card,.choice-card,.plan-card,.result-card{min-height:0}.history-card{grid-column:auto}.catalog-options{grid-template-columns:1fr}.upload-zone{min-height:175px}}