:root{--bg-page:#d8d8d8;--bg-cert:#f0f0f0;--bg-cert-warm:#e5e5e5;--frame-dark:#4a4a4a;--frame-mid:#6e6e6e;--frame-light:#a8a8a8;--accent-sage:#7d8b6f;--text-primary:#2a2a2a;--text-secondary:#404040;--text-muted:#6e6e6e;--paper-shadow:#2a2a2a2e;--edit-hover:#6e6e6e26;--edit-focus:#6e6e6e40}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Cormorant Garamond,Times New Roman,serif;transition:background-color .5s}body{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding:32px;display:flex;position:relative}.top-bar{z-index:100;flex-direction:column;align-items:stretch;gap:12px;display:flex;position:fixed;top:24px;right:28px}.palette-picker{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff80;border-radius:12px;grid-template-columns:repeat(4,1fr);justify-items:center;gap:8px;width:100%;padding:10px;display:grid;box-shadow:0 4px 12px #00000014}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .2s,border-color .2s}.swatch:hover{transform:scale(1.15)}.swatch.active{border-color:var(--text-primary);transform:scale(1.1)}.texture-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);cursor:pointer;background:#ffffff80;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:8px 16px;font-family:Cinzel,serif;font-size:9px;transition:background-color .5s,color .5s;display:flex;box-shadow:0 4px 12px #00000014}.switch{width:28px;height:14px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:14px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--frame-dark)}input:checked+.slider:before{transform:translate(14px)}.export-btn{background:var(--frame-dark);color:var(--bg-cert);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 22px;font-family:Cinzel,serif;font-size:11px;font-weight:500;transition:all .3s,background-color .5s,color .5s;display:inline-flex;box-shadow:0 6px 18px #00000038}.export-btn:hover{background:var(--text-primary);transform:translateY(-1px);box-shadow:0 8px 22px #0000004d}.export-btn:active{transform:translateY(0)}.export-btn svg{width:13px;height:13px}.export-btn:disabled{opacity:.6;cursor:not-allowed}.gh-btn{background:var(--frame-dark);color:var(--bg-cert);cursor:pointer;z-index:100;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .3s,background-color .5s,color .5s;display:inline-flex;position:fixed;bottom:24px;right:28px;box-shadow:0 6px 18px #00000038}.gh-btn:hover{background:var(--text-primary);color:var(--bg-cert);transform:translateY(-1px);box-shadow:0 8px 22px #0000004d}.gh-btn svg{fill:currentColor;width:20px;height:20px}.certificate{background:var(--bg-cert);width:297mm;height:210mm;box-shadow:0 24px 60px var(--paper-shadow), 0 6px 18px #3d342a1f;--scale:1;zoom:var(--scale);flex-shrink:0;margin:auto;transition:background-color .5s;position:relative}.paper-texture{pointer-events:none;opacity:.4;mix-blend-mode:multiply;z-index:1;background-size:100% 100%;transition:opacity .4s;position:absolute;inset:0}.certificate.no-texture .paper-texture{opacity:0}.frame-outer{border:1px solid var(--frame-mid);pointer-events:none;z-index:2;border-radius:8mm;transition:border-color .5s;position:absolute;inset:4mm}.frame-inner{border:1px solid var(--frame-mid);pointer-events:none;z-index:2;border-radius:2mm;transition:border-color .5s;position:absolute;inset:5mm}.corner{background-color:var(--frame-mid);z-index:3;pointer-events:none;border-radius:50%;width:5px;height:5px;transition:background-color .5s;position:absolute}.corner-tl{top:14.5079px;left:14.5079px}.corner-tr{top:14.5079px;right:14.5079px}.corner-bl{bottom:14.5079px;left:14.5079px}.corner-br{bottom:14.5079px;right:14.5079px}.certificate__inner{z-index:4;flex-direction:column;padding:4mm 6mm;display:flex;position:absolute;inset:10mm}.cert-header{text-align:center;margin-bottom:3mm}.cert-header h1{letter-spacing:.3em;color:var(--text-primary);text-transform:uppercase;padding-left:.3em;font-family:Cinzel,serif;font-size:32px;font-weight:500;line-height:1.2;transition:color .5s}.header-divider{justify-content:center;align-items:center;gap:8px;max-width:150mm;margin:3mm auto 1mm;display:flex}.header-divider .line{background:var(--frame-mid);width:200px;height:1px;transition:background-color .5s}.header-divider .diamond{background:var(--frame-mid);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background-color .5s}.cert-body{flex:1;grid-template-rows:1fr auto 1fr;grid-template-columns:1fr 1fr;column-gap:10mm;min-height:0;display:grid}.info-top{text-align:center;grid-area:1/1;align-self:end;padding-bottom:4mm}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4mm;padding-left:.2em;font-family:Cinzel,serif;font-size:13px;transition:color .5s}.painting-title{color:var(--text-primary);margin-bottom:3mm;font-family:Cormorant Garamond,serif;font-size:34px;font-style:italic;font-weight:400;line-height:1.1;transition:color .5s}.meta-container{grid-area:2/1;align-self:center;width:100%}.meta-list{flex-direction:column;width:100%;display:flex}.meta-row{border-bottom:.5px solid var(--frame-light);grid-template-columns:6mm 42mm 1fr;align-items:center;padding:3mm 0;display:grid}.meta-row:last-child{border-bottom:none}.meta-delete-btn{width:5mm;height:5mm;color:var(--text-muted);cursor:pointer;opacity:.4;background:0 0;border:none;align-self:center;padding:0;font-family:sans-serif;font-size:14px;line-height:1;transition:opacity .2s,color .5s}.meta-delete-btn:hover{opacity:1;color:var(--text-primary)}.meta-row dt{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding-left:.22em;font-family:Cinzel,serif;font-size:15px;font-weight:500;transition:color .5s}.meta-row dd{color:var(--text-primary);padding-left:13mm;font-size:22px;font-style:italic;transition:color .5s}.meta-add-btn{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;opacity:.7;background:0 0;border:none;margin-top:4mm;padding:2mm 0;font-family:Cinzel,serif;font-size:9px;transition:opacity .2s,color .5s}.meta-add-btn:hover{opacity:1;color:var(--text-primary)}.cert-bottom-left{grid-area:3/1;align-self:end;align-items:flex-end;gap:8mm;padding-top:8mm;display:flex}.qr-block{flex-direction:column;flex-shrink:0;align-items:center;gap:2mm;display:flex}.qr-wrap{cursor:pointer;background:#fff;width:25mm;height:25mm;margin-top:4mm;padding:2mm;position:relative;box-shadow:0 1px 3px #3d342a1f,inset 0 0 0 .5px #3d342a14}.qr-wrap:after{content:"Click to set link";background:var(--text-primary);color:var(--bg-cert);white-space:nowrap;opacity:0;pointer-events:none;z-index:10;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:15px;transition:opacity .2s;position:absolute;top:-35%;left:50%;transform:translate(-50%)}.qr-wrap:hover:after{opacity:1}#qrcode{width:100%;height:100%}#qrcode img,#qrcode canvas{display:block;width:100%!important;height:100%!important}.qr-label{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin-top:2mm;font-family:Cinzel,serif;font-size:12px;transition:color .5s}.signatures{flex:1;grid-template-columns:1fr 1fr;gap:6mm;max-width:90mm;display:grid}.sign-field{flex-direction:column;display:flex}.sign-line{border-bottom:.5px solid var(--frame-mid);height:12mm;transition:border-color .5s}.sign-label{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;margin-top:2mm;padding-left:.25em;font-family:Cinzel,serif;font-size:9px;transition:color .5s}.image-container{flex-direction:column;grid-area:2/2;justify-content:center;place-self:center;align-items:center;gap:4mm;width:100%;min-height:0;max-height:125mm;display:flex}.image-frame{cursor:pointer;background:#fff;max-width:100%;padding:2.5mm;font-size:0;line-height:0;transition:min-width .4s,min-height .4s,box-shadow .3s;display:inline-block;position:relative;box-shadow:0 1px 2px #3d342a14,0 6px 18px #3d342a26,inset 0 0 0 .5px #3d342a1f}.image-frame.empty{justify-content:center;align-items:center;min-width:120mm;min-height:80mm;font-size:9px;line-height:1.5;display:inline-flex}.image-frame:hover{box-shadow:0 1px 2px #3d342a14,0 12px 28px #3d342a40,inset 0 0 0 1px #3d342a4d}.image-frame img{object-fit:scale-down;width:auto;max-width:100%;height:auto;max-height:110mm;display:block}.image-placeholder{letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:0 10px;font-family:Cinzel,serif;transition:color .5s}.image-caption{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-top:4mm;padding-left:.2em;font-family:Cinzel,serif;font-size:13px;transition:color .5s}.by-line{color:var(--text-secondary);font-size:22px;font-style:italic;transition:color .5s,opacity .3s}.by-word{transition:opacity .3s}.by-line.empty-artist .by-word{opacity:.4}.by-line .artist{color:var(--text-primary);letter-spacing:.02em;font-style:normal;font-weight:500;transition:color .5s}.clear-image-btn{color:#fff;cursor:pointer;text-align:center;opacity:0;z-index:6;background:#0000008c;border:none;border-radius:50%;width:22px;height:22px;font-family:sans-serif;font-size:14px;line-height:20px;transition:opacity .3s,background-color .2s;position:absolute;top:6px;right:6px}#regenTextureText{border-bottom:1px dotted #0000;transition:color .2s}#regenTextureText:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}.upload-overlay{color:#fafafa;letter-spacing:.25em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:4;background:#00000080;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.image-frame:not(.empty) .upload-overlay:before{content:"Click to replace image"}.image-frame:hover .upload-overlay{opacity:1}.image-frame.empty .upload-overlay{color:#0000;background:#00000040}.image-frame:not(.empty):hover .clear-image-btn{opacity:1}.clear-image-btn:hover{background:#000c}.image-loader{z-index:5;background:#ffffffd9;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.spinner{border:3px solid #6e6e6e33;border-top-color:var(--frame-dark);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.placeholder-text{opacity:.5;color:var(--text-muted);font-style:italic}.by-line .artist.placeholder-text{font-weight:400}[contenteditable=true]{cursor:text;border-radius:2px;outline:none;margin:0 -4px;padding:0 4px;transition:background-color .2s,box-shadow .2s,color .5s}[contenteditable=true]:hover{background-color:var(--edit-hover)}[contenteditable=true]:focus{background-color:var(--edit-focus);box-shadow:inset 0 0 0 1px #8b73554d}.qr-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000040;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.qr-modal-overlay.active{display:flex}.qr-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:24px;font-family:Cinzel,serif;position:relative;box-shadow:0 15px 40px #0003}.qr-modal h3{color:var(--text-primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:15px;font-size:14px}.qr-modal input{color:#333;border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:20px;padding:10px 14px;font-family:sans-serif;font-size:14px}.qr-modal-actions{justify-content:flex-end;gap:10px;display:flex}.qr-modal-btn{cursor:pointer;letter-spacing:.15em;text-transform:uppercase;border:none;border-radius:6px;padding:8px 16px;font-family:Cinzel,serif;font-size:11px;transition:background-color .2s}.btn-cancel{color:#333;background:#eee}.btn-cancel:hover{background:#ddd}.btn-save{background:var(--text-primary);color:#fff}.btn-save:hover{background:var(--frame-dark)}@media print{body{background:#fff;padding:0;display:block}body:before{display:none}.top-bar,.gh-btn{display:none!important}.certificate{box-shadow:none;zoom:1;margin:0;transform:none}[contenteditable=true]{box-shadow:none!important;background-color:#0000!important}.upload-overlay,.qr-wrap:after,.meta-delete-btn,.meta-add-btn{display:none!important}.meta-row{grid-template-columns:42mm 1fr!important}}