.c67-page{max-width:1500px;margin:auto;padding:28px 24px 100px}.c67-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.c67-head>div:first-child>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#e53239}.c67-head h1{font-size:42px;letter-spacing:-.045em;margin:5px 0}.c67-head p{font-size:11px;color:#777;margin:0}.c67-steps{display:flex;align-items:center;gap:7px;background:#f3f2ef;border-radius:999px;padding:6px 9px;font-size:9px}.c67-steps b{width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center}.c67-steps i{font-style:normal;color:#aaa}.c67-layout{display:grid;grid-template-columns:280px minmax(480px,1fr) 330px;gap:12px;align-items:start}.c67-panel,.c67-editor{background:#fff;border:1px solid #e5e5e1;border-radius:16px;overflow:hidden}.c67-left>section,.c67-library{padding:14px}.c67-left>section+section{border-top:1px solid #eee}.c67-section-title{display:flex;align-items:center;gap:9px;margin-bottom:13px}.c67-section-title>b{width:27px;height:27px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:10px}.c67-section-title strong,.c67-section-title span{display:block}.c67-section-title strong{font-size:12px}.c67-section-title span{font-size:8.5px;color:#888}.c67-panel label{display:block;font-size:9px;font-weight:800;text-transform:uppercase;margin:12px 0 6px}.c67-panel select{width:100%;min-height:40px;border:1px solid #ddd;border-radius:9px;padding:9px;font-size:10px;background:#fafafa}.c67-colors{display:flex;flex-wrap:wrap;gap:7px}.c67-colors button{width:31px;height:31px;border-radius:50%;border:2px solid #fff;background:var(--c);box-shadow:0 0 0 1px #d7d7d2}.c67-colors button.active{box-shadow:0 0 0 2px #111}.c67-selected{font-size:9px;color:#777;margin-top:5px}.c67-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.c67-sizes button{min-height:42px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:9px;font-weight:800}.c67-sizes button small{display:block;font-size:6.5px;color:#999}.c67-sizes button.active{background:#111;color:#fff}.c67-sizes button:disabled{opacity:.35}.c67-stocknote{display:block;font-size:8px;color:#888;margin-top:6px}.c67-segment{display:grid;grid-template-columns:1fr 1fr;gap:5px}.c67-segment button{border:1px solid #ddd;background:#fff;border-radius:8px;min-height:38px;font-size:9px;font-weight:800}.c67-segment button.active{background:#111;color:#fff}.c67-print{display:grid;grid-template-columns:1fr 1fr;gap:5px}.c67-print button{border:1px solid #ddd;background:#fff;border-radius:8px;min-height:47px;font-size:9px;font-weight:800}.c67-print small{display:block;font-size:7px;color:#777}.c67-print button.active{background:#111;color:#fff}.c67-editor{min-width:0}.c67-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid #eee;gap:10px}.c67-toolbar strong,.c67-toolbar span{display:block}.c67-toolbar strong{font-size:11px}.c67-toolbar span{font-size:7.5px;color:#888}.c67-tools{display:flex;gap:4px;flex-wrap:wrap}.c67-tools button{min-width:34px;height:34px;border:1px solid #ddd;background:#fff;border-radius:7px;font-size:9px;font-weight:800}.c67-stage{min-height:650px;background:linear-gradient(#f2f1ed,#e8e6e0);display:grid;place-items:center;padding:25px}.c67-shirtwrap{position:relative;width:min(520px,92%);aspect-ratio:4/5;background:#fff;border-radius:14px;display:grid;place-items:center;overflow:hidden}.c67-shirtwrap>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.c67-area{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);border:1.5px dashed #777;touch-action:none;cursor:grab;z-index:3}.c67-area img{position:absolute;left:50%;top:50%;max-width:82%;max-height:82%;transform-origin:center;pointer-events:none}.c67-print-label{position:absolute;left:50%;top:31%;transform:translateX(-50%);background:#111;color:#fff;border-radius:999px;padding:4px 7px;font-size:6.5px}.c67-side-status{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee}.c67-side-status>div{padding:10px 12px}.c67-side-status>div+div{border-left:1px solid #eee}.c67-side-status span,.c67-side-status b{display:block}.c67-side-status span{font-size:7px;color:#999}.c67-side-status b{font-size:9px}.c67-library{position:sticky;top:76px}.c67-search{display:flex;align-items:center;border:1px solid #ddd;border-radius:9px;padding:0 9px;margin-bottom:9px}.c67-search input{border:0;outline:0;min-height:38px;width:100%;font-size:9.5px}.c67-designs{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:590px;overflow:auto}.c67-designs button{border:1px solid #e4e4e0;background:#fff;border-radius:9px;padding:6px;text-align:left}.c67-designs button.active{border:2px solid #111}.c67-designs button[hidden]{display:none!important}.c67-designs button>div{height:95px;background:#f3f2ef;border-radius:7px;display:grid;place-items:center;overflow:hidden}.c67-designs img{max-width:100%;max-height:100%;object-fit:contain}.c67-designs b,.c67-designs small{display:block}.c67-designs b{font-size:8.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c67-designs small{font-size:7.5px;color:#777}.c67-library-link{display:block;text-align:center;font-size:8.5px;font-weight:800;margin-top:10px}.c67-bottom{position:sticky;bottom:10px;z-index:30;margin-top:12px;background:#111;color:#fff;border-radius:14px;display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.c67-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.c67-summary span,.c67-summary b,.c67-total span,.c67-total strong{display:block}.c67-summary span,.c67-total span{font-size:7px;color:#999}.c67-summary b{font-size:9px}.c67-total{display:flex;align-items:center;gap:16px}.c67-total strong{font-size:17px}.c67-total .btn{background:#fff!important;color:#111!important;min-width:210px}.c67-total .btn:disabled{opacity:.45}
@media(max-width:1150px){.c67-layout{grid-template-columns:240px 1fr}.c67-library{grid-column:1/-1;position:static}.c67-designs{grid-template-columns:repeat(5,1fr);max-height:320px}}
@media(max-width:800px){.c67-page{padding:20px 10px 90px}.c67-head{display:block}.c67-steps{width:max-content;margin-top:12px}.c67-layout{grid-template-columns:1fr}.c67-editor{order:1}.c67-left{order:2}.c67-library{order:3}.c67-stage{min-height:500px}.c67-designs{grid-template-columns:repeat(3,1fr)}.c67-bottom{display:block}.c67-summary{grid-template-columns:1fr 1fr;gap:9px 16px}.c67-total{justify-content:space-between;margin-top:10px}.c67-total .btn{min-width:0}}
@media(max-width:520px){.c67-head h1{font-size:32px}.c67-toolbar{display:block}.c67-tools{margin-top:8px}.c67-stage{min-height:420px;padding:12px}.c67-designs{grid-template-columns:1fr 1fr}.c67-bottom{bottom:5px}.c67-total{display:grid;grid-template-columns:auto 1fr}.c67-total .btn{width:100%}}