/* Vertical Studio v0.6 — seleção de múltiplas coleções */
.collection-target-list{display:grid;gap:8px;margin-top:8px}
.collection-target-option{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-size:11px;font-weight:750;color:#3e2d48;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.collection-target-option:hover{background:#faf7fc;border-color:#cdb8d9}
.collection-target-option:has(input:checked){background:#f5eef9;border-color:#b997cd;box-shadow:inset 0 0 0 1px rgba(92,34,125,.05)}
.collection-target-option input{margin:0;accent-color:var(--purple)}
.collection-target-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Etapa 2 — Modo rápido de edição por áreas */
.template-quick-panel{display:grid;gap:14px;margin-top:18px;padding:16px;border:1px solid #dfd2e7;border-radius:15px;background:linear-gradient(180deg,#fbf8fd 0%,#fff 100%)}
.template-quick-panel[hidden]{display:none!important}
.template-quick-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.template-quick-head>div{display:grid;gap:5px}
.template-quick-head h3{margin:2px 0 0;font-size:15px;color:#382542}
.template-quick-head p{margin:0;max-width:720px;font-size:11px;line-height:1.5;color:var(--muted)}
.quick-palette-row{display:flex;gap:7px;flex-wrap:wrap;padding:10px;border:1px solid var(--border);border-radius:11px;background:#fff}
.quick-palette-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#faf8fb;border:1px solid #e9e1ed;font-size:9px;font-weight:800;color:#57425f;text-transform:capitalize}
.quick-palette-chip i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.quick-empty{font-size:10px;color:var(--muted)}
.quick-area-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.quick-area-tab{min-width:135px;display:grid;gap:3px;text-align:left;padding:10px 11px;border:1px solid #ddd3e4;border-radius:11px;background:#fff;color:#493552;cursor:pointer;font:inherit}
.quick-area-tab strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-area-tab small{font-size:9px;color:var(--muted)}
.quick-area-tab:hover{border-color:#c7add8;background:#fcf9fd}
.quick-area-tab.active{border-color:#9d72b8;background:#f3eaf8;box-shadow:inset 0 0 0 1px rgba(92,34,125,.08)}
.quick-area-tab.active strong{color:var(--purple)}
.quick-area-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--border)}
.quick-area-info{display:grid;gap:3px;min-width:180px}
.quick-area-info>span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#8b7498}
.quick-area-info>strong{font-size:13px;color:#3d2948}
.quick-area-info>small{font-size:9px;color:var(--muted)}
.quick-area-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.quick-area-actions label{display:grid;gap:5px;font-size:9px;font-weight:800;color:#665071}
.quick-area-actions .select{min-width:175px}

/* Biblioteca v0.7 — pastas por produto */
.library-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
.library-folder-group{min-width:0;border:1px solid var(--border);border-radius:16px;background:#faf9fb;padding:13px}
.library-folder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 11px}
.library-folder-head>div{display:flex;align-items:center;gap:8px;color:#3f2d48}
.library-folder-head strong{font-size:14px}
.library-folder-head small{font-size:10px;color:var(--muted)}
.library-folder-icon{width:26px;height:22px;border-radius:7px;background:#eee4f3;color:var(--purple);display:grid;place-items:center;font-size:11px}
.library-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
.library-folder-grid .library-card{min-width:0}

/* Miniaturas: mostrar a peça inteira, sem zoom/corte */
.library-thumb{height:165px!important;min-height:165px!important;padding:10px!important;box-sizing:border-box!important;background:#f5f3f6!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.library-thumb img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;background:transparent!important}
.library-pick-thumb{width:82px!important;height:68px!important;padding:5px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f5f3f6!important;overflow:hidden!important;flex:0 0 auto}
.library-pick-thumb img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important}
.library-folder-dialog .picker-dialog-body{padding:20px}
.library-folder-dialog .dialog-head{align-items:flex-start}
.library-folder-dialog .dialog-head .eyebrow{margin:0 0 3px}
.library-folder-dialog .dialog-head h3{margin:0}
.library-new-folder{padding:10px 12px;margin:8px 0;border:1px dashed #cfbfd8;border-radius:12px;background:#fbf8fd}
.library-new-folder .dialog-label{margin:0}
.library-folder-dialog .dialog-actions{display:flex;gap:8px;align-items:center}
.library-folder-dialog .dialog-spacer{flex:1}

/* Editor compacto — controles semelhantes aos quatro cartões iniciais */
.template-editor-grid{display:block!important;margin-top:14px!important}
.template-editor-grid>div{padding:12px!important;margin-bottom:12px!important}
.template-editor-grid h3{margin:0 0 9px!important;font-size:12px!important}
.template-color-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.template-color-controls .template-control{min-width:0;padding:8px 9px!important;border-radius:10px!important;font-size:9px!important;display:grid!important;grid-template-columns:1fr auto;align-items:center!important;gap:6px!important}
.template-color-row{gap:5px!important}.template-color-row input[type=color]{width:30px!important;height:27px!important}.template-color-row code{font-size:7px!important}
.template-psd-controls{grid-column:1/-1!important;margin-top:4px!important;padding-top:8px!important}
.template-art-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:start!important}
.template-art-controls>.art-editor-note{grid-column:1/-1!important;padding:8px 10px!important;font-size:9px!important}
.template-art-controls>.art-editor-note strong{font-size:10px!important}
.art-area-card{min-width:0!important;gap:7px!important;padding:9px!important;border-radius:11px!important}
.art-area-head{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.art-area-head strong{font-size:10px!important}.art-area-head small{font-size:8px!important}.art-area-actions{gap:4px!important}.art-area-actions .btn{padding:5px 7px!important;font-size:8px!important}
.art-type-toolbar{padding:6px!important;gap:4px!important}.art-type-toolbar>span{width:100%;font-size:8px!important}.art-type-btn{font-size:8px!important;padding:5px 6px!important;border-radius:7px!important}
.art-empty{padding:10px 7px!important;font-size:8px!important;line-height:1.35!important;min-height:42px!important;display:grid;place-items:center}
.art-layer-card summary{padding:6px 7px!important}.art-layer-title strong{font-size:9px!important}.art-layer-title small{font-size:7px!important}.art-layer-icons button{padding:3px 4px!important;font-size:9px!important}
.art-layer-body{padding:7px!important;gap:7px!important}.art-layer-phase-actions{gap:4px!important}.art-layer-phase-actions .btn{padding:5px 6px!important;font-size:8px!important}.replicate-box{margin-left:0!important;width:100%!important}.replicate-box select{min-width:0!important;flex:1}
.art-properties-grid,.art-properties-grid.compact,.art-properties-grid.text-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.art-properties-grid label{font-size:7px!important;gap:3px!important}.art-properties-grid input[type=number],.art-properties-grid input[type=text],.art-properties-grid select,.replicate-box select{min-height:28px!important;padding:4px 5px!important;font-size:8px!important}.art-properties-grid input[type=color]{height:28px!important}.art-properties-grid label.wide{grid-column:1/-1!important}

@media(max-width:1180px){.template-color-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}.template-art-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.template-quick-head,.quick-area-summary{flex-direction:column;align-items:stretch}.quick-area-actions{justify-content:flex-start;align-items:stretch}.quick-area-actions label,.quick-area-actions .select{width:100%}.quick-area-actions .btn{flex:1}.library-folder-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.library-thumb{height:145px!important}.library-folder-dialog .dialog-actions{flex-wrap:wrap}.library-folder-dialog .dialog-spacer{display:none}.template-color-controls,.template-art-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.template-color-controls,.template-art-controls{grid-template-columns:1fr!important}}