.bjda{--bg:#180f2a;--pink:#df66ae;--pink2:#cf559e;max-width:1180px;margin:auto;padding:30px;background:var(--bg);border-radius:14px;color:#24212a;font-family:Arial,sans-serif}.bjda *{box-sizing:border-box}.bjda header{display:flex;justify-content:space-between;gap:20px;color:#fff;margin-bottom:18px}.bjda header small{color:var(--pink);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bjda h2{margin:5px 0;font-size:29px;color:#fff}.bjda header p{margin:0;color:#ddd7e4}.lang{background:transparent;color:#fff;border:1px solid #fff;border-radius:5px;padding:7px 11px;font-weight:700;height:max-content}.bjda section{background:#180f2a;border-radius:10px;padding:22px;margin:14px 0}.bjda h3{margin:0 0 5px;font-size:19px;color:#fff}.help{color:#ddd7e4;font-size:.92rem}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choices label{border:1px solid #5d5669;color:#fff;padding:13px;border-radius:7px;cursor:pointer}.choices label:has(input:checked){border-color:var(--pink);box-shadow:0 0 0 2px #df66ae22}.upload{min-height:105px;border:2px dashed #cfc7d4;border-radius:8px;background:#faf9fb;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.upload input{display:none}.upload b{color:var(--pink2)}.upload span{font-size:.84rem;color:#6d6875}.preview{display:flex;gap:12px;align-items:center;margin-top:10px}.preview img{width:75px;height:60px;object-fit:cover;border-radius:5px}.preview div{display:flex;flex-direction:column;gap:4px}.preview span{color:#6d6875}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fields label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.9rem}.fields input,.fields select,.fields textarea{font:inherit;font-weight:400;border:1px solid #d8d2db;border-radius:6px;padding:10px;background:#fff}.fields textarea{min-height:90px;resize:vertical}.tech{background:#180f2a!important}.output{min-height:170px;background:#f3f0f5;border-radius:7px;padding:17px;line-height:1.55}.output .prompt-line{margin:0 0 14px}.output .prompt-line:last-child{margin-bottom:0}.buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.buttons button{border:0;border-radius:5px;padding:11px 15px;background:#29223c;color:#fff;font-weight:800;cursor:pointer}.buttons button:first-child{background:var(--pink)}.bjda footer{text-align:center;color:#cfc8d7;font-size:.82rem}@media(max-width:700px){.choices,.fields{grid-template-columns:1fr}.bjda{padding:18px}.bjda header{flex-direction:column}}
.bjda-intro{margin:0;color:#fff;font-size:16px;line-height:1.5;font-weight:400}

.bjda .preview{display:flex;gap:12px;align-items:center;margin-top:12px}
.bjda .preview img{width:75px;height:60px;object-fit:cover;border-radius:5px}
.bjda .preview-meta{display:flex;flex-direction:column;gap:3px}
.bjda .preview-meta [data-name]{color:#aaa;font-size:.9rem;font-weight:400}
.bjda .preview-meta [data-info]{color:#aaa;font-size:.8rem}
.bjda .buttons button{background:#df66ae!important;color:#fff!important;transition:background-color .15s ease}
.bjda .buttons button:hover{background:#c9549d!important;color:#fff!important}
.bjda .image-analysis{margin-top:16px;padding:15px;border:1px solid #5d5669;border-radius:8px;background:#180f2a;color:#fff}
.bjda .image-analysis h4{margin:0 0 12px;color:#fff}
.bjda .analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bjda .analysis-grid>div{display:flex;flex-direction:column;gap:4px}
.bjda .analysis-grid span{color:#aaa;font-size:.8rem}
.bjda .analysis-grid strong{color:#fff}
.bjda .analysis-note{margin:12px 0 0;color:#aaa;font-size:.78rem;line-height:1.45}
@media(max-width:700px){.bjda .analysis-grid{grid-template-columns:repeat(2,1fr)}}

/* Clean preview: no placeholder or reserved thumbnail area before an image is uploaded. */
.bjda .preview{display:flex;gap:12px;align-items:center;margin-top:12px;background:transparent;border:0;padding:0;}
.bjda .preview img{width:75px;height:auto;max-height:75px;object-fit:contain;border:0;border-radius:0;display:block;}
.bjda .preview-meta{display:flex;flex-direction:column;gap:3px;}

.bjda .technical-check{margin-top:16px;padding:15px;border:1px solid #5d5669;border-radius:8px;background:#211a33;color:#fff}.bjda .technical-check h4{margin:0 0 10px}.bjda .check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bjda .check-grid>div{display:flex;flex-direction:column;gap:4px}.bjda .check-grid span{color:#aaa;font-size:.8rem}.bjda .check-grid strong{color:#fff}.bjda .check-ok{margin:0 0 12px;padding:9px;border-radius:6px;background:#173d28;color:#bff0cf}.bjda .check-warn{margin:0 0 12px;padding:9px;border-radius:6px;background:#4a3510;color:#ffe0a0}.bjda .check-info{margin:0 0 12px;padding:9px;border-radius:6px;background:#2d2740;color:#ddd7e4}@media(max-width:700px){.bjda .check-grid{grid-template-columns:repeat(2,1fr)}}

/* Tryckstorlek: bredd × höjd × enhet på samma rad */
.bjda .print-size-field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.9rem}
.bjda .print-size-field .field-label{display:block}
.bjda .print-size-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(95px,.65fr);gap:7px;align-items:center}
.bjda .print-size-row input,.bjda .print-size-row select{font:inherit;font-weight:400;border:1px solid #d8d2db;border-radius:6px;padding:10px;background:#fff;min-width:0}
.bjda .print-size-times{font-weight:800;text-align:center;color:#fff}
@media(max-width:700px){.bjda .print-size-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(90px,.7fr)}}

/* Tryckstorlek-rubrik ska vara vit */
.bjda .print-size-field .field-label{color:#fff}

/* Tydliga vita etiketter för Tryckstorlek */
.bjda .print-size-field .field-label,
.bjda .technical-check [data-physical-size] + * {color:#fff}
.bjda .technical-check .check-grid>div>span{color:#fff}

/* Tryckstorlek: separata rubriker för Bredd, Höjd och Måttenhet */
.bjda .print-size-field{display:flex;flex-direction:column;gap:6px}
.bjda .print-size-labels{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(95px,.65fr);gap:7px;align-items:end;color:#fff;font-weight:700;font-size:.9rem}
.bjda .print-size-labels span:nth-child(1){grid-column:1}
.bjda .print-size-labels span:nth-child(2){grid-column:3}
.bjda .print-size-labels span:nth-child(3){grid-column:4}
.bjda .print-size-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(95px,.65fr);gap:7px;align-items:center}
.bjda .print-size-times{font-weight:800;text-align:center;color:#fff}
@media(max-width:700px){
 .bjda .print-size-labels,.bjda .print-size-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(90px,.7fr)}
}

.bjda .bjda-ai-help{margin:10px 0 12px;color:#ddd7e4;font-size:.95rem;line-height:1.45}
.bjda .buttons .bjda-ai-select{border:0;border-radius:5px;padding:11px 32px 11px 12px;background:#fff;color:#29223c;font:inherit;font-weight:800;cursor:pointer;min-width:110px}

/* AI-valet: ska ligga i samma knapprad och inte bli fullbredd */
.bjda .buttons .bjda-ai-select{
  display:inline-block !important;
  width:auto !important;
  max-width:160px !important;
  min-width:110px !important;
  flex:0 0 auto !important;
  box-sizing:border-box;
  height:44px;
  margin:0;
  vertical-align:middle;
}
@media(max-width:700px){
  .bjda .buttons .bjda-ai-select{
    width:auto !important;
    max-width:160px !important;
    flex:0 0 auto !important;
  }
}

/* 0.3.14 – val och modal */
.bjda .choices label:has(input[type=radio]:checked){border-color:var(--pink);box-shadow:0 0 0 2px #df66ae22}
.bjda .bjda-consent{margin-top:12px;color:#ddd7e4;font-size:.86rem;line-height:1.45}
.bjda .bjda-consent label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}
.bjda .bjda-consent input{margin-top:3px;accent-color:var(--pink)}
.bjda .bjda-consent a{color:var(--pink);font-weight:700}
.bjda .upload:has(input:disabled){opacity:.65;cursor:not-allowed}
.bjda .bjda-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:20px}
.bjda .bjda-modal[hidden]{display:none}
.bjda .bjda-modal-box{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;background:#180f2a;border:1px solid #5d5669;border-radius:12px;padding:26px;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.bjda .bjda-modal-box h3{margin:0 0 18px;color:#fff;font-size:22px}
.bjda .bjda-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.bjda .bjda-modal-fields{display:grid;gap:15px}
.bjda .bjda-modal-fields label,.bjda .bjda-modal-description{display:flex;flex-direction:column;gap:7px;color:#fff;font-weight:700;font-size:.92rem}
.bjda .bjda-modal-fields select,.bjda .bjda-modal-fields textarea,.bjda .bjda-modal-description textarea{font:inherit;font-weight:400;border:1px solid #d8d2db;border-radius:6px;padding:10px;background:#fff;color:#24212a}
.bjda .bjda-modal-fields textarea,.bjda .bjda-modal-description textarea{min-height:110px;resize:vertical}
.bjda .bjda-color-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;grid-column:1 / -1;gap:15px;width:100%}
.bjda .bjda-color-row label{display:flex!important;flex:1 1 0!important;min-width:0;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px;color:#fff;font-weight:700;text-align:center}
.bjda .bjda-color-row input[type=color]{width:58px;height:40px;padding:2px;border:1px solid #d8d2db;border-radius:5px;background:#fff;cursor:pointer}
.bjda .bjda-modal-fields > label.bjda-ai-colors{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px;margin-top:2px;color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;width:max-content}
.bjda .bjda-modal-fields > .bjda-ai-colors input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--pink);cursor:pointer}
.bjda .bjda-modal-buttons{margin-top:20px}
.bjda .bjda-modal-buttons button:first-child{background:var(--pink)!important}
@media(max-width:700px){.bjda .bjda-color-row{flex-direction:column!important}.bjda .bjda-color-row label{width:100%}.bjda .bjda-modal-box{padding:22px}}

/* Font picker: each font is previewed in its own typeface. */
.bjda .bjda-font-picker{position:relative}.bjda .bjda-font-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font:inherit;font-weight:400;text-align:left;border:1px solid #d8d2db;border-radius:6px;padding:10px;background:#fff;color:#24212a;cursor:pointer}.bjda .bjda-font-trigger:focus{outline:2px solid var(--pink);outline-offset:1px}.bjda .bjda-font-trigger [data-font-name]{font-size:1.05rem;text-transform:none!important;letter-spacing:normal!important}.bjda .bjda-font-arrow{font-family:Arial,sans-serif;font-weight:700}.bjda .bjda-font-menu{display:none;position:absolute;z-index:10000;left:0;right:0;top:calc(100% + 4px);max-height:310px;overflow:auto;padding:5px;background:#fff;border:1px solid #d8d2db;border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.bjda .bjda-font-menu.is-open{display:block}.bjda .bjda-font-option{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:0;text-align:left;border:0;border-radius:5px;background:#fff;color:#24212a;padding:9px 10px;cursor:pointer}.bjda .bjda-font-option:hover,.bjda .bjda-font-option:focus{background:#f1edf3;outline:0}.bjda .bjda-font-option-name{font-size:1rem;min-width:145px;text-transform:none!important;letter-spacing:normal!important}.bjda .bjda-font-menu::-webkit-scrollbar{width:9px}.bjda .bjda-font-menu::-webkit-scrollbar-thumb{background:#c9c2cc;border-radius:9px}

/* 0.3.24 – samtycke krävs innan ytterligare uppgifter kan fyllas i */
.bjda .bjda-consent > label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;text-align:left!important;}
.bjda .bjda-consent > label > input[type=checkbox]{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important;margin:3px 0 0 0!important;}
.bjda [data-f]:disabled,.bjda [data-action]:disabled{opacity:.58;cursor:not-allowed;}
.bjda .upload:has(input:disabled){opacity:.58;cursor:not-allowed;}

/* 0.3.26 – vänlig påminnelse när villkoret inte är godkänt */
.bjda .bjda-consent-hint{margin:10px 0 0;color:var(--pink);font-size:.9rem;line-height:1.45;font-weight:700;}
.bjda .bjda-consent-hint[hidden]{display:none;}

/* 0.3.40 – exakt referensnyckel, rosa och 40 % av tidigare storlek */
.bjda .bjda-key-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.bjda .bjda-key-icon img{display:block;width:18px;height:18px;max-width:none;border:0;border-radius:0;object-fit:contain;}
@media(max-width:700px){.bjda .bjda-key-icon{flex-basis:18px;width:18px;height:18px}.bjda .bjda-key-icon img{width:18px;height:18px}}

/* 0.3.30 – villkorsgruppen ligger överst i formuläret */
.bjda .bjda-consent-gate{margin:0 0 22px;padding:16px 18px;border:1px solid #5d5669;border-radius:10px;background:#211a33;}
.bjda .bjda-consent-gate .bjda-consent{margin:0;color:#ddd7e4;}
.bjda .bjda-consent-gate .bjda-consent-hint{margin-top:12px;}

/* 0.3.39 – nyckeln är en separat exakt referensbild och påverkas inte av språkväxling. */

/* 0.3.48 – visa förbudsskylt när formuläret är låst. Samtyckesrutan förblir klickbar. */
.bjda.is-locked *{cursor:not-allowed!important}
.bjda.is-locked .bjda-consent,
.bjda.is-locked .bjda-consent *{cursor:default!important}
.bjda.is-locked .bjda-consent > label,
.bjda.is-locked .bjda-consent > label > input[type=checkbox]{cursor:pointer!important}

/* 0.3.55 – compact logo/symbol dialogs */
.bjda .bjda-modal.bjda-modal-compact .bjda-modal-close{display:none!important;}