:root{--am-bg:var(--abdul-bg, var(--afs-bg, #f6f1e5));--am-surface:var(--abdul-surface, var(--afs-surface, #ffffff));--am-primary:var(--abdul-primary, var(--afs-primary, var(--color-primary, #0f4f78)));--am-primary-strong:var(--abdul-primary-strong, var(--afs-primary-strong, #0b3957));--am-accent:var(--abdul-accent, var(--afs-accent, var(--color-accent, #f0a33b)));--am-ink:var(--abdul-ink, var(--afs-ink, #1f2530));--am-muted:var(--abdul-muted, var(--afs-muted, #5f6877));--am-border:var(--abdul-border, var(--afs-border, #dbe3ec));--am-primary-contrast:var(--abdul-primary-contrast, #ffffff);--am-accent-contrast:var(--abdul-accent-contrast, #1a1307);--am-status-info:var(--abdul-status-info, var(--am-muted));--am-status-error:var(--abdul-status-error, #b3212f);--am-tint:var(--abdul-tint, var(--am-primary));--am-ribbon:var(--abdul-ribbon, transparent);--am-ribbon-contrast:var(--abdul-ribbon-contrast, #ffffff);--am-badge-stroke:var(--abdul-badge-stroke, var(--am-primary-strong));--am-badge-text:var(--abdul-badge-text, var(--am-primary-strong));--am-upload-bg-start:var(--abdul-upload-bg-start, #f9fbff);--am-upload-bg-end:var(--abdul-upload-bg-end, #edf5fb);--am-widget-gradient-start:var(--abdul-widget-gradient-start, #ffffff);--am-canvas-checker-1:var(--abdul-canvas-checker-1, #f6f8fa);--am-canvas-checker-2:var(--abdul-canvas-checker-2, #edf2f8);--am-canvas-placeholder-bg:var(--abdul-canvas-placeholder-bg, #f2f6fb);--am-canvas-placeholder-text:var(--abdul-canvas-placeholder-text, #335f88)}.am-widget{max-width:1080px;margin:0 auto;padding:28px;border-radius:18px;border:1px solid var(--am-border);background:radial-gradient(circle at 0 0,var(--am-widget-gradient-start),var(--am-bg) 74%);color:var(--am-ink);font-family:"Avenir Next","Segoe UI",sans-serif}.am-header{margin-bottom:20px}.am-title{margin:0;font-size:2rem;line-height:1.1;color:var(--am-primary-strong)}.am-subtitle{margin:8px 0 0;color:var(--am-muted);font-size:1rem}.am-grid{display:grid;grid-template-columns:340px 1fr;gap:20px}.am-panel,.am-preview-panel{background:var(--am-surface);border:1px solid var(--am-border);border-radius:14px;padding:16px}.am-upload{position:relative;display:grid;gap:8px;border:1px dashed var(--am-primary);border-radius:12px;padding:14px;background:linear-gradient(145deg,var(--am-upload-bg-start),var(--am-upload-bg-end));transition:border-color .15s,background-color .15s}.am-upload--dragover{border:2px solid var(--am-primary);background:var(--am-upload-bg-start);cursor:copy;outline:3px solid var(--am-primary);outline-offset:2px}.am-preview-panel--dragover{border-color:var(--am-primary);outline:3px solid var(--am-primary);outline-offset:2px;cursor:copy}.am-upload-title{font-weight:700;color:var(--am-primary-strong)}.am-upload-help{color:var(--am-muted);font-size:.92rem}.am-photo-input{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;opacity:0}.am-upload:focus-within{border-color:var(--am-primary-strong);outline:3px solid color-mix(in srgb,var(--am-primary) 45%,transparent);outline-offset:2px}.am-controls{margin:16px 0;border:1px solid var(--am-border);border-radius:10px;padding:12px}.am-controls legend{padding:0 6px;color:var(--am-primary-strong);font-weight:700}.am-toggle{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--am-ink)}.am-control-row{display:block;margin:8px 0;color:var(--am-primary-strong);font-weight:700}.am-select{display:block;width:100%;border:1px solid var(--am-border);border-radius:10px;padding:10px 12px;color:var(--am-ink);background:#fff}.am-select:disabled{opacity:.65;cursor:not-allowed}.am-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.am-button{border:0;border-radius:10px;padding:11px 12px;font-weight:700;cursor:pointer;transition:transform 150ms,opacity 150ms}.am-button:disabled{cursor:not-allowed;opacity:.45}.am-button:not(:disabled):hover{transform:translateY(-1px)}.am-apply{background:var(--am-primary);color:var(--am-primary-contrast)}.am-download{background:var(--am-accent);color:var(--am-accent-contrast)}.am-status{min-height:1.4em;margin:14px 0 0;color:var(--am-status-info)}.am-canvas{display:block;width:auto;max-width:100%;height:auto;max-height:72vh;margin:0 auto;border-radius:10px;background:repeating-linear-gradient(45deg,var(--am-canvas-checker-1),var(--am-canvas-checker-1) 8px,var(--am-canvas-checker-2) 8px,var(--am-canvas-checker-2) 16px);touch-action:none}.am-canvas--interactive{cursor:grab}.am-canvas--grabbing{cursor:grabbing}.am-zoom-controls{margin-top:12px}.am-zoom-label{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--am-primary-strong);font-size:.92rem;margin-bottom:6px}.am-zoom-value{font-weight:600;font-size:.85rem;color:var(--am-muted)}.am-zoom-row{display:flex;align-items:center;gap:8px}.am-zoom-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--am-border);border-radius:3px;outline:0;cursor:pointer}.am-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--am-primary);border:2px solid var(--am-surface);box-shadow:0 1px 3px rgba(0,0,0,.18);cursor:pointer}.am-zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--am-primary);border:2px solid var(--am-surface);box-shadow:0 1px 3px rgba(0,0,0,.18);cursor:pointer}.am-zoom-slider:disabled{opacity:.45;cursor:not-allowed}.am-zoom-reset{padding:6px 12px;font-size:.8rem;background:var(--am-border);color:var(--am-ink)}.am-zoom-reset:not(:disabled):hover{background:var(--am-primary);color:var(--am-primary-contrast)}.am-zoom-hint{margin:6px 0 0;font-size:.8rem;color:var(--am-muted)}@media (max-width:860px){.am-widget{padding:18px}.am-actions,.am-grid{grid-template-columns:1fr}}