.create-twin-modal{--bg: #0a0a0b;--fg: #ededed;--fg-dim: #a6a6a6;--fg-faint: #6b6b6b;--card: #161618;--card-2: #1c1c1f;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--input: #121215;--lemon: #e9f940;--lemon-glow: rgba(233, 249, 64, .45);--lemon-soft: rgba(233, 249, 64, .12);--radius: 12px;--radius-lg: 20px;--radius-pill: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);position:relative;width:min(920px,100%);max-height:calc(100vh - 48px);background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-lg);font-family:var(--font-sans);letter-spacing:-.01em;display:flex;flex-direction:column;overflow:hidden;animation:ctm-modal-rise .32s var(--ease-out) both}.create-twin-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:ctm-overlay-in .2s ease-out both}.create-twin-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 28px 16px;border-bottom:1px solid var(--line)}.create-twin-modal__heading{display:flex;align-items:center;gap:12px;min-width:0}.create-twin-modal__title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.create-twin-modal__subtitle{margin:4px 0 0;font-size:13px;color:var(--fg-dim);line-height:1.4}.create-twin-modal__back,.create-twin-modal__close{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#ffffff0a;color:var(--fg-dim);display:grid;place-items:center;cursor:pointer;transition:all .15s var(--ease-out);font-family:inherit}.create-twin-modal__back svg,.create-twin-modal__close svg{width:14px;height:14px}.create-twin-modal__back:hover:not(:disabled),.create-twin-modal__close:hover:not(:disabled){color:var(--fg);background:#ffffff14;border-color:var(--line-strong)}.create-twin-modal__back:disabled,.create-twin-modal__close:disabled{opacity:.5;cursor:not-allowed}.create-twin-modal__body{overflow-y:auto;padding:28px}.create-twin-modal__picker{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}.create-twin-modal__picker-tile{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff05;color:inherit;font-family:inherit;cursor:pointer;text-align:left;transition:all .15s var(--ease-out)}.create-twin-modal__picker-tile:hover{border-color:var(--line-strong);background:#ffffff0a;transform:translateY(-1px)}.create-twin-modal__picker-avatar{width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--card-2);display:grid;place-items:center;flex-shrink:0}.create-twin-modal__picker-avatar img{width:100%;height:100%;object-fit:cover}.create-twin-modal__picker-avatar svg{width:22px;height:22px;color:var(--fg-faint)}.create-twin-modal__picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.create-twin-modal__picker-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-twin-modal__picker-hint{font-size:12px;color:var(--fg-dim)}.create-twin-modal__picker-arrow{color:var(--fg-faint);width:16px;height:16px;flex-shrink:0}.create-twin-modal__picker-add{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:var(--radius);border:1px dashed rgba(233,249,64,.3);background:#e9f94008;color:inherit;font-family:inherit;cursor:pointer;text-align:left;transition:all .15s var(--ease-out)}.create-twin-modal__picker-add:hover{background:#e9f9400f;border-color:#e9f94080}.create-twin-modal__picker-add-icon{width:44px;height:44px;border-radius:12px;background:var(--lemon-soft);color:var(--lemon);display:grid;place-items:center;flex-shrink:0}.create-twin-modal__picker-add-info{flex:1;display:flex;flex-direction:column;gap:3px}.create-twin-modal__picker-add-title{font-weight:600;font-size:14px;color:var(--fg)}.create-twin-modal__picker-add-hint{font-size:12px;color:var(--fg-dim)}.create-twin-modal__create{display:flex;flex-direction:column;gap:28px}.create-twin-modal__prompt-box{position:relative;border-radius:var(--radius-lg);background:var(--card-2);overflow:hidden;isolation:isolate}.create-twin-modal__prompt-box:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:conic-gradient(from var(--ctm-angle, 0deg),var(--lemon),oklch(.78 .18 280),oklch(.78 .18 200),oklch(.78 .18 340),var(--lemon));padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ctm-rotate 8s linear infinite;z-index:0;pointer-events:none}.create-twin-modal__prompt-inner{position:relative;z-index:1;padding:22px 24px}.create-twin-modal__prompt-textarea{width:100%;min-height:96px;background:transparent;border:none;padding:0;color:var(--fg);font-size:16px;line-height:1.4;font-family:inherit;outline:none;resize:vertical}.create-twin-modal__prompt-textarea::placeholder{color:var(--fg-faint)}.create-twin-modal__prompt-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.create-twin-modal__dropzone{position:relative;display:flex;align-items:center;justify-content:center;padding:24px;border:2px dashed var(--line);border-radius:var(--radius);background:#ffffff05;cursor:pointer;transition:all .15s var(--ease-out)}.create-twin-modal__dropzone:hover{border-color:#e9f94066;background:#e9f94005}.create-twin-modal__dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--fg-dim);text-align:center}.create-twin-modal__dropzone-title{font-size:13px;font-weight:500;color:var(--fg)}.create-twin-modal__dropzone-hint{font-size:11px;color:var(--fg-faint)}.create-twin-modal__preview{width:96px;height:96px;object-fit:cover;border-radius:var(--radius)}.create-twin-modal__file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.create-twin-modal__replace{background:transparent;border:none;color:var(--lemon);font-size:12px;cursor:pointer;font-family:inherit;align-self:flex-start}.create-twin-modal__replace:hover{text-decoration:underline}.create-twin-modal__field{display:flex;flex-direction:column;gap:8px}.create-twin-modal__label{font-size:13px;font-weight:500}.create-twin-modal__input{width:100%;background:var(--input);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;color:var(--fg);font-size:14px;outline:none;transition:all .18s var(--ease-out);font-family:inherit}.create-twin-modal__input:focus{border-color:#e9f94066;box-shadow:0 0 0 3px #e9f94014}.create-twin-modal__seeds{display:flex;flex-direction:column;gap:16px}.create-twin-modal__seeds-head{display:flex;justify-content:space-between;align-items:center}.create-twin-modal__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint)}.create-twin-modal__seed-count{font-size:11px;color:var(--fg-faint)}.create-twin-modal__seed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.create-twin-modal__seed-tile{text-align:left;cursor:pointer;background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius);color:inherit;font-family:inherit;padding:14px;transition:all .18s var(--ease-out)}.create-twin-modal__seed-tile:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.create-twin-modal__seed-tile.is-selected{background:#e9f9400a;border-color:#e9f9404d}.create-twin-modal__seed-portrait{position:relative;aspect-ratio:3/2;border-radius:8px;overflow:hidden;margin-bottom:10px}.create-twin-modal__seed-title{font-weight:600;font-size:13px;margin-bottom:4px}.create-twin-modal__seed-sub{font-size:11px;color:var(--fg-dim)}@media(max-width:700px){.create-twin-modal__seed-grid{grid-template-columns:1fr 1fr}}.create-twin-modal__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;transition:all .18s var(--ease-out);font-family:inherit;white-space:nowrap;position:relative;overflow:hidden}.create-twin-modal__btn svg{width:14px;height:14px}.create-twin-modal__btn:disabled{opacity:.5;cursor:not-allowed}.create-twin-modal__btn--primary{background:var(--lemon);color:#0a0a0b;font-weight:600}.create-twin-modal__btn--primary:hover:not(:disabled){box-shadow:0 0 24px var(--lemon-glow);transform:translateY(-1px)}.create-twin-modal__btn--ghost{color:var(--fg-dim)}.create-twin-modal__btn--ghost:hover{background:#ffffff0a;color:var(--fg)}.create-twin-modal__btn--sm{padding:6px 12px;font-size:12px}.create-twin-modal__btn--sm svg{width:12px;height:12px}.create-twin-modal__btn--sheen:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.25),transparent);transform:skew(-15deg);transition:left .6s var(--ease-out)}.create-twin-modal__btn--sheen:hover:after{left:200%}.create-twin-modal__actions{display:flex;justify-content:flex-end;gap:12px}.create-twin-modal__cancel{background:transparent;border:1px solid var(--line);color:var(--fg-dim);border-radius:var(--radius-pill);padding:10px 16px;font-size:13px;cursor:pointer;font-family:inherit;transition:all .18s var(--ease-out)}.create-twin-modal__cancel:hover:not(:disabled){color:var(--fg);border-color:var(--line-strong)}.create-twin-modal__submit{@extend .create-twin-modal__btn;}.create-twin-modal__error{padding:10px 14px;border:1px solid rgba(255,80,80,.3);background:#ff50500f;color:#ff9b9b;border-radius:var(--radius);font-size:12px}.create-twin-modal__spinner{animation:ctm-spin .8s linear infinite}.create-twin-modal__conjure{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 0;text-align:center}.create-twin-modal__orb{position:relative;width:240px;height:240px}.create-twin-modal__orb-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,oklch(.78 .18 var(--orb-h1, 200)) 0%,oklch(.4 .12 var(--orb-h2, 280)) 60%,transparent 100%);filter:blur(40px);animation:ctm-orb-pulse 3s ease-in-out infinite}.create-twin-modal__orb-spinner{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:conic-gradient(from 0deg,oklch(.78 .18 var(--orb-h1, 200)),oklch(.78 .18 var(--orb-h2, 280)),oklch(.78 .18 var(--orb-h1, 200)));animation:ctm-spin 4s linear infinite;filter:blur(2px)}.create-twin-modal__orb-mask{position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;background:var(--bg);border:1px solid rgba(255,255,255,.1)}.create-twin-modal__orb-portrait{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;overflow:hidden}.create-twin-modal__orb-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#fff6;margin-top:-3px;margin-left:-3px;transition:all .4s}.create-twin-modal__orb-dot.is-active{background:var(--lemon);box-shadow:0 0 12px var(--lemon)}.create-twin-modal__progress{display:flex;gap:6px;width:100%;max-width:360px}.create-twin-modal__progress-step{flex:1;height:3px;border-radius:2px;background:#ffffff14;position:relative;overflow:hidden}.create-twin-modal__progress-step.is-done{background:var(--lemon);box-shadow:0 0 8px var(--lemon-glow)}.create-twin-modal__conjure-title{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0}.create-twin-modal__conjure-step{color:var(--fg-dim);font-size:13px}.create-twin-modal__conjure-log{width:100%;max-width:480px;padding:14px 16px;background:#0006;border:1px solid var(--line);border-radius:8px;font-family:var(--font-mono);font-size:11px;text-align:left}.create-twin-modal__conjure-log-line{color:var(--fg-faint);margin-bottom:4px}.create-twin-modal__conjure-log-text{color:var(--fg-dim)}@keyframes ctm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ctm-modal-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ctm-rotate{to{transform:rotate(360deg)}}@keyframes ctm-spin{to{transform:rotate(360deg)}}@keyframes ctm-orb-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}@media(prefers-reduced-motion:reduce){.create-twin-modal,.create-twin-modal__overlay,.create-twin-modal__prompt-box:before,.create-twin-modal__orb-glow,.create-twin-modal__orb-spinner,.create-twin-modal__spinner{animation:none!important}}