.logo-preview{margin:20px 0;border:1px solid #d5d9df;border-radius:16px;background:#fff;color:#17191d;overflow:hidden;min-width:0}.logo-preview>summary{display:flex;align-items:center;gap:12px;padding:20px;cursor:pointer;list-style:none;background:#f7f8fa;min-height:70px}.logo-preview>summary::-webkit-details-marker{display:none}.logo-preview>summary>span:nth-child(2){flex:1;min-width:0}.logo-preview>summary strong{display:block;font:700 18px/1.3 var(--font-body);letter-spacing:0;text-transform:none}.logo-preview>summary small{display:block;margin-top:5px;font-size:13px;color:#555b65}.logo-preview-icon{display:grid;place-items:center;background:#ef001c;color:#fff;width:38px;height:38px;border-radius:50%;font-size:25px;flex-shrink:0}.logo-preview[open]>summary{border-bottom:1px solid #d5d9df}.logo-preview-body{padding:20px}.logo-preview-intro{font-size:14px;line-height:1.6;margin:0 0 18px;color:#555b65}.logo-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:22px;align-items:start}.logo-preview-stage,.logo-preview-controls{min-width:0}.logo-preview canvas{display:block;width:100%;height:auto;background:#f1f2f4;border-radius:12px;touch-action:pan-y;cursor:default}.logo-preview [data-preview-status]{font-size:13px;line-height:1.5;min-height:40px;margin:12px 0 0}.logo-preview-controls{display:grid;gap:16px}.logo-preview-controls label{display:grid;gap:8px;font-size:14px;font-weight:700;line-height:1.4}.logo-preview-controls select{width:100%;min-width:0;min-height:46px;border:1px solid #b8c0ca;border-radius:8px;padding:10px;background:#fff;font:inherit;color:#17191d}.logo-preview-controls input[type=range]{width:100%;min-height:35px;accent-color:#ef001c;cursor:pointer;padding:0;margin:0}.logo-preview-controls output{font-size:13px;color:#666}.logo-preview-position{display:grid;gap:5px;margin:0;padding:12px;border-left:3px solid #ef001c;background:#f7f8fa;font-size:13px;line-height:1.5}.logo-preview-position span{color:#555b65}.logo-preview-tip,.logo-preview-note{font-size:12px;line-height:1.6;margin:0;color:#555b65}.logo-preview-actions{display:flex;flex-wrap:wrap;gap:10px}.logo-preview-actions .btn{font:700 13px/1.4 var(--font-body);white-space:normal;padding:12px 14px;text-align:center;min-height:44px;flex:1}.logo-preview :focus-visible{outline:3px solid #2465bb;outline-offset:3px}.logo-preview button:disabled{opacity:.5;cursor:not-allowed}.logo-preview [hidden]{display:none!important}.logo-preview [data-preview-selection-help]{margin-bottom:18px}.logo-preview select:disabled{background:#f1f2f4;color:#333;opacity:1;cursor:default}.simulator-shell{max-width:1120px}.simulator-intro{padding:24px;border:1px solid #d5d9df;border-radius:16px;background:#fff}.simulator-intro h2{font:700 24px/1.3 var(--font-body);margin:0 0 12px}.simulator-intro p{line-height:1.6}.simulator-entry{margin:24px 0;padding:24px;border-left:4px solid #ef001c;border-radius:12px;background:#fff}.simulator-entry h2{font:700 24px/1.3 var(--font-body);margin:0 0 10px}.simulator-entry p{line-height:1.6;margin-bottom:16px}@media(max-width:520px){.logo-preview-body{padding:14px}.logo-preview>summary{padding:15px}.logo-preview>summary strong{font-size:16px}.logo-preview-grid{gap:18px}.logo-preview-controls{gap:12px}.logo-preview-actions{flex-direction:column}}@media print{.logo-preview-actions,.logo-preview-controls input,.logo-preview>summary{display:none}.logo-preview{break-inside:avoid}.logo-preview-grid{display:block}.logo-preview canvas{max-width:420px}}.logo-preview-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.logo-preview-views button{min-height:44px;padding:10px 8px;border:1px solid #b8c0ca;border-radius:8px;background:#fff;color:#17191d;font:700 14px/1.3 var(--font-body);cursor:pointer}.logo-preview-views button[aria-pressed=true]{background:#ec001b;border-color:#ec001b;color:#fff}.logo-preview [data-preview-heart-controls]{display:grid;gap:16px}.promo-extra-preview{min-height:44px;padding:10px 15px;background:#fff;color:#a90015;border:1px solid #df8190;border-radius:8px;font:700 14px/1.4 var(--font-body);cursor:pointer;margin:10px 0;white-space:normal}.logo-preview-fixed [data-preview-heart-controls],.logo-preview-fixed [data-preview-reset]{display:none!important}.logo-preview-fixed canvas{cursor:default;touch-action:pan-y}.logo-preview-actions .logo-preview-add-personalization{flex:0 0 100%;width:100%;margin-top:4px}.logo-preview-actions .logo-preview-download{background:var(--ink,#17191d);color:#fff}.logo-preview-actions .logo-preview-download:hover:not(:disabled){background:#34373e}.logo-preview-actions .logo-preview-download:active:not(:disabled){background:#08090b}.logo-preview-garments{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #d5d9df}.logo-preview-garments p{grid-column:1/-1;grid-row:1;margin:0 0 4px;text-align:center;font:700 15px/1.4 var(--font-body);overflow-wrap:anywhere}.logo-preview-garments button{min-height:44px;padding:10px 8px;border:1px solid #b8c0ca;border-radius:8px;background:#fff;color:#17191d;font:700 13px/1.3 var(--font-body);cursor:pointer}.logo-preview-garments button:hover:not(:disabled){border-color:#ec001b;color:#b00018;background:#fff4f5}
