*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background:#f1f5f9;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-body{display:flex;flex:1;min-height:0}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:.8125rem;color:#6b7280;background:#fff;border-top:1px solid #e5e7eb;gap:16px;flex-wrap:wrap}.app-footer-left{display:flex;align-items:center;gap:10px}.app-footer-logo{width:28px;height:28px;min-width:28px;border-radius:6px;object-fit:contain;display:block}.app-footer-copyright{color:#6b7280}.app-footer-right{display:flex;align-items:center;gap:12px}.app-footer-credits{color:#6b7280}.app-footer-credits strong{color:#374151;font-weight:600}.app-footer-linkedin-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:#e8ecf4;color:#0a66c2;text-decoration:none;font-size:.8125rem;font-weight:500;transition:background .2s ease,color .2s ease}.app-footer-linkedin-badge:hover{background:#dce2ed;color:#004182}.sidebar{width:340px;min-width:300px;background:#fff;padding:36px 28px;box-shadow:#222a351f 8px 0 32px,#222a3514 4px 0 16px,#0000000f 2px 0 8px,#222a350f 0 0 0 1px;display:flex;flex-direction:column;gap:28px}.sidebar header{margin-bottom:4px}.sidebar h1{font-size:1.375rem;font-weight:600;color:#0f172a;letter-spacing:-.02em;margin:0 0 6px}.sidebar header p{font-size:.875rem;color:#64748b;margin:0;line-height:1.45}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:.8125rem;font-weight:500;color:#374151;letter-spacing:.01em}.field input[type=text]{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#0f172a;background:#fafbfc;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input[type=text]::placeholder{color:#94a3b8}.field input[type=text]:hover{border-color:#cbd5e1;background:#fff}.field input[type=text]:focus{border-color:#0d9488;background:#fff;box-shadow:0 0 0 3px #0d94881f}.field-select{padding:12px 36px 12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#0f172a;background:#fafbfc;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.field-select:hover{border-color:#cbd5e1;background-color:#fff}.field-select:focus{border-color:#0d9488;background-color:#fff;box-shadow:0 0 0 3px #0d94881f}.field-switch-row{flex-direction:row;align-items:center;justify-content:space-between}.switch-wrap{position:relative;width:44px;height:24px;flex-shrink:0}.switch-input{position:absolute;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.switch-slider{position:absolute;inset:0;border-radius:24px;background:#e2e8f0;transition:background .25s ease,box-shadow .2s ease}.switch-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000026;transition:transform .25s cubic-bezier(.4,0,.2,1)}.switch-input:checked+.switch-slider{background:#0d9488;box-shadow:0 0 0 1px #0d948833}.switch-input:checked+.switch-slider:before{transform:translate(20px)}.photo-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.photo-section{display:flex;flex-direction:column;gap:12px}.photo-section-label{font-size:.8125rem;font-weight:500;color:#374151;letter-spacing:.01em}.photo-upload-zone{border:2px dashed #e2e8f0;border-radius:12px;padding:28px 16px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fafbfc}.photo-upload-zone:hover,.photo-upload-zone.drag-over{border-color:#0d9488;background:#0d94880d;box-shadow:0 0 0 1px #0d94881a}.upload-icon{width:40px;height:40px;color:#999}.photo-upload-zone span{font-size:.95rem;color:#444}.photo-upload-zone small{font-size:.8rem;color:#888}.upload-wait{font-size:.9rem;color:#888}.photo-section--disabled .photo-upload-zone{pointer-events:none;opacity:.7;cursor:not-allowed}.photo-preview-block{display:flex;flex-direction:column;gap:8px}.photo-preview-circle{width:100%;aspect-ratio:1;max-width:200px;margin:0 auto;border-radius:50%;overflow:hidden;border:2px solid #e8e8e8;background:#f5f5f5;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:inset 0 0 0 1px #0000000a}.photo-preview-circle-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-preview-circle-inner img{width:100%;height:100%;object-fit:cover;pointer-events:none}.photo-preview-hint{font-size:.75rem;color:#666;margin:0;text-align:center}.photo-zoom-row{display:flex;flex-direction:column;gap:6px}.photo-zoom-label{font-size:.8125rem;font-weight:500;color:#374151;letter-spacing:.01em}.photo-zoom-control{display:flex;align-items:center;gap:10px}.photo-zoom-slider{flex:1;height:6px;accent-color:#0d9488;min-width:0}.photo-zoom-value{font-size:.875rem;font-weight:600;color:#0f172a;min-width:2.4em;text-align:right;font-variant-numeric:tabular-nums}.photo-change-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;font-size:.8125rem;font-weight:500;color:#0d9488;background:#fff;border:1px dashed #e2e8f0;border-radius:10px;cursor:pointer;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;align-self:stretch;box-shadow:0 1px 2px #0000000a}.photo-change-link:hover{color:#0f766e;border-color:#0d9488;background:#0d94880f;box-shadow:0 0 0 1px #0d948826}.photo-change-link:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881f}.photo-change-link .photo-change-icon{width:16px;height:16px;color:currentColor;flex-shrink:0}.preview-main{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-height:0;background-color:#f0fdf4;background-image:linear-gradient(180deg,#f0fdf4f2,#ecfdf580 40%,#ffffffe6)}.preview-bg-grid{position:absolute;inset:0;z-index:0;opacity:.03;background-image:linear-gradient(#000 1px,transparent 1px),linear-gradient(90deg,#000 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.preview-wrap{position:relative;width:100%;max-width:670px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:#222a351f 0 10px 32px,#0000000d 0 1px 1px,#222a350d 0 0 0 1px,#222a3514 0 4px 6px,#2f30371a 0 24px 108px}.canvas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1a3d2e;color:#fff;font-size:1.1rem;border-radius:12px}.card-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:12px;background:#1a3d2e}.actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.btn-download,.btn-share{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .2s}.btn-download:hover,.btn-share:hover{transform:translateY(-1px)}.btn-download:active,.btn-share:active{transform:translateY(0)}.btn-download{background:#0d9488;color:#fff}.btn-download:hover{box-shadow:0 4px 16px #0d948866}.btn-share{background:#0f766e;color:#fff}.btn-share:hover{box-shadow:0 4px 16px #0f766e66}@media (max-width: 900px){.app-body{flex-direction:column}.sidebar{width:100%;padding:20px 16px}.preview-main{padding:16px}.preview-wrap{max-width:100%}}