@font-face{font-family:'Familjen Grotesk';src:url('/smidity/fonts/FamiljenGrotesk-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Familjen Grotesk';src:url('/smidity/fonts/FamiljenGrotesk-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;src:url('/smidity/fonts/Archivo-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/smidity/fonts/JetBrainsMono-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

html.smidity-affischen,body.smidity-affischen{
  color-scheme:dark;
  --aff-grund:#1b221d;--aff-yta:#212a24;--aff-hover:#242e27;--aff-val:#26302a;
  --aff-linje:#2f3a33;--aff-kant:rgba(233,227,218,.18);--aff-ben:#e9e3da;
  --aff-dov:#a3a19a;--aff-dov-2:#a3ab9f;--aff-dov-3:#8a9387;
  --aff-gul:#f2c230;--aff-gul-hover:#ffd145;--aff-ink:#151511;
  --canvas:var(--aff-grund);--surface:var(--aff-yta);--raised:var(--aff-hover);
  --text:var(--aff-ben);--text-2:var(--aff-dov);--muted:var(--aff-dov-2);
  --accent:var(--aff-gul);--accent-hover:var(--aff-gul-hover);--ink:var(--aff-ink);
  --edge:var(--aff-kant);--edge-soft:var(--aff-linje);--focus:var(--aff-gul);
  --radius:8px;--radius-media:0px;
  --pedify-canvas:var(--aff-grund);--pedify-panel:var(--aff-yta);--pedify-raised:var(--aff-hover);
  --pedify-text:var(--aff-ben);--pedify-muted:var(--aff-dov);--pedify-line:var(--aff-linje);
  --pedify-clay:var(--aff-gul);--pedify-ink:var(--aff-ink);
  --color-canvas:var(--aff-grund);--color-surface-1:var(--aff-yta);--color-surface-2:var(--aff-hover);
  --color-surface-3:var(--aff-yta);--color-accent:var(--aff-gul);--color-fg:var(--aff-ben);
  --color-fg-secondary:var(--aff-dov);--color-fg-muted:var(--aff-dov-3);
  --color-accent-hover:var(--aff-gul-hover);--color-accent-muted:rgba(242,194,48,.12);
  --color-border:var(--aff-linje);--color-border-strong:var(--aff-linje);
  --bg:var(--aff-grund);--panel:var(--aff-yta);--line:var(--aff-linje);--border:var(--aff-linje);
  --mlo-bg:var(--aff-grund);--mlo-panel:var(--aff-yta);--mlo-line:var(--aff-linje);--mlo-text:var(--aff-ben);--mlo-muted:var(--aff-dov);--mlo-accent:var(--aff-gul);
  --mo-bg:var(--aff-grund);--mo-panel:var(--aff-yta);--mo-line:var(--aff-linje);--mo-text:var(--aff-ben);--mo-muted:var(--aff-dov);--mo-accent:var(--aff-gul);
  --shell-bg:var(--aff-grund);--shell-panel:var(--aff-yta);--shell-line:var(--aff-linje);--shell-text:var(--aff-ben);--shell-muted:var(--aff-dov);--shell-accent:var(--aff-gul);
  --charcoal:var(--aff-grund);--bone:var(--aff-ben);--sand:var(--aff-gul);--secondary:var(--aff-dov);
  --text:var(--aff-ben);--muted:var(--aff-dov-2);--accent:var(--aff-gul);
  background:var(--aff-grund)!important;color:var(--aff-ben)!important;
  font-family:'Familjen Grotesk',system-ui,sans-serif!important
}
html.smidity-affischen body{background:var(--aff-grund)!important;color:var(--aff-ben)!important}
html.smidity-affischen :is(button,input,select,textarea,[role=button]){border-radius:8px}
html.smidity-affischen :is(.card,[class*="-card"],[class*="Card"]){box-shadow:none!important;border-radius:0!important}
html.smidity-affischen :is(button,.btn,.button,[role=button]){font-family:'Familjen Grotesk',system-ui,sans-serif}
html.smidity-affischen :is(.btn-primary,.button-primary,button.primary,[data-pedify-base-done]){background-color:var(--aff-gul)!important;border-color:var(--aff-gul)!important;color:var(--aff-ink)!important}
html.smidity-affischen :is(button,.btn,.button,[role=button]):focus-visible,
html.smidity-affischen :is(a,input,select,textarea):focus-visible{outline:2px solid var(--aff-gul);outline-offset:3px}
html.smidity-affischen :is(header,footer) a.brand,
html.smidity-affischen :is(header,footer) a.wordmark{color:var(--aff-ben)}
html.smidity-affischen :is(h2,h3,[data-pedify-header] h1){font-family:Archivo,'Familjen Grotesk',sans-serif}
html.smidity-affischen :is(code,pre,kbd,samp,[data-pedify-status]){font-family:'JetBrains Mono',monospace}
html.smidity-affischen [data-pedify-app] [class*="ring-accent"]{--tw-ring-color:var(--aff-gul)!important}
html.smidity-affischen [data-account-security] h1{font-family:Archivo,'Familjen Grotesk',sans-serif}
html.smidity-affischen [data-account-security] section{background:var(--aff-yta);border-color:var(--aff-linje);border-radius:12px}
html.smidity-affischen [data-account-security] :is(input,select){background:var(--aff-grund);border-color:var(--aff-kant)}
html.smidity-affischen [data-account-security] button:not(.danger){background:var(--aff-val);border-color:var(--aff-kant);color:var(--aff-ben)}
html.smidity-affischen [data-account-security] [data-reauth] button{background:var(--aff-gul);border-color:var(--aff-gul);color:var(--aff-ink)}
html.smidity-affischen [data-account-security] a{color:var(--aff-ben)}
html.smidity-affischen [data-pedify-app] [data-editor-region="stage"]{background:#888e85!important}
html.smidity-affischen [data-pedify-header] a[data-pedify-brand]::after,
html.smidity-affischen .pedify-start-app > header a[data-pedify-home]::after{content:"smidity";font-family:'Familjen Grotesk',sans-serif}
html.smidity-affischen [data-pedify-header] a[data-pedify-brand] img,
html.smidity-affischen .pedify-start-app > header a[data-pedify-home] img{content:url('/smidity/symbol-bone.svg')!important}
html.smidity-affischen .studio{font-family:'Familjen Grotesk',system-ui,sans-serif}
html.smidity-affischen .studio :is(h1,h2,h3){font-family:Archivo,'Familjen Grotesk',sans-serif}
html.smidity-affischen .studio .stage{background:#888e85}
html.smidity-affischen .studio .empty,html.smidity-affischen .studio .empty h1{color:var(--aff-grund)}
html.smidity-affischen .studio :is(.rail-item:hover,.file-button:hover,.tool-panel button,.handling-row){background:var(--aff-hover)}
html.smidity-affischen .studio :is(.rail-item[aria-pressed=true],.parts button[aria-pressed=true]){background:var(--aff-val)}
html.smidity-affischen .studio .tool-panel :is(input,select){background:var(--aff-grund)}
/* Fordonsdelverktygen delar editorpaletten; modellens neutrala scen behålls. */
html.smidity-affischen :is(main[class$="-workspace"],main.workspace) .stage{background:#888e85}
html.smidity-affischen :is(main[class$="-workspace"],main.workspace) .panel{background:var(--aff-yta);border-color:var(--aff-linje)}
html.smidity-affischen :is(main[class$="-workspace"],main.workspace) :is(input,select){background:var(--aff-grund);border-color:var(--aff-kant);color:var(--aff-ben)}
html.smidity-affischen :is(main[class$="-workspace"],main.workspace) :is(button,.file-button){background:var(--aff-hover);border-color:var(--aff-kant);color:var(--aff-ben)}
html.smidity-affischen :is(main[class$="-workspace"],main.workspace) :is(button,.file-button):hover{background:var(--aff-val)}
html.smidity-affischen :is(main[class$="-workspace"],main.workspace) .primary{background:var(--aff-gul);border-color:var(--aff-gul);color:var(--aff-ink)}
html.smidity-affischen :is(main[class$="-workspace"],main.workspace) :is(label,.muted,small,.capabilities){color:var(--aff-dov-2)}
html.smidity-affischen :is(main[class$="-workspace"],main.workspace) .badge{background:var(--aff-val);border-color:var(--aff-kant);color:var(--aff-ben)}
html.smidity-affischen .statusbar{background:var(--aff-grund);border-color:var(--aff-linje);color:var(--aff-dov-2)}
html.smidity-affischen [data-smidity-header] .smidity-tool-controls :is(button,select,.file-button){background:var(--aff-hover);border-color:var(--aff-kant);color:var(--aff-ben)}
html.smidity-affischen .weapon-shell :is(.panel,fieldset){background:var(--aff-yta);border-color:var(--aff-linje)}
html.smidity-affischen .weapon-shell :is(p,small){color:var(--aff-dov)}
html.smidity-affischen .weapon-shell a{color:var(--aff-ben)}
html.smidity-affischen .weapon-shell :is(input,select,button){background:var(--aff-hover);border-color:var(--aff-kant)}
html.smidity-affischen .weapon-shell #download{background:var(--aff-gul);color:var(--aff-ink)}
html.smidity-affischen .weapon-shell #status{border-color:var(--aff-gul)}
html.smidity-affischen .weapon-shell canvas,html.smidity-affischen .preview{background:#888e85}
html.smidity-affischen :is(.mlo-wrap,.mo-wrap,.shell-wrap){min-width:0}
html.smidity-affischen :is(.mlo-wrap,.mo-wrap,.shell-wrap) :is(input,select){background:var(--aff-grund);border-color:var(--aff-kant);color:var(--aff-ben);font-family:inherit}
html.smidity-affischen :is(.mlo-wrap,.mo-wrap,.shell-wrap) :is(h1,h2,h3){font-family:Archivo,'Familjen Grotesk',sans-serif}
html.smidity-affischen :is(.mlo-wrap,.mo-wrap,.shell-wrap) :is(button,.mo-download){background:var(--aff-hover);color:var(--aff-ben)}
html.smidity-affischen :is(.mlo-download,.shell-download){background:var(--aff-hover);color:var(--aff-ben)}
html.smidity-affischen .shell-wrap #preview{background:#888e85}
html.smidity-affischen .mlo-item{background:var(--aff-grund);border-color:var(--aff-linje)}
html.smidity-affischen :is(.mlo-wrap,.shell-wrap) #build,html.smidity-affischen .mo-wrap #optimise{background:var(--aff-gul);color:var(--aff-ink)}
html.smidity-affischen :is(.mlo-wrap,.mo-wrap,.shell-wrap) #digest{overflow-wrap:anywhere}

html.smidity-affischen h1{font-family:'Familjen Grotesk',system-ui,sans-serif!important;font-weight:600;letter-spacing:-.025em}

/* Gemensam orientering, med verktygets egna handlingar på en separat rad. */
html.smidity-affischen [data-smidity-header]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;height:auto;min-height:64px;padding:12px clamp(16px,4vw,48px);background:var(--aff-yta);border-bottom:1px solid var(--aff-linje)}
html.smidity-affischen .smidity-home{display:inline-flex;align-items:center;flex:none;min-height:40px;text-decoration:none}
html.smidity-affischen .smidity-home img{width:140px;height:auto;max-height:30px;object-fit:contain}
html.smidity-affischen .smidity-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:0 auto}
html.smidity-affischen .site-nav.smidity-navigation a{display:inline-flex}
html.smidity-affischen .social-main :is(h1,h2,h3,button,.social-button,.listing-price){font-family:'Familjen Grotesk',system-ui,sans-serif!important}
html.smidity-affischen .share-main :is(dt,dd,strong,h4,.share-label,.ped-size,.finding-level){font-family:'Familjen Grotesk',system-ui,sans-serif!important}
html.smidity-affischen .share-main .ped-card{background:var(--aff-yta)}
html.smidity-affischen .smidity-languages{display:flex;gap:4px;margin:0}
html.smidity-affischen :is(.smidity-navigation,.smidity-languages) a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;color:var(--aff-dov);font:500 14px/1.3 'Familjen Grotesk',sans-serif;text-decoration:none;letter-spacing:0}
html.smidity-affischen .smidity-navigation [aria-current="page"]{color:var(--aff-ben);text-decoration:underline;text-underline-offset:6px}
html.smidity-affischen .smidity-languages a{min-width:40px;border-radius:8px}
html.smidity-affischen .smidity-languages [aria-current]{background:var(--aff-val);color:var(--aff-ben)}
html.smidity-affischen .smidity-tool-controls{display:contents}
html.smidity-affischen .smidity-tool-controls :is(nav,div,span):empty{display:none}
html.smidity-affischen .smidity-tool-controls>.toolbar{flex-wrap:wrap;min-width:0}
@media(max-width:640px){html.smidity-affischen [data-smidity-header]{gap:8px 12px}html.smidity-affischen .smidity-navigation{order:3;flex-basis:100%;justify-content:space-between;gap:4px 12px}html.smidity-affischen .smidity-languages{margin-left:auto}html.smidity-affischen .smidity-tool-controls>.toolbar{flex-basis:100%;order:4}}