.folder-section{margin:30px 0 12px}.folder-section h3{margin:0;font-size:19px;letter-spacing:-.4px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px;margin:18px 0 22px}.folder-card{position:relative;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--folder-color) 6%,white);transition:box-shadow .15s,border-color .15s}.folder-card:hover{box-shadow:0 5px 16px #2028200d}.folder-card.active{border-color:var(--folder-color);box-shadow:0 0 0 1px var(--folder-color)}.folder-open{width:100%;min-height:142px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;border:0;background:transparent;text-align:left}.folder-open:hover{background:transparent}.folder-open strong{overflow-wrap:anywhere;padding-right:14px;color:var(--ink);font-size:15px}.folder-open small{font-weight:400;color:#62695f}.folder-icon{display:inline-block;width:38px;height:27px;border-radius:3px 5px 5px 5px;background:var(--folder-color);position:relative;flex:none;margin:9px 0 6px;box-shadow:inset 0 -2px 0 #00000010}.folder-icon:before{content:'';position:absolute;top:-6px;left:0;width:18px;height:9px;border-radius:4px 5px 0 0;background:var(--folder-color)}.folder-icon:after{content:'';position:absolute;inset:4px 0 0;background:#ffffff24;border-radius:3px}.folder-options{position:absolute;right:7px;top:7px;padding:0;min-width:36px;min-height:36px;background:transparent;border:0;letter-spacing:2px}.folder-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px}.folder-nav button{font-size:13px;border-radius:24px;padding:9px 16px}.folder-nav [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.folder-current{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;overflow-wrap:anywhere;min-width:0}.folder-current .folder-icon,.drawing-folder .folder-icon{width:16px;height:11px;margin:5px 0 0}.folder-current .folder-icon:before,.drawing-folder .folder-icon:before{width:8px;height:5px;top:-3px}.folders-empty{grid-column:1/-1;padding:24px;margin:0;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:14px}.drawing-selection{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0 0;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.drawing-selection button{font-size:13px;padding:8px 12px}.select-drawings{display:flex;gap:10px;align-items:center;margin:0;margin-right:auto}.select-drawings input,.drawing input.drawing-checkbox{width:18px;height:18px;margin:0;flex:none;accent-color:var(--red);cursor:pointer}.drawing-folder{display:inline-flex;align-items:center;gap:7px;margin-top:9px;font-size:12px;color:var(--muted)}.folder-dialog{width:min(440px,calc(100% - 32px));box-sizing:border-box;max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:28px;color:var(--ink);box-shadow:0 24px 100px #0003}.folder-dialog::backdrop{background:#1c241d77;backdrop-filter:blur(3px)}.folder-dialog h2{font-size:24px;margin:0 0 20px;overflow-wrap:anywhere}.folder-dialog p{line-height:1.6}.folder-preview{display:flex;align-items:center;gap:18px;background:#f4f3ed;border-radius:10px;padding:18px;font-size:14px;color:var(--muted)}.folder-colors{display:flex;gap:9px;flex-wrap:wrap;padding:0;border:0;margin:20px 0 12px}.folder-colors legend{font-size:14px;font-weight:600;margin-bottom:12px}.folder-swatch{width:32px;min-height:32px;padding:0;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ddd}.folder-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.folder-swatch:hover{filter:brightness(1.1)}.folder-custom{display:flex;align-items:center;gap:14px}.folder-custom input{width:48px;height:36px;padding:3px;margin:0;cursor:pointer}.folder-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.folder-dialog .folder-delete{width:auto;background:none;border:0;color:#a73524;font-size:13px;padding-left:0}.folder-error{color:#a73524;font-size:14px}.folder-error:empty{display:none}.folder-dialog select{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font:inherit;margin-top:8px}.folder-dialog button:disabled{opacity:.55}.folder-dialog input:focus-visible,.folder-dialog select:focus-visible{outline:3px solid #3675bb;outline-offset:3px}
@media(max-width:600px){.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.folder-open{padding:16px 12px;min-height:138px}.folder-section .section-heading{gap:10px}.folder-section .section-heading button{padding:10px;font-size:13px}.drawing div{flex-basis:calc(100% - 32px)}.drawing-selection{gap:8px}.select-drawings{width:100%}.folder-dialog{padding:22px}.folder-swatch{width:30px;min-height:30px}}
@media(prefers-reduced-motion:reduce){.folder-card{transition:none}}