/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline;}.container-inline .details-wrapper{display:block;}
.clearfix:after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.item-list__comma-list,.item-list__comma-list li{display:inline;}.item-list__comma-list{margin:0;padding:0;}.item-list__comma-list li:after{content:", ";}.item-list__comma-list li:last-child:after{content:"";}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}
.position-container{position:relative;}
.reset-appearance{margin:0;padding:0;border:0 none;background:transparent;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.subtitle{color:#5a6068;margin-bottom:2rem;font-size:0.95rem;}.app-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%;}.panel{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 2px 16px rgba(0,0,0,0.07);}.left-panel{flex:1;min-width:300px;}.right-panel{flex:1;min-width:300px;display:flex;flex-direction:column;align-items:center;}.section-title{font-size:1rem;font-weight:600;margin-bottom:0.75rem;color:#333;}.step-label{display:inline-block;background:#163B77;color:#fff;width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px;font-size:0.75rem;font-weight:700;margin-right:6px;}.upload-area{border:2px dashed #d0d5dd;border-radius:10px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all 0.2s;margin-bottom:1.5rem;position:relative;}.upload-area:hover,.upload-area.dragover{border-color:#163B77;background:#f7f9fd;}.upload-area .icon{font-size:2.5rem;margin-bottom:0.4rem;opacity:0.5;}.upload-area p{color:#888;font-size:0.85rem;}.upload-area .file-name{color:#163B77;font-weight:600;margin-top:0.4rem;}.upload-area .file-name.file-error{color:#b3261e;}.upload-area .thumb{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-bottom:0.5rem;border:2px solid #163B77;}input[type="file"]{display:none;}.frame-section{margin-top:0.25rem;}.frame-options{display:flex;gap:0.75rem;flex-wrap:wrap;}.frame-option{width:140px;height:140px;border:3px solid #e8e8e8;border-radius:10px;cursor:pointer;overflow:hidden;transition:all 0.2s;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;}.frame-option:hover{border-color:#8ca3c4;transform:translateY(-2px);}.frame-option.selected{border-color:#163B77;box-shadow:0 0 0 3px rgba(22,59,119,0.2);background:#f2f5fa;}.frame-option img{width:110px;height:110px;object-fit:contain;border-radius:6px;}.frame-option .label{font-size:0.7rem;color:#666;margin-top:4px;font-weight:500;}.canvas-wrapper{width:320px;height:320px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;border-radius:50%;overflow:hidden;margin-bottom:0.75rem;position:relative;}#mainCanvas{width:100%;height:100%;border-radius:50%;cursor:grab;}#mainCanvas:active{cursor:grabbing;}.placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:0.9rem;pointer-events:none;}.size-info{font-size:1.125rem;color:#212529;margin-bottom:0.75rem;}.download-btn{background:#163B77;color:#fff;border:none;padding:0.8rem 2.5rem;border-radius:4px;font-family:'Archivo',sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.2s;width:100%;max-width:320px;letter-spacing:0.02em;}.download-btn:hover:not(:disabled){background:#0f2a57;transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,59,119,0.3);}.download-btn:disabled{background:#d0d5dd;cursor:not-allowed;}#autoliv_frames{display:none;}
.paragraph--unpublished{background-color:#fff4f4;}