@import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c0c;--surface:#161616;--surface2:#1f1f1f;--border:#2a2a2a;--text:#f5f5f0;--muted:#888;--accent:#e8e4dc;--accent-dim:#c4bfb5}html{font-family:Satoshi,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:rgba(12,12,12,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.nav-brand{font-weight:700;font-size:.95rem;letter-spacing:-.02em}.nav-links{display:flex;gap:.25rem}.nav-link{padding:.45rem .9rem;border-radius:999px;font-size:.85rem;color:var(--muted);transition:color .15s,background .15s}.nav-link.active,.nav-link:hover{color:var(--text)}.nav-link.active{background:var(--surface2)}.main{max-width:680px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.page-header{margin-bottom:2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.35rem}.muted{color:var(--muted)}.muted.small,.small{font-size:.8rem}.center{text-align:center;padding:3rem 0}.link-box{display:flex;gap:.5rem;margin-bottom:2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.5rem}.link-box input{flex:1 1;background:transparent;border:none;color:var(--text);font-size:.95rem;padding:.65rem .75rem;outline:none;font-family:inherit}.link-box input::placeholder{color:#555}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:500;border:none;cursor:pointer;font-family:inherit;transition:opacity .15s;white-space:nowrap}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);color:#0c0c0c}.btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn.full{width:100%;margin-top:1rem}.card-list,.pipeline-list{display:flex;flex-direction:column;gap:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.35rem}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.card h2{font-size:1.05rem;letter-spacing:-.02em}.card h2,.pill{font-weight:600}.pill{font-size:.7rem;padding:.25rem .6rem;border-radius:999px;border:1px solid;white-space:nowrap}.status{font-size:.75rem;color:var(--muted)}.status.processing{color:#94a3b8}.status.bereit{color:#f59e0b}.card-links{display:flex;gap:1rem;margin-bottom:.5rem}.link{font-size:.8rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.link.accent{color:var(--accent-dim)}.follow-up{font-size:.8rem;color:#eab308;margin-top:.75rem}.note{font-size:.78rem;color:var(--muted);margin-top:.5rem;line-height:1.5}.weaknesses{list-style:none;margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.35rem}.weaknesses li{font-size:.72rem;background:var(--surface2);border:1px solid var(--border);padding:.2rem .5rem;border-radius:6px;color:var(--muted)}.empty-state{text-align:center;padding:4rem 1rem;color:var(--muted)}.empty-state .btn{margin-top:1rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal h3{font-size:1.1rem;margin-bottom:.25rem}.email-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}.tab{padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.75rem;cursor:pointer;font-family:inherit}.tab.active{background:var(--accent);color:#0c0c0c;border-color:var(--accent)}.preview-shots{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.preview-shots img{width:100%;border-radius:6px;border:1px solid #ddd}.preview-shots figcaption{font-size:.7rem;color:#888;margin-top:.25rem}.email-preview{background:#fff;color:#1a1a1a;border-radius:10px;padding:1rem;max-height:320px;overflow-y:auto;font-size:.85rem;line-height:1.6}.email-preview .subject{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #eee;font-size:.8rem}.preview-text{white-space:pre-wrap;font-family:Georgia,serif;font-size:.85rem;line-height:1.65;color:#222;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.discover-bar{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.discover-hint{margin-left:.15rem}.discover-msg{font-size:.85rem;color:var(--accent)}.filter-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}.hint-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.85rem}.hint-box summary{cursor:pointer;color:var(--muted)}.terminal-hint{margin-top:.75rem;font-size:.75rem;line-height:1.5;color:var(--accent-dim);white-space:pre-wrap}.hook-line{font-size:.85rem;color:var(--muted);margin:.5rem 0 .75rem}.card-actions-row{display:flex;flex-wrap:wrap;gap:.5rem}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.modal-wide{max-width:560px}.field-label{display:block;font-size:.75rem;color:var(--muted);margin:1rem 0 .35rem;text-transform:uppercase;letter-spacing:.04em}.inline-field{display:flex;gap:.5rem;margin-bottom:.5rem}.inline-field input{flex:1 1;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;color:var(--text);font-size:.85rem}.status.queue{color:#f59e0b}.status.dm1_sent{color:#10b981}.status.replied{color:#eab308}.project-bar-wrap{overflow-x:auto;margin-bottom:.75rem;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.project-bar{display:flex;gap:.35rem;min-width:min-content}.project-tab{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.project-tab.active{border-color:var(--accent-dim);background:var(--surface2);color:var(--text)}.project-tab.has-gaps:not(.active){border-color:#8b5a2b}.project-tab-name{font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis}.project-tab-meta{font-size:.7rem;opacity:.8}.project-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.project-detail{padding:1.25rem}.gaps-list{list-style:none;margin:.75rem 0 1rem;padding:.65rem .85rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);border-radius:8px;font-size:.85rem;color:#fbbf24}.gaps-list li+li{margin-top:.25rem}.check-grid{display:grid;grid-gap:.5rem;gap:.5rem;margin:1rem 0 1.25rem}.check-row{display:flex;align-items:center;gap:.65rem;font-size:.9rem;cursor:pointer;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--border);background:var(--surface2)}.check-row input{width:1.1rem;height:1.1rem;accent-color:#10b981}.hook-input,.story-select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;color:var(--text);font-size:.85rem;margin-bottom:.5rem}.main.portfolio{max-width:1280px;padding:2.5rem 1.5rem 5rem}.portfolio-hero{margin-bottom:2.5rem;max-width:640px}.portfolio-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:.75rem}.portfolio-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}.portfolio-subline{font-size:1.05rem;color:var(--muted);margin-bottom:.5rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"featured featured keyf" "featured featured amor" "acai bascha cookie" "daily schreinerei schreinerei";grid-gap:1.25rem;gap:1.25rem}.portfolio-card:first-child{grid-area:featured}.portfolio-card:nth-child(2){grid-area:keyf}.portfolio-card:nth-child(3){grid-area:amor}.portfolio-card:nth-child(4){grid-area:acai}.portfolio-card:nth-child(5){grid-area:bascha}.portfolio-card:nth-child(6){grid-area:cookie}.portfolio-card:nth-child(7){grid-area:daily}.portfolio-card:nth-child(8){grid-area:schreinerei}.portfolio-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}.portfolio-card:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.portfolio-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.portfolio-browser{background:#0a0a0a;border-bottom:1px solid var(--border)}.portfolio-browser-bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border-bottom:1px solid var(--border)}.portfolio-dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.portfolio-dot-red{background:#ff5f57}.portfolio-dot-yellow{background:#febc2e}.portfolio-dot-green{background:#28c840}.portfolio-browser-url{flex:1 1;margin-left:.35rem;font-size:.68rem;color:var(--muted);background:var(--surface2);border-radius:6px;padding:.25rem .55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-preview{--preview-scale:0.28;height:220px;overflow:hidden;position:relative;background:#fff}.portfolio-card-featured .portfolio-preview{--preview-scale:0.32;height:340px}.portfolio-preview iframe{width:1440px;height:900px;transform:scale(var(--preview-scale));transform-origin:top left;border:0;pointer-events:none}.portfolio-card-meta{padding:1rem 1.1rem 1.15rem}.portfolio-card-meta h2{font-size:1rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.2rem}.portfolio-tagline{font-size:.82rem;color:var(--muted);margin-bottom:.75rem}.portfolio-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.portfolio-pill{font-size:.68rem;font-weight:500;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.portfolio-live-link{margin-left:auto;font-size:.78rem;color:var(--accent-dim);text-decoration:underline;text-underline-offset:3px}.portfolio-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200}.portfolio-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:1100px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.portfolio-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.portfolio-modal-header h2{font-size:1.1rem;font-weight:600}.portfolio-modal-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.portfolio-modal-frame{flex:1 1;min-height:0;background:#fff}.portfolio-modal-frame iframe{width:100%;height:calc(92vh - 80px);min-height:480px;border:0}@media (max-width:960px){.portfolio-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"featured featured" "keyf amor" "acai bascha" "cookie daily" "schreinerei schreinerei"}.portfolio-card-featured .portfolio-preview{height:280px}}@media (max-width:540px){.nav{padding:1rem}.link-box{flex-direction:column}.main,.main.portfolio{padding:1.5rem 1rem 3rem}.portfolio-grid{grid-template-columns:1fr;grid-template-areas:"featured" "keyf" "amor" "acai" "bascha" "cookie" "daily" "schreinerei"}.portfolio-preview{height:200px}.portfolio-card-featured .portfolio-preview{height:220px}.portfolio-modal-header{flex-direction:column}.portfolio-modal-actions{width:100%;justify-content:space-between}.portfolio-modal-frame iframe{min-height:360px;height:calc(92vh - 120px)}}.studio-main{max-width:720px}.studio-main-wide{max-width:1100px}.studio-main-narrow{max-width:520px}.card-link{display:block;transition:border-color .15s,background .15s}.card-link:hover{border-color:#3a3a3a;background:var(--surface2)}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.studio-phase-badge{font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:999px;background:var(--surface2);border:1px solid var(--border);color:var(--accent-dim)}.pill-active{color:#10b981;border-color:#10b98144;background:#10b98118}.pill-rejected,.pill-stopped{color:#f87171;border-color:#f8717144;background:#f8717118}.pill-completed{color:var(--accent);border-color:var(--accent-dim);background:#e8e4dc18}.studio-back{display:inline-block;margin-bottom:.5rem}.studio-form{padding:1.5rem}.studio-handle-input{display:flex;align-items:center;width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;margin-bottom:.25rem;transition:border-color .15s}.studio-handle-input:focus-within{border-color:#555}.studio-handle-prefix{padding:.65rem 0 .65rem .85rem;color:var(--accent-dim);font-size:.95rem;font-weight:600;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.studio-handle-input input{flex:1 1;min-width:0;border:none;background:transparent;padding:.65rem .85rem .65rem .35rem;color:var(--text);font-size:.9rem;font-family:inherit;outline:none}.studio-handle-input input::placeholder{color:#555}.studio-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;color:var(--text);font-size:.9rem;font-family:inherit;margin-bottom:.25rem}.studio-input:focus{outline:none;border-color:#444}.studio-error{color:#f87171;font-size:.85rem;margin:.75rem 0 0}.studio-hint{margin:-.25rem 0 .5rem}.studio-upload{border:1px dashed var(--border);border-radius:10px;padding:1.25rem;text-align:center;cursor:pointer;margin-bottom:.5rem;min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--surface2);transition:border-color .15s}.studio-upload:hover{border-color:#444}.studio-upload-preview{max-width:100%;max-height:200px;border-radius:8px}.studio-upload-input{display:none}.small-btn{font-size:.78rem;padding:.4rem .75rem;margin-bottom:.75rem}.page-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.studio-screenshot-card{margin-bottom:1rem}.studio-screenshot-img{width:100%;max-width:320px;border-radius:10px;border:1px solid var(--border)}.studio-layout{display:grid;grid-template-columns:240px 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}.studio-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:1rem;font-weight:600}.studio-steps{list-style:none;display:flex;flex-direction:column;gap:.35rem}.studio-step{display:flex;align-items:center;gap:.65rem;font-size:.85rem;padding:.45rem .5rem;border-radius:8px;color:var(--muted)}.studio-step-num{width:1.4rem;height:1.4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;background:var(--surface2);border:1px solid var(--border);flex-shrink:0}.studio-step-current{color:var(--text);background:var(--surface2);font-weight:600}.studio-step-current .studio-step-num{background:var(--accent);color:#0c0c0c;border-color:var(--accent)}.studio-step-done{color:var(--accent-dim)}.studio-step-done .studio-step-num{border-color:#3a3a3a}.studio-panel{display:flex;flex-direction:column;gap:1rem;min-width:0}.studio-status{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .55rem;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.studio-status-running{color:#60a5fa;border-color:#60a5fa44}.studio-status-done{color:#10b981;border-color:#10b98144}.studio-status-error{color:#f87171;border-color:#f8717144}.studio-status-queued{color:#f59e0b;border-color:#f59e0b44}.studio-status-blocked{color:#fb923c;border-color:#fb923c44}.studio-blocker{margin:1rem 0 0;padding:1rem 1.1rem;border-radius:10px;border:1px solid #fb923c55;background:#fb923c12}.studio-blocker-title{margin:0 0 .35rem;font-size:.95rem;font-weight:600;color:#fdba74}.studio-blocker-service{margin:0 0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.studio-blocker-message{margin:0 0 .85rem;font-size:.88rem;line-height:1.5;color:var(--text)}.studio-log{margin-top:1rem;background:#080808;border:1px solid var(--border);border-radius:10px;padding:1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.55;color:#7dd87d;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word}.studio-artifacts{list-style:none;display:flex;flex-direction:column;gap:.5rem}.studio-artifacts li{font-size:.85rem}@media (max-width:768px){.studio-layout{grid-template-columns:1fr}.studio-stepper{order:-1}.studio-steps{flex-direction:row;flex-wrap:wrap}.studio-step span:not(.studio-step-num){display:none}}