.form-layout{max-width:760px;margin:0 auto;padding:28px 24px 100px}.section{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:22px}.section-head{align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.section-head h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.section-head .num{background:var(--bg-sunken);width:22px;height:22px;color:var(--ink-2);border-radius:50%;flex-shrink:0;align-self:center;place-items:center;font-size:11px;font-weight:700;display:grid}.section-head .req{color:var(--ink-3);align-self:center;margin-left:auto;font-size:11px;font-weight:500}.type-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.type-card{border:1.5px solid var(--line);background:var(--bg-elev);cursor:pointer;border-radius:10px;padding:18px;transition:all .12s;position:relative}.type-card:hover{border-color:var(--line-strong)}.type-card.selected{border-color:var(--ink);background:var(--bg);box-shadow:0 0 0 4px #1a19160d}.type-card input{opacity:0;pointer-events:none;position:absolute}.type-card .ic{background:var(--bg-sunken);width:36px;height:36px;color:var(--ink-2);border-radius:9px;place-items:center;margin-bottom:12px;display:grid}.type-card.selected .ic{background:var(--ink);color:var(--bg)}.type-card .ttl{align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.type-card .badge-free,.type-card .badge-paid{letter-spacing:.04em;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.type-card .badge-free{color:#195c2e;color:lab(33.9739% -30.2506 20.0105);background:#d1f2d7;background:lab(92.5444% -14.8149 9.47522)}.type-card .badge-paid{color:#7b3600;color:lab(31.9297% 31.0937 48.6687);background:#ffe2ca;background:lab(91.7306% 10.8732 20.5771)}.type-card .desc{color:var(--ink-3);margin-bottom:12px;font-size:12.5px;line-height:1.55}.type-card .feats{color:var(--ink-2);flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.type-card .feats li{align-items:center;gap:6px;display:flex}.type-card .feats li:before{content:"";background:var(--ink-3);border-radius:50%;flex-shrink:0;width:4px;height:4px}.type-card .price{border-top:1px solid var(--line);color:var(--ink);margin-top:12px;padding-top:12px;font-size:13px}.type-card .price b{font-size:15px;font-weight:700}.cat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cat-chip{border:1.5px solid var(--line);background:var(--bg-elev);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:13.5px;font-weight:500;transition:all .12s;display:flex}.cat-chip:hover{border-color:var(--line-strong)}.cat-chip.selected{border-color:var(--ink);background:var(--bg);color:var(--ink);font-weight:600}.cat-chip input{display:none}.cat-chip .ic{font-size:18px}.uploader{border:2px dashed var(--line-strong);text-align:center;background:var(--bg);cursor:pointer;border-radius:10px;padding:32px 20px;transition:all .12s}.uploader:hover,.uploader.drag{border-color:var(--ink);background:var(--bg-elev)}.uploader .ic{background:var(--bg-sunken);width:44px;height:44px;color:var(--ink-2);border-radius:11px;place-items:center;margin:0 auto 12px;display:grid}.uploader h3{margin:0 0 4px;font-size:14px;font-weight:600}.uploader p{color:var(--ink-3);margin:0;font-size:12px}.uploader .formats{color:var(--ink-3);gap:6px;margin-top:14px;font-size:11px;display:inline-flex}.uploader .formats span{background:var(--bg-sunken);border-radius:4px;padding:2px 7px}.upload-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.upload-item{aspect-ratio:1;border:1px solid var(--line);background-image:repeating-linear-gradient(135deg,#e6e2d8 0 8px,#efece5 8px 16px);border-radius:8px;position:relative;overflow:hidden}.upload-item .ph{color:var(--ink-3);text-align:center;place-items:center;padding:6px;font:10px ui-monospace,monospace;display:grid;position:absolute;inset:0}.upload-item .rm{width:22px;height:22px;color:var(--bg);background:#14120ccc;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.upload-item .label{color:var(--bg);text-align:center;background:#14120ccc;border-radius:4px;padding:3px 6px;font-size:10.5px;position:absolute;bottom:6px;left:6px;right:6px}.checkpoints{flex-direction:column;gap:8px;display:flex}.cp-item{background:var(--bg);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.cp-item .num{background:var(--ink);width:18px;height:18px;color:var(--bg);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.cp-item input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:14px}.cp-item input::placeholder{color:var(--ink-3)}.cp-item button{width:30px;height:30px;color:var(--ink-3);border-radius:6px;place-items:center;display:grid}.cp-item button:hover{background:var(--bg-sunken);color:var(--ink)}.cp-add{border:1px dashed var(--line-strong);color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.cp-add:hover{border-color:var(--ink-2);color:var(--ink);background:var(--bg-elev)}.tag-input-wrap{border:1px solid var(--line-strong);background:var(--bg-elev);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:8px;display:flex}.tag-input-wrap:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #1a19160f}.tag-input-wrap input{background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:4px;font-size:14px}.tag-pill{background:var(--ink);color:var(--bg);border-radius:100px;align-items:center;gap:4px;padding:4px 4px 4px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag-pill button{color:#f7f5f0b3;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.tag-pill button:hover{color:var(--bg);background:#ffffff26}.tag-suggest{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tag-suggest button{color:var(--ink-3);border:1px solid var(--line);background:var(--bg);border-radius:100px;padding:4px 9px;font-size:12px;transition:all .1s}.tag-suggest button:hover{color:var(--ink);border-color:var(--line-strong)}.priority-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.pri-card{border:1.5px solid var(--line);background:var(--bg-elev);cursor:pointer;text-align:center;border-radius:8px;padding:12px;transition:all .12s}.pri-card.selected{border-color:var(--ink);background:var(--bg)}.pri-card .ttl{margin-bottom:2px;font-size:13px;font-weight:700}.pri-card .desc{color:var(--ink-3);font-size:11px}.pri-card .price{color:var(--ink);margin-top:6px;font-size:12px;font-weight:600}.submit-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:30;background:#f7f5f0f2;justify-content:space-between;align-items:center;gap:14px;margin:18px -24px -100px;display:flex;position:sticky;bottom:0}.submit-summary{flex-direction:column;gap:2px;min-width:0;display:flex}.submit-summary .l{color:var(--ink-3);font-size:11px}.submit-summary .v{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.submit-actions{flex-shrink:0;gap:8px;display:flex}@media (max-width:760px){.form-layout{padding:18px 16px 140px}.section{padding:16px}.type-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.priority-grid{grid-template-columns:1fr}.upload-list{grid-template-columns:repeat(2,1fr)}.submit-bar{padding:14px 16px calc(14px + env(safe-area-inset-bottom));margin:18px -16px -140px}.submit-summary .v{font-size:14px}.submit-actions .btn{padding:9px 14px;font-size:13.5px}.submit-actions .btn-outline{display:none}}
