:root{--pid-bg:#f4f7fb;--pid-ink:#101827;--pid-muted:#64748b;--pid-accent:#2563eb;--pid-accent2:#14b8a6;--pid-panel:#ffffff;--pid-border:#dbe4ef}
body{background:var(--pid-bg)}
.photoid-wordmark{display:flex!important;align-items:center;gap:10px;font-weight:800;font-size:18px;text-decoration:none;color:inherit}.wordmark-icon,.login-card-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--pid-accent),var(--pid-accent2));color:#fff;font-weight:900;letter-spacing:-1px}.photoid-login .login-brand{background:radial-gradient(circle at 20% 20%,rgba(20,184,166,.22),transparent 30%),linear-gradient(145deg,#0f172a,#172554)}.brand-symbol{width:90px;height:90px;border-radius:28px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;background:rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.28)}.brand-symbol:before{content:'AT';font-size:32px;font-weight:900;color:white}.brand-symbol span{display:none}.photoid-auth .login-card{border-radius:26px;box-shadow:0 25px 80px rgba(15,23,42,.14)}
.photoid-hero{background:linear-gradient(135deg,#0f172a,#172554 58%,#0f766e);color:#fff}.photoid-hero p{color:#dbeafe}.hero-id-card{width:210px;height:140px;border-radius:24px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);display:flex;gap:18px;align-items:center;padding:22px;backdrop-filter:blur(8px)}.hero-id-face{width:64px;height:78px;border-radius:28px 28px 20px 20px;background:rgba(255,255,255,.72)}.hero-id-lines{flex:1}.hero-id-lines i{display:block;height:7px;border-radius:8px;background:rgba(255,255,255,.58);margin:10px 0}.hero-id-lines i:nth-child(2){width:82%}.hero-id-lines i:nth-child(3){width:64%}
.studio-page{display:grid;gap:22px}.studio-head p{margin:.35rem 0 0;color:var(--pid-muted)}.privacy-pill{padding:9px 13px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:700;font-size:13px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:20px;align-items:start}.camera-panel,.settings-panel,.editor-panel{background:var(--pid-panel);border:1px solid var(--pid-border);border-radius:22px;box-shadow:0 14px 40px rgba(15,23,42,.06)}.camera-panel{padding:16px}.settings-panel{padding:18px;position:sticky;top:18px}.settings-panel h2{margin:0 0 16px}.camera-toolbar,.capture-actions,.capture-hints,.editor-head,.editor-actions,.download-row{display:flex;align-items:center;gap:10px}.camera-toolbar{margin-bottom:12px;flex-wrap:wrap}.camera-toolbar select{min-width:220px}.ai-status{margin-left:auto;font-size:12px;color:var(--pid-muted)}.camera-stage{position:relative;overflow:hidden;background:#090d14;border-radius:18px;aspect-ratio:16/10;min-height:420px}.camera-stage video,.camera-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-stage canvas{pointer-events:none}.camera-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:white;gap:5px;background:linear-gradient(135deg,#111827,#1e293b)}.camera-empty[hidden]{display:none}.camera-empty span{color:#94a3b8}.capture-actions{justify-content:center;margin-top:14px}.capture-button{min-width:180px;font-size:16px}.capture-hints{justify-content:center;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#64748b}.capture-hints .ok{color:#059669;font-weight:700}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.toggle-list{display:grid;gap:8px;margin:14px 0}.toggle-list label{display:flex;align-items:center;gap:8px;font-size:13px}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range-grid label{font-size:12px}.range-grid input[type=range],.settings-panel>form>label input[type=range]{width:100%}.form-note{min-height:18px;font-size:12px;color:#0f766e;margin-top:8px}.editor-panel{padding:18px}.editor-head{justify-content:space-between;margin-bottom:14px}.editor-head h2{margin:.2rem 0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-grid>div{background:#eef2f7;border-radius:16px;padding:12px}.result-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px}.result-grid canvas{display:block;max-width:100%;max-height:520px;margin:auto;background:white;box-shadow:0 6px 22px rgba(15,23,42,.12)}.download-row{justify-content:space-between;margin-top:14px}.download-row label{min-width:320px}.output-info{font-size:13px;color:#64748b}
.theme-dark{--pid-bg:#0b1220;--pid-ink:#e5edf8;--pid-muted:#94a3b8;--pid-panel:#111827;--pid-border:#273449}.theme-dark .camera-panel,.theme-dark .settings-panel,.theme-dark .editor-panel{background:var(--pid-panel)}.theme-dark .result-grid>div{background:#0f172a}
@media(max-width:1050px){.studio-layout{grid-template-columns:1fr}.settings-panel{position:static}.camera-stage{min-height:340px}}@media(max-width:700px){.mini-grid,.range-grid,.result-grid{grid-template-columns:1fr}.camera-stage{min-height:280px}.editor-head,.download-row{align-items:stretch;flex-direction:column}.download-row label{min-width:0}.privacy-pill{display:none}}

/* Estudio fotográfico: controles refinados */
.settings-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.settings-title-row h2{margin:0 0 4px}.settings-title-row p{margin:0;color:var(--pid-muted);font-size:12px;line-height:1.45}.settings-block{padding:14px;border:1px solid #e5eaf1;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfe);margin-bottom:12px}.block-caption{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7b8798;margin-bottom:10px}.field-label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#334155}.field-label>span:first-child{line-height:1.2}.studio-control,.settings-panel select,.settings-panel input[type=text],.settings-panel input[type=number],.download-row input{width:100%;min-height:42px;border:1px solid #d7dee8;border-radius:11px;background:#fff;color:#172033;padding:9px 11px;font:inherit;outline:none;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.studio-control:hover,.settings-panel select:hover,.settings-panel input[type=text]:hover,.settings-panel input[type=number]:hover,.download-row input:hover{border-color:#b8c4d4}.studio-control:focus,.settings-panel select:focus,.settings-panel input[type=text]:focus,.settings-panel input[type=number]:focus,.download-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.settings-panel select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.settings-panel input[type=number]{font-variant-numeric:tabular-nums}.color-field{margin-top:10px}.color-control{display:flex;align-items:center;gap:10px;min-height:42px;padding:5px 10px;border:1px solid #d7dee8;border-radius:11px;background:#fff;color:#64748b;font-weight:600}.color-control input[type=color]{width:32px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid #cbd5e1;border-radius:7px}.switch-block{padding-bottom:8px}.toggle-list{gap:0;margin:0}.ios-switch-row{display:flex!important;align-items:center!important;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f5;cursor:pointer}.ios-switch-row:last-child{border-bottom:0}.switch-copy{display:grid;gap:2px;min-width:0}.switch-copy strong{font-size:12.5px;color:#263244;font-weight:750}.switch-copy small{font-size:10.5px;line-height:1.35;color:#8793a4;font-weight:500}.ios-switch{position:relative;display:inline-flex;flex:0 0 auto;width:44px;height:26px}.ios-switch input{position:absolute;opacity:0;pointer-events:none}.ios-slider{position:absolute;inset:0;border-radius:999px;background:#d9dee6;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);transition:background .22s ease}.ios-slider:before{content:'';position:absolute;width:22px;height:22px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.22);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.ios-switch input:checked+.ios-slider{background:#34c759}.ios-switch input:checked+.ios-slider:before{transform:translateX(18px)}.ios-switch input:focus-visible+.ios-slider{box-shadow:0 0 0 3px rgba(52,199,89,.20)}.range-grid{margin-top:12px}.range-grid label,.settings-panel>form>label{color:#334155;font-weight:700}.range-grid output{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 6px;margin-left:3px;border-radius:999px;background:#eef2f7;color:#526071;font-size:10px;font-weight:800}.settings-panel input[type=range]{accent-color:#2563eb}.file-settings{margin-top:12px}.settings-panel .wide{min-height:44px;border-radius:12px;margin-top:4px}.filename-field{min-width:min(420px,100%)}.filename-control{display:flex;align-items:center;overflow:hidden;border:1px solid #d7dee8;border-radius:12px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.filename-control:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.filename-control .filename-icon{display:grid;place-items:center;align-self:stretch;min-width:48px;padding:0 10px;background:#eef3f8;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.06em;border-right:1px solid #d7dee8}.filename-control .studio-control{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.download-row{padding-top:12px;border-top:1px solid #e8edf3}.output-info{padding:7px 10px;border-radius:10px;background:#f4f7fb}
.theme-dark .settings-block{background:linear-gradient(180deg,#151e2d,#111827);border-color:#2a3749}.theme-dark .block-caption{color:#9aa8bc}.theme-dark .field-label,.theme-dark .range-grid label,.theme-dark .settings-panel>form>label{color:#dce5f2}.theme-dark .studio-control,.theme-dark .settings-panel select,.theme-dark .settings-panel input[type=text],.theme-dark .settings-panel input[type=number],.theme-dark .color-control,.theme-dark .filename-control{background:#0d1522;color:#edf4ff;border-color:#334155}.theme-dark .switch-copy strong{color:#e8eef7}.theme-dark .switch-copy small{color:#8fa0b6}.theme-dark .ios-switch-row{border-bottom-color:#253246}.theme-dark .ios-slider{background:#465366}.theme-dark .range-grid output,.theme-dark .filename-control .filename-icon,.theme-dark .output-info{background:#1b2737;color:#aebdd0}.theme-dark .download-row{border-top-color:#273449}
@media(max-width:700px){.settings-block{padding:12px}.ios-switch-row{align-items:flex-start!important}.filename-field{min-width:0;width:100%}}

/* Reinicio de consecutivo - Estudio */

.file-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr 1fr;gap:10px;align-items:start}.field-help{display:block;margin-top:2px;color:#8793a4;font-size:10px;font-weight:600;line-height:1.3}.sequence-help{margin-top:10px;padding:9px 10px;border-radius:10px;background:#f6f8fb;color:#718096;font-size:11px;line-height:1.45}.theme-dark .sequence-help{background:#172131;color:#9ba7b8}.theme-dark .field-help{color:#8fa0b6}@media(max-width:980px){.file-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.file-grid{grid-template-columns:1fr}}


/* Photo Studio - compact accordion configuration */
.camera-toolbar{align-items:center;gap:12px}.camera-select-wrap{position:relative;display:flex;align-items:center;min-width:280px;flex:1;max-width:420px;height:46px;border:1px solid #d7e1ee;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.camera-select-wrap:focus-within{border-color:#94b5ff;box-shadow:0 0 0 4px rgba(37,99,235,.10),0 6px 18px rgba(15,23,42,.06)}.camera-select-icon{width:42px;display:grid;place-items:center;color:#64748b;font-size:16px;border-right:1px solid #edf1f6;height:26px}.camera-select-wrap select{appearance:none;-webkit-appearance:none;width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;padding:0 42px 0 13px!important;font-size:14px;font-weight:700;color:#26354d;cursor:pointer;box-shadow:none!important}.camera-select-chevron{position:absolute;right:16px;width:8px;height:8px;border-right:2px solid #718096;border-bottom:2px solid #718096;transform:rotate(45deg) translateY(-2px);pointer-events:none}.camera-refresh-button{height:46px;white-space:nowrap}.ai-status{margin-left:auto;white-space:nowrap}
.settings-panel form{display:grid;gap:12px}.settings-title-row{margin-bottom:2px}.settings-title-row h2{margin:0}.settings-title-row p{margin:4px 0 0;color:#7b8ba3;font-size:13px}.settings-accordion-stack{display:grid;gap:9px}.settings-accordion{border:1px solid #e0e7f0;border-radius:16px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.settings-accordion[open]{border-color:#d4dfec;box-shadow:0 7px 22px rgba(15,23,42,.045)}.settings-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 15px;cursor:pointer;user-select:none;background:linear-gradient(180deg,#fff,#fbfcfe)}.settings-accordion summary::-webkit-details-marker{display:none}.settings-accordion summary:hover{background:#f8fafc}.accordion-title{display:flex;align-items:center;gap:11px;min-width:0}.accordion-title>span:last-child{display:grid;gap:2px;min-width:0}.accordion-title strong{font-size:14px;color:#28364c}.accordion-title small{font-size:11.5px;color:#8896aa;font-weight:500}.accordion-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:#eef4ff;color:#285fce;font-size:12px;font-weight:900}.accordion-chevron{width:9px;height:9px;border-right:2px solid #8b99ad;border-bottom:2px solid #8b99ad;transform:rotate(45deg);transition:transform .2s ease;margin-right:3px}.settings-accordion[open] .accordion-chevron{transform:rotate(225deg) translate(-2px,-2px)}.accordion-body{border-top:1px solid #edf1f6;padding:14px;display:grid;gap:13px;background:#fff}.compact-ranges{gap:14px 16px}.save-studio-settings{margin-top:2px}
.file-config-grid{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(150px,1.15fr) minmax(120px,.9fr) minmax(140px,1fr);gap:12px;align-items:start}.file-config-grid .field-label{min-width:0}.file-config-grid .studio-control{width:100%;min-width:0}.file-config-grid select.studio-control{padding-right:34px}.file-config-grid .field-help{font-size:10.5px;line-height:1.3;margin-top:5px;color:#8b98aa}.filename-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px dashed #d6e0ec;border-radius:12px;background:#f8fafc}.filename-preview-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8190a5;font-weight:800}.filename-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:#1d4ed8;background:#eaf1ff;padding:5px 8px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.sequence-help{margin-top:0}.quality-control{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 8px;font-weight:700;color:#34445d}.quality-control input[type=range]{grid-column:1/-1;width:100%}
@media(max-width:1180px){.file-config-grid{grid-template-columns:1fr 1fr}.ai-status{width:100%;margin-left:0}.camera-toolbar{flex-wrap:wrap}.camera-select-wrap{max-width:none}}
@media(max-width:680px){.file-config-grid{grid-template-columns:1fr}.camera-select-wrap{min-width:0;width:100%}.camera-refresh-button{width:100%}.filename-preview{align-items:flex-start;flex-direction:column}.filename-preview code{max-width:100%}}
[data-theme="dark"] .camera-select-wrap,body.dark .camera-select-wrap{background:#111827;border-color:#273449;box-shadow:none}[data-theme="dark"] .camera-select-wrap select,body.dark .camera-select-wrap select{color:#e5edf7}[data-theme="dark"] .camera-select-icon,body.dark .camera-select-icon{border-color:#263246;color:#94a3b8}[data-theme="dark"] .settings-accordion,body.dark .settings-accordion{background:#101827;border-color:#263246}[data-theme="dark"] .settings-accordion summary,body.dark .settings-accordion summary{background:#111a2a}[data-theme="dark"] .settings-accordion summary:hover,body.dark .settings-accordion summary:hover{background:#152033}[data-theme="dark"] .accordion-title strong,body.dark .accordion-title strong{color:#edf4ff}[data-theme="dark"] .accordion-title small,body.dark .accordion-title small{color:#8ea0b8}[data-theme="dark"] .accordion-icon,body.dark .accordion-icon{background:#17294a;color:#8fb5ff}[data-theme="dark"] .accordion-body,body.dark .accordion-body{background:#0f1724;border-color:#263246}[data-theme="dark"] .filename-preview,body.dark .filename-preview{background:#111a2a;border-color:#324158}[data-theme="dark"] .filename-preview code,body.dark .filename-preview code{background:#17294a;color:#a9c7ff}

/* Nombre de archivo: layout interno seguro dentro del panel lateral */
.file-accordion .accordion-body{overflow:hidden}
.file-config-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:
    "mode prefix"
    "folio padding";
  gap:14px 12px;
  width:100%;
  min-width:0;
}
.file-mode-field{grid-area:mode}
.file-prefix-field{grid-area:prefix}
.file-folio-field{grid-area:folio}
.file-padding-field{grid-area:padding}
.file-config-grid .field-label{display:grid;gap:7px;min-width:0;width:100%}
.file-config-grid .field-label>span:first-child{font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.file-config-grid .studio-control{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:44px}
.file-config-grid select.studio-control{padding-left:12px!important;padding-right:34px!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.file-config-grid input.studio-control{padding-left:12px;padding-right:12px}
.file-padding-field .field-help{display:block;max-width:100%;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.filename-preview{min-width:0;width:100%;box-sizing:border-box;overflow:hidden}
.filename-preview code{display:block;min-width:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sequence-help{min-width:0;overflow-wrap:anywhere}

@media(max-width:560px){
  .file-config-grid{
    grid-template-columns:1fr;
    grid-template-areas:"mode" "prefix" "folio" "padding";
  }
  .filename-preview{align-items:flex-start;flex-direction:column}
  .filename-preview code{max-width:100%;width:100%;box-sizing:border-box}
}