:root{--bg:#f7fafc;--card:#fff;--accent:#0b74ef;--muted:#6b7280}body{background:var(--bg);color:#0f172a;margin:0;font-family:Inter,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}.container{max-width:1080px;margin:20px auto;padding:18px}.header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.header h1{margin:0;font-size:18px}.card{background:var(--card);border-radius:12px;padding:18px;box-shadow:0 4px 18px #0f172a0f}.stepbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress{background:#e6eefc;border-radius:8px;width:320px;height:8px;overflow:hidden}.progress>i{background:var(--accent);width:0%;height:100%;transition:width .3s;display:block}.step-info{color:var(--muted);font-size:13px}.question{margin-bottom:14px}.question label{margin-bottom:6px;font-weight:700;display:block}.hint{color:var(--muted);margin-bottom:6px;font-size:13px}.options{flex-wrap:wrap;gap:8px;display:flex}.option{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:8px 12px;transition:all .15s}.option:hover{border-color:var(--accent);background:#f0f7ff}.option.active{background:var(--accent);color:#fff;border-color:#0000}.checkbox-list{flex-direction:column;gap:8px;display:flex}.input-text{background:#fbfdff;border:1px solid #e6eefc;border-radius:8px;width:100%;padding:8px}.small{color:var(--muted);font-size:13px}.pages-fixed{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.fixed-page{background:#eef6ff;border:1px solid #dbeafe;border-radius:8px;padding:8px 10px}.pages-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.page-select{background:#fff;border:1px solid #e6eefc;border-radius:8px;width:100%;padding:8px}.page-block{background:#fbfdff;border:1px solid #eef3ff;border-radius:8px;padding:10px}textarea{background:#fff;border:1px solid #e6eefc;border-radius:8px;width:100%;min-height:88px;padding:8px}.controls{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-size:14px}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn.ghost:hover{background:#f0f7ff}.priority-select{background:#fff;border:1px solid #e6eefc;border-radius:6px;width:160px;padding:6px}.candidate-card{background:#fff;border:1px solid #e9f0ff;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.candidate-thumb{color:#7b8798;background:#f8fbff;border:1px dashed #cbdcff;border-radius:6px;justify-content:center;align-items:center;width:160px;height:90px;font-weight:600;display:flex}.confirm-text{white-space:pre-wrap;background:#fbfdff;border:1px solid #eef6ff;border-radius:8px;padding:12px;font-size:14px}.confirm-area{white-space:pre-wrap;background:#fbfdff;border:1px solid #eef6ff;border-radius:8px;padding:12px;font-family:inherit}.assets-upload-wrap{background:#fcfeff;border:1px dashed #dbeafe;border-radius:8px;margin-top:8px;padding:12px}.type-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #dbeafe;border-radius:12px;padding:20px;transition:all .2s}.type-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0b74ef1f}.type-card.active{border-color:var(--accent);background:#f0f7ff}.type-card h3{margin:0 0 6px;font-size:16px}.type-card p{color:var(--muted);margin:0;font-size:13px}.type-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:560px;margin:16px auto;display:grid}.personal-form{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.personal-form label{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.personal-form input{background:#fff;border:1px solid #e6eefc;border-radius:8px;width:100%;padding:10px;font-size:14px}.section{margin-bottom:14px}.label{margin-bottom:8px;font-weight:700;display:block}@media (width<=900px){.pages-grid{grid-template-columns:repeat(2,1fr)}.type-grid,.personal-form{grid-template-columns:1fr}}.ai-hint{align-items:flex-start;gap:7px;margin:4px 0 8px;line-height:1.5;display:flex}.ai-hint-badge{white-space:nowrap;border:1px solid;border-radius:20px;flex-shrink:0;margin-top:1px;padding:2px 7px;font-size:11px;font-weight:700}.ai-hint-text{color:#4b5563;font-size:12px}.company-info-form{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.company-info-field{flex-direction:column;gap:4px;display:flex}.company-info-full{grid-column:1/-1}.company-info-label{color:#374151;font-size:13px;font-weight:600}.asset-upload-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.asset-upload-section{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;padding:12px}.asset-upload-title{color:#1e40af;margin-bottom:8px;font-size:14px;font-weight:700}.asset-uploader-zip{flex-direction:column;gap:8px;display:flex}.auz-trigger{border:1px dashed var(--accent);cursor:pointer;color:var(--accent);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .15s;display:inline-flex}.auz-trigger:hover:not(.disabled){background:#f0f7ff}.auz-trigger.disabled{opacity:.5;cursor:not-allowed}.auz-trigger-icon{font-size:16px;line-height:1}.auz-hint{margin-left:2px}.auz-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.auz-item{background:#eef3ff;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.auz-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.auz-size{color:var(--muted);white-space:nowrap}.auz-done{color:#16a34a;font-weight:700}.auz-progress{color:#1d4ed8}.auz-error{color:#dc2626}@media (width<=900px){.company-info-form,.asset-upload-grid{grid-template-columns:1fr}}.color-dot{vertical-align:middle;border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-right:5px;display:inline-block}.color-custom-option{align-items:center;gap:4px;display:flex}.color-add-btn{color:var(--accent);background:#f0f7ff;border-style:dashed}.color-add-btn:hover{background:#e0efff}.priority-color-dot{border:1px solid #0000001f;border-radius:4px;width:20px;height:8px;margin:0 auto;display:block}.custom-color-picker{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;margin-top:10px;padding:14px}.custom-color-tabs{gap:6px;margin-bottom:12px;display:flex}.ccp-tab{cursor:pointer;color:var(--muted);background:#fff;border:1px solid #dbeafe;border-radius:8px;padding:6px 14px;font-size:13px}.ccp-tab.active{background:var(--accent);color:#fff;border-color:#0000}.ccp-body{flex-direction:column;gap:8px;display:flex}.ccp-native-input{cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:8px;width:80px;height:48px;padding:2px}.ccp-preview-row{align-items:center;gap:10px;display:flex}.ccp-swatch{border:1px solid #0000001f;border-radius:6px;flex-shrink:0;width:28px;height:28px;display:inline-block}.ccp-hex{color:#0f172a;font-family:monospace;font-size:14px}.ccp-upload-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#fff;border-radius:8px;padding:7px 14px;font-size:13px;display:inline-block}.ccp-upload-btn:hover{background:#f0f7ff}.ccp-canvas{border:1px solid #dbeafe;border-radius:8px;max-width:100%;display:none}.ccp-canvas.loaded{cursor:crosshair;display:block}.ccp-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}