:root{--bg:#eef0f7;--panel:#eef0f7;--text:#31354a;--muted:#74798d;--shadow1:#c9ccd5;--shadow2:#fff;--violet:#8c7cf0;--violet2:#dcd6ff;--mint:#d7f3e7;--peach:#ffe0d3;--sky:#d9edff;--rose:#ffdce7;--danger:#b9506b}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eef0f7,#f6f1fb);font:15px/1.45 Inter,Segoe UI,Arial,sans-serif;color:var(--text)}button,input,select{font:inherit}.app-shell{max-width:1540px;margin:auto;padding:26px}.topbar,.row,.between{display:flex;align-items:center;gap:14px}.between{justify-content:space-between}.topbar{justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--violet)}h1{font-size:32px;margin:2px 0}h2{font-size:17px;margin:0 0 12px}.topbar p,.muted,.hint{color:var(--muted);margin:0}.steps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.steps button,.soft,.primary,.download,.file-button{border:0;border-radius:16px;padding:12px 16px;box-shadow:7px 7px 15px var(--shadow1),-7px -7px 15px var(--shadow2);background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none}.steps button.active,.primary{background:linear-gradient(135deg,#9586f5,#7466df);color:white;box-shadow:7px 7px 15px #c5c2d7,-7px -7px 15px #fff}.danger{color:var(--danger)}.panel{background:rgba(238,240,247,.92);border-radius:24px;padding:20px;box-shadow:12px 12px 24px var(--shadow1),-12px -12px 24px var(--shadow2);margin-bottom:20px}.step{display:none}.step.active{display:block}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.upload-card{display:block;padding:24px;border-radius:24px;box-shadow:inset 2px 2px 5px rgba(255,255,255,.7),8px 8px 18px var(--shadow1);cursor:pointer}.upload-card span{display:block;font-size:18px;font-weight:800}.upload-card small{display:block;color:#687083;margin:5px 0 15px}.upload-card input{width:100%}.peach{background:var(--peach)}.mint{background:var(--mint)}.sky{background:var(--sky)}.workspace,.refine-grid{display:grid;grid-template-columns:260px minmax(380px,1fr) 290px;gap:20px;align-items:start}.sidebar,.properties{position:sticky;top:10px}.panel label{display:block;font-weight:650;margin:12px 0 5px}.panel input,.panel select{width:100%;border:0;border-radius:13px;padding:11px 12px;background:#eef0f7;box-shadow:inset 4px 4px 8px #d0d3dc,inset -4px -4px 8px #fff;color:var(--text);outline:none}.panel input:focus,.panel select:focus{box-shadow:inset 3px 3px 7px #d0d3dc,inset -3px -3px 7px #fff,0 0 0 3px var(--violet2)}.compact input{margin-top:8px}.full{width:100%;margin-top:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.canvas-wrap{min-width:0}.card-canvas{position:relative;margin:5px auto;background:#fff;max-width:100%;min-height:420px;overflow:hidden;border-radius:12px;box-shadow:inset 0 0 0 1px #dfe2ea}.card-canvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.no-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;color:var(--muted)}.ph{position:absolute;border:2px dashed #7164dc;background:rgba(220,214,255,.26);min-width:20px;min-height:16px;cursor:move;display:flex;align-items:center;overflow:hidden;user-select:none}.ph.photo{border-color:#4da98a;background:rgba(215,243,231,.32)}.ph.selected{border-style:solid;box-shadow:0 0 0 3px rgba(140,124,240,.18)}.ph .tag{font-size:11px;padding:2px 5px;background:rgba(255,255,255,.8);border-radius:5px;white-space:nowrap}.resize-handle{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;background:#7164dc;cursor:nwse-resize;border-radius:3px}.canvas-help{color:var(--muted);font-size:13px;text-align:center;margin:14px 0 0}.status{margin-top:12px;padding:12px;border-radius:13px;white-space:pre-wrap}.status:not(:empty){background:#e7e3ff}.validation{margin-top:15px}.issue,.okline{padding:10px 12px;border-radius:12px;margin:7px 0}.issue{background:var(--rose);color:#8f4057}.okline{background:var(--mint);color:#34745e}.member-list{max-height:720px;overflow:auto}.member-item{padding:10px 12px;border-radius:13px;margin:7px 0;cursor:pointer}.member-item:hover,.member-item.active{background:#e2defd}.member-title{font-weight:800}.export-card{max-width:700px;margin:30px auto}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.big{font-size:17px;padding:15px 20px;width:100%;margin-top:16px}.download{display:block;text-align:center;margin-top:14px;background:var(--mint);font-weight:800}.file-button{display:inline-block;position:relative}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.hint{font-size:12px}.canvas-wrap .card-canvas{width:500px}.refine-grid .card-canvas{width:500px}@media(max-width:1050px){.workspace,.refine-grid{grid-template-columns:1fr}.sidebar,.properties{position:static}.grid3{grid-template-columns:1fr}.canvas-wrap .card-canvas,.refine-grid .card-canvas{width:min(100%,520px)}}@media(max-width:600px){.app-shell{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.row.between{align-items:flex-start;flex-direction:column}.two,.export-options{grid-template-columns:1fr}.steps button{flex:1 1 120px}}
.zip-input{margin-top:10px!important;padding:8px!important;background:rgba(255,255,255,.55)!important;border-radius:12px!important}

.ph.photo.circle{border-radius:50%;}
.ph.photo.circle .resize-handle{right:8%;bottom:8%;}