.character-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.character-actions button{display:inline-flex;align-items:center;gap:8px}.character-helper{font-size:13px;color:var(--muted-foreground);line-height:1.6;margin:0}.character-field{display:grid;gap:8px;font-size:14px}.character-field input,.character-field textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--background);padding:10px 12px;color:var(--foreground)}.character-main-preview{display:block;height:270px;max-width:100%;margin:0 auto;object-fit:contain;border-radius:12px}.character-upload{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:156px;border:1px dashed var(--border);border-radius:12px;background:var(--muted);cursor:pointer;text-align:center;padding:16px}.character-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.character-upload:focus-within{outline:2px solid var(--primary);outline-offset:3px}.character-upload svg{width:28px;height:28px}.character-upload img{height:200px;max-width:100%;object-fit:contain;border-radius:8px}.character-upload:has(input:disabled){opacity:.55;cursor:wait}.character-optional{border-top:1px solid var(--border);padding-top:12px}.character-optional summary{cursor:pointer;font-size:14px;padding:5px 0}.character-optional summary small{color:var(--muted-foreground);margin-left:6px}.character-optional[open]>summary{margin-bottom:12px}.character-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.character-extra-grid .character-upload{min-height:90px;padding:6px}.character-extra-grid .character-upload img{height:90px}.character-extra-grid button{font-size:12px;margin-top:6px}.character-wide-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px}.character-portrait-form{display:grid;gap:16px}.character-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.character-style-grid button{display:grid;gap:6px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--background)}.character-style-grid button[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--background))}.character-style-grid small{font-size:12px;color:var(--muted-foreground)}.character-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;padding:12px;border-radius:10px;background:var(--muted)}.character-recent{display:flex;gap:10px;overflow-x:auto}.character-recent img{height:100px;width:72px;object-fit:cover;border-radius:8px}.character-card-cover{width:100%;height:220px;object-fit:contain;border-radius:10px;background:var(--background)}.portrait-filter,.portrait-tabs{display:flex;flex-wrap:wrap;gap:8px}.portrait-filter button,.portrait-tabs button{padding:10px 16px;min-height:44px;border-radius:10px;color:var(--muted-foreground)}.portrait-filter button[aria-pressed=true],.portrait-tabs button[aria-pressed=true]{background:var(--muted);color:var(--foreground)}.portrait-tabs button[aria-pressed=true]{box-shadow:inset 0 -2px var(--primary)}.portrait-gallery{display:grid;gap:18px}.portrait-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.portrait-template-card{text-align:left;border-radius:12px;overflow:hidden;background:var(--muted);border:1px solid var(--border)}.portrait-template-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}.portrait-template-card>span{display:flex;justify-content:space-between;gap:6px;align-items:center;padding:10px;font-size:12px}.portrait-template-card strong{white-space:nowrap;font-weight:500;color:var(--primary)}.portrait-filter button:focus-visible,.portrait-tabs button:focus-visible,.portrait-template-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.portrait-template-card:hover{border-color:var(--primary)}.character-template-preview{height:240px;max-width:100%;object-fit:contain;margin:auto;border-radius:12px}.portrait-own-photo{min-height:90px;padding:8px}.portrait-own-photo img{height:100px}@media(max-width:1000px){.portrait-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.portrait-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portrait-template-card>span{flex-wrap:wrap}.character-template-preview{height:190px}}@media(max-width:480px){.character-main-preview{height:230px}.character-style-grid button{padding:10px}.character-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.character-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-new{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border-radius:10px;background:var(--muted);white-space:nowrap}.character-person-card{display:flex;flex-direction:column;gap:12px;align-self:start}.character-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.character-card-heading strong{overflow-wrap:anywhere;flex:1;min-width:0}.character-edit{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 8px;border-radius:8px;flex-shrink:0;font-size:13px;color:var(--foreground)}.character-edit:focus-visible,.character-edit:hover{background:var(--muted);color:var(--primary)}.character-delete{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;color:var(--muted-foreground)}.character-delete:focus-visible,.character-delete:hover{background:var(--muted);color:var(--destructive)}.character-remove-voice{display:inline-flex;gap:6px;align-items:center;margin-top:12px;min-height:36px}.character-recycle{font-size:13px;color:var(--muted-foreground)}.character-recycle summary{cursor:pointer;padding:10px 0}.character-recycle>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.character-recycle button{min-height:36px;color:var(--foreground)}.portrait-template-card>span{justify-content:center;padding:8px}.portrait-template-card>.portrait-card-caption{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px}.portrait-card-caption strong{color:var(--foreground);white-space:normal;line-height:1.5}.portrait-card-caption small{color:var(--muted-foreground);font-size:12px}.portrait-filter-tools>input,.portrait-prompt-options :is(input,select){border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);padding:9px 10px}.portrait-prompt-options :disabled{opacity:.6}.portrait-prompt-options :is(input,select):focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:600px){.portrait-gallery>.portrait-filter{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:5px}.portrait-gallery>.portrait-filter button{flex:0 0 auto;white-space:nowrap}}.portrait-filter-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px}.portrait-filter-tools>input{min-height:44px;max-width:240px}.portrait-select{display:flex;align-items:center;gap:8px}.portrait-select>span{color:var(--muted-foreground)}.portrait-select select{min-height:44px;max-width:180px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px}.portrait-more-filters summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.portrait-more-filters>div{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}.portrait-empty{padding:32px;text-align:center;border:1px dashed var(--border);border-radius:12px}.portrait-empty button{min-height:44px;color:var(--primary)}.portrait-prompt-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portrait-prompt-options label{display:grid;gap:5px;font-size:13px}.portrait-prompt-options :is(input,select){width:100%;min-width:0;min-height:44px}.portrait-template-meta{display:flex;flex-wrap:wrap;gap:6px}.portrait-template-meta span{font-size:12px;padding:4px 8px;background:var(--muted);border-radius:6px}@media(max-width:600px){.portrait-filter-tools>input{max-width:none;width:100%}.portrait-select select{max-width:150px}.portrait-filter{gap:4px}.portrait-filter button{padding:8px 10px}.portrait-more-filters>div{flex-direction:column;align-items:start}.portrait-prompt-options{gap:8px}}.character-audio-sample{margin-top:12px;min-width:0}.character-audio-controls{display:flex;align-items:center;gap:8px;min-height:52px;padding:4px 6px;border:1px solid var(--border);border-radius:12px;background:var(--muted);color:var(--foreground)}.character-audio-controls button{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;border-radius:8px;cursor:pointer}.character-audio-controls button:hover{background:var(--background)}.character-audio-controls svg{width:18px;height:18px}.character-audio-controls .character-audio-time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.character-audio-controls input[type=range]{flex:1;min-width:30px;width:0;height:44px;min-height:44px;padding:0;accent-color:var(--primary);background:transparent;border:0;cursor:pointer}.character-audio-controls :is(button,input):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.character-audio-controls :disabled{opacity:.5;cursor:not-allowed}.character-audio-menu [role=menuitem]{min-height:44px}.character-edit-dialog{gap:12px}.character-edit-identity{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;border:0;padding:0;min-width:0}.character-edit-identity .character-upload{height:120px;min-height:0;padding:0;overflow:hidden;border-style:solid;background:var(--muted)}.character-edit-identity .character-upload img{height:100%;width:100%;object-fit:contain;border-radius:0}.character-photo-change{position:absolute;bottom:0;left:0;right:0;padding:5px 0;background:rgb(0 0 0/.7);color:white;font-size:12px}.character-edit-identity .character-field{min-width:0}.character-edit-dialog .character-optional{border:0;padding:0}.character-edit-dialog .character-optional>summary{min-height:44px;align-content:center;padding:0;color:var(--muted-foreground)}.character-voice-actions{display:flex;align-items:center;gap:12px;min-height:44px}.character-file-action{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px}.character-file-action input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.character-file-action:focus-within,.character-help-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.character-file-action:has(input:disabled){opacity:.5;cursor:wait}.character-help-toggle{display:grid;place-items:center;margin-left:auto;width:44px;height:44px;border-radius:8px;color:var(--muted-foreground)}.character-help-toggle svg{width:18px;height:18px}.character-help-toggle:hover{background:var(--muted);color:var(--foreground)}.character-edit-voice{min-width:0;display:grid;gap:8px}.character-edit-voice .character-audio-sample{margin-top:0}.character-consent{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:var(--muted-foreground);cursor:pointer}.character-consent input{width:16px;height:16px;accent-color:var(--primary)}@media(max-width:480px){.portrait-tabs{gap:2px}.portrait-tabs button{padding:8px 10px}.character-toolbar{gap:4px}}