.import-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem 4vw;border-bottom:1px solid #d8c7ae;background:#f8f2e6}
.import-header a{color:#963b2b}.import-main{max-width:1580px;margin:auto;padding:2rem 4vw 4rem}.import-intro h1{font-family:"Noto Serif CJK SC","Songti SC",serif;font-size:clamp(2rem,4vw,3.5rem);margin:.3rem 0}.eyebrow{letter-spacing:.2em;color:#8b4735}.import-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(280px,1.35fr) minmax(240px,.85fr);gap:1.2rem;align-items:start}.import-panel{padding:1.3rem;background:#fffaf0;border:1px solid #dfd0b9;border-radius:10px;box-shadow:0 5px 18px #5c412009}.import-panel h2{font-size:1.05rem;color:#8b4735;margin-top:0}.import-panel label:not(.check-label){display:block;margin:.6rem 0}.import-panel input:not([type=checkbox]),.import-panel select,.import-panel textarea{width:100%;max-width:100%;box-sizing:border-box;margin-top:.35rem;padding:.65rem;border:1px solid #cdbd9f;border-radius:5px;background:#fffdf8;color:#332e27}.import-panel button{padding:.6rem .85rem;white-space:normal}.import-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.75rem 0}.import-actions label{flex:1}.file-label{border:1px dashed #ac8b5b;padding:.8rem;border-radius:6px;background:#efe6d2}.import-panel input[type=file]{padding:.3rem;font-size:.85rem}.import-panel details{border-top:1px solid #dfd0b9;margin-top:1rem;padding-top:1rem}.import-panel summary{cursor:pointer;color:#84452f}.import-panel textarea{font-family:monospace;font-size:.8rem;resize:vertical;overflow-wrap:anywhere}.muted,#queue-status,#palette-help{font-size:.85rem;line-height:1.6;color:#766c5d}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.check-label{display:flex;align-items:flex-start;gap:.5rem;margin:1rem 0;font-size:.9rem}.check-label input{margin-top:.25rem}.piece-palette{display:flex;gap:.4rem;flex-wrap:wrap}.piece-palette button{width:2.5rem;height:2.5rem;padding:0;border-radius:50%;border:1px solid #b99b71;font-family:"Noto Serif CJK SC",serif;font-size:1.2rem;background:#f1ddb4}.piece-palette button.selected{outline:3px solid #a35034;outline-offset:2px}.piece-palette .red-piece{color:#a12c22}.piece-palette .black-piece{color:#282620}#editor-board{touch-action:manipulation;cursor:crosshair}#image-preview{max-width:100%;height:auto;display:block;cursor:crosshair}#image-area{max-height:560px;overflow:auto;background:#eadcc8;border-radius:5px}#import-message{min-height:1.8rem;color:#315941;overflow-wrap:anywhere}#import-message.error,#position-check.error{color:#9a2c23}#position-check{font-size:.85rem;line-height:1.6}#save-puzzle{width:100%;background:#8e3828;color:#fff9ec}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}
@media(max-width:1100px){.import-layout{grid-template-columns:1fr 1.2fr}.metadata-panel{grid-column:1/-1}.metadata-panel form{max-width:650px}}
@media(max-width:680px){.import-header{font-size:.85rem;flex-wrap:wrap}.import-main{padding:1.2rem 4vw}.import-layout{grid-template-columns:minmax(0,1fr)}.metadata-panel{grid-column:auto}.import-panel{padding:1rem}.import-intro p{font-size:.9rem}}
.cbl-list{max-height:260px;overflow:auto;border:1px solid #dfd0b9;border-radius:5px;background:#fffdf8;padding:.4rem .7rem;margin:.6rem 0}
.cbl-list p{margin:.2rem 0;font-size:.85rem;line-height:1.5}
#cbl-stats{font-size:.9rem;line-height:1.6;color:#315941}