*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--surface: #161616;--border: #2a2a2a;--text: #e0e0e0;--text-muted: #888;--accent: #fff;--font-card: "Bebas Neue", sans-serif;--font-mono: "Fira Mono", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100vh;overflow-x:hidden}#app{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}header{text-align:center;margin-bottom:2.5rem}header h1{font-family:var(--font-card);font-weight:400;font-size:clamp(1.6rem,4vw,3.2rem);text-transform:uppercase;letter-spacing:.02em;color:var(--accent)}header .strike{text-decoration:line-through;opacity:.4}header .subtitle{color:#eee;font-size:clamp(.85rem,1.5vw,1.15rem);margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto;background:#141414;border:1px solid #222;border-radius:8px;padding:.75rem 1.25rem;display:inline-block}#main-layout{display:flex;gap:2.5rem;align-items:flex-start}#card-wrapper{flex:0 0 580px;position:sticky;top:2rem;background:#141414;border:1px solid #222;border-radius:8px;padding:1rem}#card-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:4px}#bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:6% 6% 5%;z-index:1}#photo-frame{width:62%;aspect-ratio:4/3.2;margin:0 auto;position:relative;overflow:hidden;background:#1e1e1e99;flex-shrink:0}#photo-frame video,#photo-frame img,#photo-frame canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}#photo-frame img,#photo-frame canvas{display:none}#photo-frame video{display:none}#photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#555;font-size:.8rem}#text-block{margin-top:auto;padding-top:5%}#setup-text{font-family:var(--font-card);font-weight:400;font-size:1.3em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}#prefix-text{font-family:var(--font-card);font-weight:400;font-size:2.4em;color:#fff;text-transform:uppercase;letter-spacing:.01em;line-height:1.05}.not-word{color:#c33}#title-text{font-family:var(--font-card);font-weight:400;font-size:2.4em;color:#fff;text-transform:uppercase;letter-spacing:.01em;line-height:1.05}#category-text{font-family:var(--font-mono);font-weight:400;font-size:1em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.12em;margin-top:.2em}#bottom-block{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:4%}#name-block{font-family:var(--font-card);font-weight:400;font-size:2.2em;color:#fff;text-transform:uppercase;line-height:1.05}#logo-block{text-align:right;flex-shrink:0}#aicp-logo{width:110px;height:auto;display:block}#logo-subtext{font-family:var(--font-card);font-weight:400;font-size:.7em;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-top:.2em}#card-overlay{font-size:clamp(8px,1.8vw,16px)}#controls{flex:1;min-width:280px;display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;flex-direction:column;gap:.5rem;background:#141414;border:1px solid #222;border-radius:8px;padding:1.25rem}.step-header{display:flex;gap:.65rem;align-items:flex-start;margin-bottom:.25rem}.step-number{font-family:var(--font-card);font-size:1.8rem;color:#555;line-height:1;flex-shrink:0}.step-title{font-family:var(--font-ui);font-size:.95rem;font-weight:600;color:var(--accent);line-height:1.3}.step-subtitle{font-size:.78rem;color:#999;line-height:1.4;margin-top:.15rem}input[type=text]{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-card);font-weight:600;font-size:1.1rem;text-transform:uppercase;padding:.65rem .8rem;border-radius:4px;outline:none;transition:border-color .2s;width:100%}input[type=text]:focus{border-color:#555}input[type=text]::placeholder{color:#666;text-transform:uppercase}.input-row{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.btn:hover{background:#222;border-color:#444}.btn-primary{background:#fff;color:#000;border-color:#fff;font-weight:600}.btn-primary:hover{background:#ddd;border-color:#ddd}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.btn-large{padding:.85rem 1.2rem;font-size:.95rem}#photo-controls{display:flex;gap:.5rem;flex-wrap:wrap}.toggle-group{display:flex;background:var(--surface);border-radius:4px;border:1px solid var(--border);overflow:hidden}.toggle-btn{flex:1;padding:.55rem 1rem;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-ui);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.toggle-btn.active{background:#fff;color:#000;font-weight:600}.toggle-btn:not(.active):hover{color:var(--text);background:#ffffff0d}.export-group{display:flex;flex-direction:row;gap:.5rem;margin-top:.5rem}.export-group .btn{flex:1}#export-status{text-align:center}.progress-bar{height:4px;background:var(--surface);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:#fff;width:0%;transition:width .3s}.progress-text{font-size:.8rem;color:var(--text-muted)}#post-preview{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.85rem;font-family:var(--font-ui);font-size:.85rem;line-height:1.5;color:var(--text);white-space:pre-wrap;min-height:80px;-webkit-user-select:all;user-select:all}.post-actions{display:flex;gap:.5rem;margin-top:.5rem}.post-actions .btn{flex:1}.btn-linkedin{background:#0a66c2;color:#fff;border-color:#0a66c2;font-weight:600;margin-top:.5rem;width:100%}.btn-linkedin:hover{background:#004182;border-color:#004182}.post-instructions{font-size:.72rem;color:var(--text-muted);margin-top:.5rem;line-height:1.4}footer{text-align:center;padding:2.5rem 1rem 1.5rem;margin-top:2rem;border-top:1px solid #1a1a1a}footer p{font-size:.8rem;color:#666;line-height:1.5}footer a{color:#999;text-decoration:underline;text-underline-offset:2px}footer a:hover{color:#fff}@media(max-width:1024px){#main-layout{flex-direction:column;align-items:center}#card-wrapper{flex:none;width:100%;max-width:540px;position:static}#controls{width:100%;max-width:540px}.btn,.toggle-btn{min-height:44px}}@media(max-width:500px){#app{padding:.75rem}header{margin-bottom:1.5rem}#card-wrapper{max-width:100%}#card-overlay{font-size:clamp(8px,2.4vw,14px)}.export-group{flex-direction:column}.export-group .btn,#photo-controls{width:100%}#photo-controls .btn{flex:1 1 auto}#capture-btn{width:100%;font-size:1rem;padding:.75rem}}