/* Ajan chat: wide canvas, champagne tokens, one conversation. */
.workspace-tabs{display:flex;gap:4px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.workspace-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;min-height:44px;color:var(--muted);font-size:13px}
.workspace-tabs button[aria-pressed="true"]{border-color:var(--gold);color:var(--ink)}
.prompt-library-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:300px;overflow:auto;padding:3px}
.prompt-library-card{padding:12px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0}
.prompt-library-card small{display:block;color:var(--gold);font-size:10px;margin-bottom:6px}.prompt-library-card strong{display:block;font:400 17px/1.3 'Playfair Display',Georgia,serif}.prompt-library-card span{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:6px}
.prompt-library-card[aria-pressed="true"]{border-color:var(--gold);background:var(--soft)}
#ajanPromptDetail{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}#ajanPromptDetail h3{font:400 24px 'Playfair Display',Georgia,serif;margin:8px 0 16px}
.production-field input{min-width:0;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:10px 12px;font:inherit;min-height:44px}
.prompt-preview{font-size:12px;color:var(--muted);margin:12px 0}.prompt-preview summary{cursor:pointer;min-height:32px}.prompt-preview p{max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.prompt-apply{display:flex;gap:8px}.prompt-apply button,.studio-chat-options>button{flex:1;border:1px solid #cdb783;border-radius:7px;background:linear-gradient(110deg,#e9d8b5,#f2e6ce);padding:10px;font-size:12px;min-height:44px}
.studio-chat-options{padding:12px 0;border-block:1px solid var(--line);margin:12px 0}.studio-chat-options>button{width:100%;display:flex;justify-content:space-between}.studio-chat-options p{font-size:11px;color:var(--muted)}.studio-chat-options label{display:flex;align-items:center;gap:8px;font-size:12px}.studio-chat-options input{accent-color:var(--gold);width:16px;height:16px}
.agent-followups{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.agent-followups button{min-height:38px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:12px;padding:7px 10px}.agent-followups .agent-production{background:var(--soft);border-color:#cdb783}
@media(max-width:600px){.production-field input{font-size:16px}}
:root{--bg:#f7f4ed;--surface:#fffdf8;--ink:#302e28;--muted:#797469;--gold:#a3844c;--line:#e5ddcf;--soft:#eee7d9;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:15px/1.55 'Hanken Grotesk',system-ui,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}::selection{background:#ddcda8}
#ajan{position:fixed;top:var(--ajan-offset,0px);inset-inline:0;height:var(--ajan-height,100dvh);display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 38%,#fffcf7 0%,transparent 66%)}
.ajan-top{height:86px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:20px}.ajan-top-left,.ajan-top-right{display:flex;align-items:center;gap:14px;min-width:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;background:transparent;border:1px solid transparent;border-radius:9px}.icon-button:hover,.quiet-button:hover{background:var(--soft)}.ajan-brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.ajan-brand>span:last-child{font:500 20px/1.25 'Playfair Display',Georgia,serif}.ajan-brand small{display:block;font:500 9px/1.8 'Hanken Grotesk',sans-serif;letter-spacing:.22em;color:var(--gold)}.brand-mark{display:block;width:34px;height:34px;flex:none;background:url('/assets/logo-yazi.png?v=2') left center/auto 28px no-repeat}.header-divider{height:28px;border-left:1px solid var(--line);margin:0 6px}.model-button{display:flex;align-items:center;gap:7px;min-height:44px;border:0;background:none;color:var(--muted);font-size:12px;white-space:nowrap}.model-button img,.provider-logos img{object-fit:contain}.model-button span:last-child{margin-left:6px}.quiet-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none}.small-badge{font-size:8px;letter-spacing:.1em;border:1px solid var(--line);padding:2px 5px;border-radius:4px}.member-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:10px 20px;background:var(--ink);color:var(--surface);border:1px solid var(--ink);border-radius:8px;text-decoration:none;font-size:13px;font-weight:500}.member-button:hover{background:#494236}
.ajan-main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:clamp(16px,5vh,64px)}#ajan-empty{text-align:center;padding:12px 24px 28px;flex:none}.welcome-emblem{width:64px;height:64px;border:1px solid #d6c6a5;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 0 0 9px #eae0cd25}.welcome-emblem .brand-mark{width:40px;height:40px;background-size:auto 35px}.eyebrow{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.19em}h1{font:400 clamp(38px,4.1vw,64px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:20px 0 18px}h1 em{color:var(--gold);font-weight:400}#ajan-empty p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}
.ajan-input-wrap{flex:none;padding:0 24px;width:100%;display:flex;justify-content:center}.ajan-input-box{width:100%;max-width:820px}.composer{padding:16px 16px 12px;background:var(--surface);border:1px solid #ddd3c1;border-radius:16px;box-shadow:0 12px 50px -28px #7d633651,0 1px 3px #594c3110;transition:border-color .2s}.composer:focus-within{border-color:#b8a27b}#ajanInput{display:block;width:100%;min-height:56px;max-height:144px;resize:none;border:0;outline:0;background:transparent;padding:7px 8px 12px;color:var(--ink);font-size:16px;line-height:1.55}#ajanInput::placeholder{color:#a09a8d}.ajan-toolbar{display:flex;align-items:center;gap:3px}.plus-button{font-size:26px;font-weight:400;color:var(--muted)}.toolbar-spacer{flex:1}#ajanLength{font-size:10px;color:var(--muted)}.ajan-send{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:10px;background:var(--ink);color:var(--surface);margin-left:6px}.ajan-send[data-busy="true"]{background:var(--soft);color:var(--ink)}.ajan-chips{display:flex;gap:10px;margin-top:18px}.ajan-chip{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:9px;border:1px solid var(--line);background:transparent;border-radius:9px;min-height:48px;padding:10px 14px;font-size:12px;color:var(--muted);text-align:left}.ajan-chip>span{margin-left:auto;color:var(--gold)}.ajan-chip svg{width:17px;height:17px;color:var(--gold)}.ajan-chip:hover{background:var(--surface);border-color:#c5b38f}.ajan-note{display:flex;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted);margin:14px 4px 0}.ajan-note [role="status"]{min-width:0}.ajan-note.uyari{color:#9a4939}#ajanSayac{white-space:nowrap}.composer-context{display:flex;align-items:center;gap:10px;margin:0 8px 8px;color:var(--gold);font-size:12px}.composer-context button{border:0;background:var(--soft);border-radius:5px;width:44px;height:32px}
.ajan-footer{flex:none;min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:10px 36px 16px;color:#928976;font-size:10px}.ajan-footer>span{letter-spacing:.08em}.ajan-footer i{margin:0 8px;font-style:normal}.ajan-footer nav{display:flex;gap:24px}.ajan-footer a{text-decoration:none}.ajan-footer a:hover{color:var(--ink)}
#ajan[data-state="chat"] .ajan-main{padding-bottom:10px;justify-content:flex-start}#ajan[data-state="chat"] #ajan-empty,#ajan[data-state="chat"] #ajanSuggestions{display:none}#ajan-thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2c7b4 transparent}.ajan-thread-inner{width:min(100%,860px);margin:auto;padding:30px 24px 42px;overflow-wrap:anywhere}.msg{margin:0 0 30px;display:flex;align-items:flex-start;gap:13px}.msg .bubble{min-width:0;font-size:16px;line-height:1.85}.msg.user{justify-content:flex-end}.msg.user .bubble{max-width:82%;padding:12px 20px;background:var(--soft);border-radius:12px 12px 3px 12px;white-space:pre-wrap}.msg.assistant .av{margin-top:6px}.msg.assistant .bubble{flex:1}.msg.assistant p{margin:0 0 12px;white-space:pre-wrap}.msg.assistant p:last-child{margin-bottom:0}/* 27.09: eski tek seviye h3 kuralı ortak çizicinin md-h ölçeğine bırakıldı */.msg.assistant a{color:#866936;text-decoration-thickness:1px;text-underline-offset:3px}.msg.system .bubble{font-size:13px;color:#97543d;border-left:2px solid #caa286;padding:8px 14px;max-width:100%}.message-actions{display:flex;gap:4px;margin:10px 0 0}.message-actions button{font-size:11px;min-height:40px;padding:4px 10px;border:0;background:transparent;color:var(--muted);border-radius:6px}.message-actions button:hover{background:var(--soft)}.typing{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center}.typing::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.retry-button{display:block;min-height:44px;border:1px solid var(--line);background:var(--surface);border-radius:6px;margin-top:8px;padding:6px 12px}
dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:12px;box-shadow:0 24px 100px #332a1b20;max-height:calc(var(--ajan-height,100dvh) - 40px);overscroll-behavior:contain}dialog::backdrop{background:#30291e32;backdrop-filter:blur(4px)}.option-dialog{width:min(500px,calc(100vw - 32px))}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2{font:400 27px/1.3 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:4px 0}.panel-note{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 20px}.side-panel{position:fixed;top:var(--ajan-offset,0px);height:var(--ajan-height,100dvh);max-height:var(--ajan-height,100dvh);width:min(390px,92vw);border-radius:0;margin:0;display:none;flex-direction:column}.side-panel[open]{display:flex}.left-panel{right:auto;left:0}.right-panel{left:auto;right:0}.new-chat-button{display:flex;align-items:center;gap:12px;min-height:48px;flex:none;padding:10px 14px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.history-search{display:block;font-size:11px;color:var(--muted);margin-top:22px}.history-search input,.ajan-tool-search{display:block;width:100%;padding:12px;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:16px;color:var(--ink);margin-top:6px}.history-list{flex:1;min-height:0;overflow:auto}.history-item{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line)}.history-open{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left;border:0;background:none;padding:13px 4px;color:var(--ink)}.history-open strong{font-size:13px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-open small{font-size:10px;color:var(--muted)}.history-delete{border:0;background:none;color:var(--muted);width:44px;min-height:44px}.history-item:hover{background:var(--bg)}.sidebar-foot{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.sidebar-foot a{color:var(--gold);text-decoration:none}.ajan-plus-item{display:flex;align-items:flex-start;flex-direction:column;width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:15px 10px;gap:3px;min-height:64px}.ajan-plus-item:hover{background:var(--bg)}.ajan-plus-item strong{font-size:14px;font-weight:500}.ajan-plus-item small{font-size:12px;color:var(--muted)}.capability-note{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 0}.provider-card{display:flex;align-items:flex-start;gap:14px;background:var(--bg);border:1px solid var(--line);padding:18px;border-radius:9px}.provider-card img{object-fit:contain;margin-top:4px}.provider-card strong{font-weight:500}.provider-card p{font-size:12px;color:var(--muted);margin:5px 0 0}.option-dialog h3{font-size:13px;font-weight:500;margin-top:24px}.style-options{display:flex;gap:8px}.style-options button{flex:1;padding:12px 6px;min-height:64px;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:13px}.style-options small{display:block;font-size:10px;color:var(--muted)}.style-options [aria-pressed="true"]{background:var(--soft);border-color:var(--gold)}
.right-panel{overflow:auto}.right-panel>*{flex-shrink:0}.preview-grid{display:grid;gap:14px}.preview-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--bg);text-align:left;padding:0}.preview-art{height:110px;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 110%,#e1c491,transparent 60%),linear-gradient(135deg,#f1e7d4,#e4d8bf);color:#9d8356}.preview-art>svg{width:40px;height:40px;stroke-width:1}.video-preview .preview-art{background:radial-gradient(ellipse at 20% 80%,#a3987e,transparent 70%),linear-gradient(135deg,#ddd8ca,#f2e9d7);color:#665f4e}.preview-label{display:block;padding:14px 16px 38px}.preview-label strong,.audio-preview strong{display:block;font:400 20px 'Playfair Display',Georgia,serif}.preview-label small,.audio-preview small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.preview-card .lock{position:absolute;right:14px;top:14px;width:16px;height:16px}.provider-logos{position:absolute;bottom:12px;left:16px;display:flex;gap:7px}.audio-preview{display:flex;align-items:center;gap:14px;padding:18px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg);text-align:left}.audio-preview>svg:last-child{margin-left:auto;width:16px}.full-width{width:100%;margin-top:16px}.membership-dialog{text-align:center}.membership-dialog h2{font:400 36px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.03em}.membership-emblem{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--line);background:var(--soft);border-radius:50%;margin:25px auto 0}.membership-dialog .panel-head{text-align:left}.membership-dialog .quiet-button{margin-top:6px}
@media(min-width:1500px){.ajan-input-box{max-width:880px}.ajan-thread-inner{max-width:920px}h1{font-size:68px}}
@media(max-width:760px){.ajan-top{height:70px;padding:0 14px;gap:8px}.ajan-top-left,.ajan-top-right{gap:4px}.ajan-brand>span:last-child{font-size:17px}.ajan-brand small{font-size:8px}.ajan-brand .brand-mark{width:28px;background-size:auto 23px}.header-divider,.model-button,.small-badge{display:none}.ajan-top-right>.quiet-button{font-size:0;padding:8px}.ajan-top-right>.quiet-button svg{width:20px}.member-button{padding:8px 12px;gap:8px;font-size:12px}.ajan-main{padding-bottom:20px}#ajan-empty{padding:10px 18px 24px}.welcome-emblem{width:52px;height:52px;margin-bottom:20px}.welcome-emblem .brand-mark{width:34px;background-size:auto 29px}.eyebrow{font-size:9px;letter-spacing:.13em}h1{font-size:42px;margin:14px 0}#ajan-empty p{font-size:13px}.ajan-input-wrap{padding:0 14px}.composer{padding:12px 10px 8px;border-radius:13px}.ajan-chips{gap:6px;margin-top:12px}.ajan-chip{padding:10px;justify-content:center;font-size:11px;gap:5px}.ajan-chip>span,.ajan-chip svg{display:none}.ajan-note{font-size:9px;gap:8px}.ajan-footer{padding:8px 20px max(12px,env(safe-area-inset-bottom));min-height:34px}.ajan-footer>span{display:none}.ajan-footer nav{margin:auto;gap:28px;font-size:10px}.ajan-thread-inner{padding:20px 16px}.msg .bubble{font-size:15px}.msg.assistant{gap:8px}.msg.assistant .brand-mark{width:25px;background-size:auto 22px}.msg.user .bubble{padding:10px 14px}.side-panel{padding:20px}.option-dialog{padding:20px}.panel-head h2{font-size:25px}#ajan[data-state="chat"] .ajan-main{padding-bottom:4px}}
@media(max-width:370px){.ajan-top{padding-inline:8px}.ajan-brand{gap:3px}.ajan-brand>span:last-child{font-size:15px}.ajan-top-right{gap:0}.ajan-top-right .member-button{padding:8px}.ajan-top-right .member-button span{display:none}.skill-trigger{display:none}h1{font-size:36px}.ajan-note{flex-wrap:wrap;justify-content:center;margin-top:8px}}
@media(max-height:740px){.welcome-emblem{display:none}#ajan-empty{padding-bottom:18px}h1{font-size:40px}.ajan-main{padding-bottom:8px}.ajan-footer{min-height:32px}}
.ajan-keyboard .ajan-footer,.ajan-keyboard .ajan-note,.ajan-keyboard #ajanSuggestions{display:none}.ajan-keyboard #ajan-empty{flex:1;min-height:0;overflow:hidden;padding:12px}.ajan-keyboard #ajan-empty h1{font-size:25px;margin:0}.ajan-keyboard #ajan-empty p,.ajan-keyboard #ajan-empty .eyebrow,.ajan-keyboard .welcome-emblem{display:none}.ajan-keyboard .ajan-main{padding-bottom:8px}
@media(max-height:500px){#ajan-empty{display:none}.ajan-main{justify-content:flex-end}.ajan-footer,.ajan-chips{display:none}.ajan-top{height:56px}.ajan-note{display:none}}
@media(max-width:760px){.ajan-top-right .member-button{white-space:nowrap;flex:none}.ajan-top-right .member-button span{display:none}.ajan-top-right>.quiet-button{width:44px;flex:none}#ajanLength{display:none}}
.ajan-keyboard .ajan-note.uyari{display:flex}
@media(max-height:500px){.ajan-note.uyari{display:flex}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Conversation canvas + docked workspace. Composer stays near the bottom. */
.ajan-main{justify-content:flex-start;padding-bottom:14px}
#ajan-empty{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 24px 44px;overflow:auto}
#ajan-empty .welcome-emblem{width:46px;height:46px;margin-bottom:18px;box-shadow:none;border:0}
#ajan-empty .welcome-emblem .brand-mark{width:36px;height:36px;background-size:auto 31px}
#ajan-empty h1{font-size:clamp(38px,4vw,60px)}
#ajan-empty .ajan-chips{width:auto;max-width:100%;margin-top:25px;flex-wrap:wrap;justify-content:center;flex-shrink:0}
#ajan-empty .ajan-chip{flex:initial;min-height:40px;font-size:11px;padding:8px 12px;border-color:#e1d8c8;background:transparent}
.ajan-input-box{max-width:900px}
.composer{border-radius:12px;box-shadow:0 8px 35px -25px #77604044;padding-top:12px}
.ajan-input-wrap{margin-top:auto}
.ajan-footer{min-height:36px;padding-top:4px;padding-bottom:12px}
#ajanPanelAc[aria-expanded="true"]{background:var(--soft);color:var(--ink)}

/* Small anchored skills list: no backdrop, no interruption of the conversation. */
.skills-popover{position:fixed;z-index:80;inset:auto;margin:0;width:min(292px,calc(100vw - 24px));max-width:none;padding:10px 12px;border-radius:10px;box-shadow:0 12px 45px #3c302225;overflow:auto}
.skills-popover .panel-head{margin:0 0 4px;gap:8px}
.skills-popover .panel-head h2{font:500 13px/1.4 'Hanken Grotesk',system-ui,sans-serif;letter-spacing:0}
.skills-popover .panel-head .icon-button{width:36px;height:36px}
.skills-popover .panel-head svg{width:16px;height:16px}
.skills-popover .ajan-tool-search{margin:0 0 7px;padding:8px 10px;font-size:16px;height:38px;border-radius:6px;background:var(--bg)}
.skills-popover .ajan-plus-item{min-height:50px;padding:9px 7px;gap:2px;border:0;border-radius:6px}
.skills-popover .ajan-plus-item strong{font-size:12px;font-weight:500}
.skills-popover .ajan-plus-item small{font-size:10px;line-height:1.4}
.skills-popover .capability-note{font-size:10px;margin:8px 5px 2px;padding-top:8px;border-top:1px solid var(--line)}

/* Preview canvas is intentionally not a generated result. Media remains gated. */
#ajanPanel{padding:22px;background:#f4f0e7}
#ajanPanel .panel-head{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}
#ajanPanel .panel-head h2{font-size:25px}
#ajanPanel .eyebrow{font-size:8px;letter-spacing:.14em}
.production-canvas{position:relative;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ded2be;border-radius:8px;text-align:center;padding:54px 20px 22px;background:radial-gradient(ellipse at 50% 35%,#fcf8ef,#eee4d1);overflow:hidden}
.canvas-label{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:var(--muted)}
.canvas-label>span{border:1px solid #d8cbb4;padding:3px 5px;border-radius:3px;font-size:7px}
.canvas-art{position:relative;display:grid;place-items:center;width:62px;height:62px;margin:5px auto 22px;border:1px solid #bca77d;border-radius:8px;transform:rotate(-8deg);box-shadow:8px 8px 0 -1px #f2eadb,8px 8px 0 0 #d2c1a0;background:#faf5e9;color:#a3844c}
.canvas-art svg{width:28px;height:28px;transform:rotate(8deg);stroke-width:1.1}
.production-canvas h3{font:400 25px/1.25 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:0 0 12px}
.production-canvas p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.canvas-caption{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--gold);margin-top:22px}.canvas-caption svg{width:12px;height:12px}
.production-label{font-size:9px;letter-spacing:.15em;color:var(--gold);margin:24px 0 12px}
#ajanPanel .preview-grid{gap:8px}
#ajanPanel .preview-card{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:12px;background:var(--surface);border-radius:7px}
#ajanPanel .preview-art{width:34px;height:38px;background:var(--soft);border-radius:5px}
#ajanPanel .preview-art>svg{width:19px;height:19px}
#ajanPanel .preview-label{padding:0 16px 0 4px}
#ajanPanel .preview-label strong,#ajanPanel .audio-preview strong{font:500 12px/1.4 'Hanken Grotesk',system-ui,sans-serif}
#ajanPanel .preview-label small,#ajanPanel .audio-preview small{font-size:10px;margin-top:4px}
#ajanPanel .provider-logos{position:static;grid-column:2;margin:7px 0 0 4px;gap:5px}
#ajanPanel .provider-logos img{width:13px;height:13px}
#ajanPanel .lock{width:12px;height:12px;top:14px;right:10px;color:var(--gold)}
#ajanPanel .audio-preview{padding:14px 12px;gap:12px;border-radius:7px;background:var(--surface)}
#ajanPanel .audio-preview>svg:first-child{width:34px}
#ajanPanel .capability-note{font-size:10px;margin-top:16px}
@media(min-width:1100px){
 #ajan[data-production="open"] .ajan-main{margin-right:388px}
 #ajanPanel{top:calc(var(--ajan-offset,0px) + 88px);right:18px;bottom:auto;width:352px;height:calc(var(--ajan-height,100dvh) - 136px);max-height:calc(var(--ajan-height,100dvh) - 136px);border-radius:10px;box-shadow:0 8px 40px -25px #51412830;z-index:6}
 #ajanPanel .production-canvas{flex:1;min-height:225px}
}
@media(max-width:760px){
 #ajan-empty{padding:12px 18px 28px}#ajan-empty h1{font-size:40px}
 #ajan-empty .ajan-chips{gap:6px;margin-top:20px}#ajan-empty .ajan-chip{padding:7px 9px;font-size:10px;min-height:36px}
 .ajan-main{padding-bottom:8px}.ajan-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(max-width:370px){#ajan-empty h1{font-size:35px}#ajan-empty .ajan-chip{font-size:9px;padding-inline:7px}}
@media(max-height:740px){#ajan-empty .welcome-emblem{display:none}#ajan-empty{padding-bottom:22px}#ajan-empty h1{font-size:36px}}
@media(max-height:500px){#ajan-empty{display:none}.ajan-main{justify-content:flex-end}}
.ajan-keyboard #ajan-empty{padding:8px}.ajan-keyboard #ajan-empty h1{font-size:25px}
.production-canvas>*{flex-shrink:0}.production-canvas .canvas-art{width:42px;height:42px;margin:0 auto 16px}.production-canvas{padding:42px 16px 18px}.production-canvas h3{font-size:23px;margin-bottom:8px}.production-canvas .canvas-caption{margin-top:16px}
#ajanPanel .production-canvas{min-height:286px}

/* A single skill entry, compact model picker, and three editable starters. */
#ajan-empty{padding:20px 24px 44px}
#ajan-empty h1{font-size:clamp(38px,4vw,60px);margin:20px 0 18px}
#ajan-empty .welcome-emblem{margin-bottom:18px}
#ajan-empty #ajanSuggestions{display:flex;width:auto;max-width:100%;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0}
#ajanSuggestions .ajan-chip{flex:initial;min-height:40px;padding:8px 12px;font-size:11px;border-radius:9px;background:transparent;white-space:nowrap}
.ajan-input-box{max-width:820px}
.composer{padding:10px 12px 8px;border-radius:24px}
#ajanInput{min-height:44px;padding:7px 10px 9px}
.ajan-send{border-radius:50%}
.composer-media{font-size:11px;padding:7px 8px;gap:5px;flex:none}
.composer-media svg{width:15px;height:15px}.composer-media[aria-expanded="true"]{background:var(--soft)}
.media-option{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;border:0;border-radius:7px;background:transparent;padding:10px 7px;text-align:left;font-size:12px}
.media-option:hover{background:var(--soft)}.media-option>svg:first-child{width:18px;height:18px;color:var(--gold)}
.media-option small{display:block;margin-top:3px;font-size:10px;color:var(--muted)}
.media-option .mode-lock{width:12px;height:12px;margin-left:auto;color:var(--gold)}
.composer .composer-skill{font-size:11px;padding:7px 8px;gap:5px;flex:none}
.composer-skill svg{width:15px;height:15px;color:var(--gold)}
.composer .model-button{display:inline-flex;font-size:11px;gap:5px;padding:7px 8px;border-radius:6px;min-height:44px;flex:none}
.composer .model-button:hover,.composer .model-button[aria-expanded="true"],.composer-skill[aria-expanded="true"]{background:var(--soft)}
.composer .model-button img{display:block;width:14px;height:14px;max-width:14px;flex:none}
.composer .model-button span:last-child{margin-left:0}
.model-popover .provider-card{padding:12px;gap:9px;border-radius:6px}
.model-popover .provider-card img{width:16px;height:16px;flex:none}
.model-popover .provider-card strong{font-size:12px}.model-popover .provider-card strong span{margin-left:14px;color:var(--gold)}
.model-popover .provider-card p{font-size:10px;line-height:1.6}
.model-popover h3{font-size:11px;font-weight:500;margin:16px 2px 8px;color:var(--muted)}
.model-popover .style-options{gap:5px}.model-popover .style-options button{font-size:11px;padding:8px 4px;min-height:54px;border-radius:5px}
.model-popover .style-options small{font-size:8px}.model-popover .panel-note{font-size:10px;margin:12px 2px 4px}
@media(max-width:760px){
 #ajan-empty{padding:12px 18px 28px}#ajan-empty h1{font-size:40px}
 #ajan-empty #ajanSuggestions{gap:6px;margin-top:20px}#ajanSuggestions .ajan-chip{padding:7px 9px;font-size:10px;min-height:40px;line-height:1.3;text-align:center}
 .composer .model-auto{display:none}.composer .model-button{padding-inline:7px}
 .composer{padding:9px 10px 7px;border-radius:22px}.composer-media{width:44px;padding:8px}.composer-media span{display:none}
}
@media(max-width:370px){.composer-skill{width:44px}.composer-skill span{display:none}#ajan-empty h1{font-size:35px}#ajanSuggestions .ajan-chip{font-size:9px;padding-inline:7px}}
@media(max-height:740px){#ajan-empty{padding-bottom:22px}#ajan-empty h1{font-size:36px}}
@media(max-height:500px){#ajan-empty #ajanSuggestions{display:none}}
.ajan-keyboard #ajan-empty #ajanSuggestions{display:none}

/* Warm primary actions and an opt-in production brief, shared with Studio. */
:root{--action:#d3ae62;--action-hover:#dfbd78;--action-ink:#352812}
.member-button,.ajan-send{background:var(--action);color:var(--action-ink);border-color:#c8a15b}
.member-button:hover,.ajan-send:not(:disabled):hover{background:var(--action-hover)}
.ajan-send:disabled{opacity:1;background:#eadabe;color:#918068}
.ajan-send[data-busy="true"]{background:var(--soft);color:var(--ink)}
.composer .model-button{color:#8a6937}
.production-tabs{display:flex;gap:6px;border:1px solid var(--line);padding:4px;border-radius:8px;background:#ebe4d7;margin-bottom:14px}
.production-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:38px;border:0;border-radius:5px;background:transparent;font-size:12px;color:var(--muted)}
.production-tabs [aria-pressed="true"]{background:var(--surface);color:#89652c;box-shadow:0 2px 5px #5544280a}
.production-tabs svg{width:15px;height:15px}
.shot-stage{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;background:radial-gradient(ellipse at center,#fdf9f0,#eae0cc);border:1px solid #dfd1b8;border-radius:9px;margin-bottom:14px}
#ajanShotFrame{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #bfa36c;border-radius:4px;background:#fffaf055;box-shadow:0 10px 24px #9c7b3520;color:#a27e40;font-size:10px}
.shot-stage>span{font-size:7px;letter-spacing:.11em;color:#8d7e61}
.production-field{display:block;font-size:10px;color:#88744f;letter-spacing:.02em}
.production-field textarea,.production-field select{display:block;width:100%;border:1px solid #ddd1bd;background:var(--surface);color:var(--ink);font:400 13px/1.5 'Hanken Grotesk',system-ui,sans-serif;border-radius:7px;padding:10px;margin-top:6px;min-height:44px}
.production-field textarea{resize:vertical;min-height:92px;max-height:180px}
.production-copy{display:flex;justify-content:space-between;align-items:center;min-height:40px;border:0;background:transparent;color:#91703b;font-size:10px;margin:4px 0 12px;padding:6px 1px}
.production-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 10px}
.production-detail{font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0 20px}
.production-next{border-top:1px solid var(--line);padding-top:16px;margin-top:auto}
.production-next .eyebrow{font-size:7px!important;letter-spacing:.06em!important}.production-next i{font-style:normal;margin:0 5px;color:#b59864}
.production-next .member-button{margin-top:12px;width:100%}.production-next p{font-size:10px;line-height:1.7;color:var(--muted);margin:10px 0 0}
#ajanPanel .panel-head{margin-bottom:14px;padding-bottom:12px}
#ajanVoice [role="status"]{font-size:13px;line-height:1.6;padding:12px;background:var(--soft);border-radius:8px;overflow-wrap:anywhere}
#ajanMic[aria-pressed="true"]{background:var(--action);color:var(--action-ink);box-shadow:0 0 0 3px #d3ae6230}
@media(max-width:760px){.production-field textarea,.production-field select{font-size:16px}.composer .model-button{font-size:10px;padding-inline:5px}.composer .composer-skill{width:44px}.composer-skill span{display:none}}
/* Sohbet türü (Tarih / Genel) — araç çubuğunun başında sade altın yazı. */
.composer .tur-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;flex:none;border:0;border-radius:6px;background:none;color:var(--gold);font-size:12px;font-weight:600;white-space:nowrap;padding:0 8px}
.composer .tur-button:hover,.composer .tur-button[aria-expanded="true"]{background:var(--soft)}
.tur-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.tur-popover{width:min(360px,calc(100vw - 24px))}
.tur-popover .style-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tur-popover .style-options button{min-height:58px;text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:var(--ink)}
.tur-popover .style-options small{margin-top:3px;font-size:10px;font-weight:400;line-height:1.35}
@media(max-width:760px){.composer .tur-button{font-size:11px;gap:4px;padding:0 4px}}
.msg .akis-metin{flex:1}
/* 26.09 Sayfa düğmeleri (Ajan open_page): öneri düğmeleriyle aynı dil, altın çerçeve = sayfaya gider */
.agent-followups .agent-page{display:inline-flex;align-items:center;min-height:38px;border:1px solid #cdb783;border-radius:7px;background:var(--soft);color:var(--ink);font-size:12px;font-weight:500;padding:7px 11px;text-decoration:none}.agent-followups .agent-page:hover{background:#e7dcc6}.agent-followups .agent-page:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* 27.09 — ortak çizici (/ta-markdown.js): Studio ile aynı sınıflar, aynı ölçek */
.bubble .md-h{color:#241f19;margin:18px 0 6px;text-wrap:balance}.bubble .md-h:first-child{margin-top:0}
.msg.assistant .bubble .md-h2{font:650 23px/1.3 'Source Serif 4',Georgia,serif;letter-spacing:-.005em}
.msg.assistant .bubble .md-h3{font:650 19.5px/1.35 'Source Serif 4',Georgia,serif}
.msg.assistant .bubble .md-h4{font:650 17.5px/1.4 'Source Serif 4',Georgia,serif;color:#3b2f1c;margin:14px 0 4px}
.bubble ul,.bubble ol{padding-left:22px;margin:2px 0 10px}.bubble li{margin:4px 0}.bubble li::marker{color:#a77d35}
.bubble li>ul,.bubble li>ol{margin:4px 0 2px}.bubble strong{font-weight:650}.bubble del{color:#71685c}
.bubble .md-hr{border:0;border-top:1px solid #e6dccd;margin:18px 0}
.bubble .md-alinti{margin:6px 0 12px;padding:2px 0 2px 14px;border-left:2px solid #c9a86a;font-style:italic;color:#5d564b}
.bubble .md-kod{margin:12px 0 16px;border:1px solid #e6ddcd;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(60,48,34,.04)}
.bubble .md-kod-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 6px 16px;border-bottom:1px solid #efe7da;font:500 13px/1.2 'Hanken Grotesk',system-ui,sans-serif;color:#7a7064;background:#fff}
.bubble .md-kod pre{margin:0;padding:14px 16px 16px;max-height:460px;overflow:auto;background:none;border-radius:0}
.bubble .md-kod pre code{background:none;padding:0;font:400 13.5px/1.65 ui-monospace,'SF Mono','JetBrains Mono',Menlo,monospace;white-space:pre;color:#1f1b16}
.bubble .md-prompt pre{max-height:none;overflow-y:visible}.bubble .md-prompt pre code{white-space:pre-wrap;overflow-wrap:anywhere}
.bubble .md-tablo{max-width:100%;overflow-x:auto;margin:10px 0 14px;border:1px solid #d8cbb7;border-radius:10px}
.bubble .md-tablo table{border-collapse:collapse;width:100%;font-size:.92em;font-variant-numeric:tabular-nums}
.bubble .md-tablo th,.bubble .md-tablo td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #e6dccd}
.bubble .md-tablo th{font-weight:650;background:#f3ebdc;white-space:nowrap}.bubble .md-tablo tr:last-child td{border-bottom:0}
.bubble .md-kaynak{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:14px 0 2px;padding-top:9px;border-top:1px solid #e6dccd;color:#71685c;font:400 13px/1.5 'Hanken Grotesk',system-ui,sans-serif}
.bubble .md-kaynak-lbl{font-weight:600;color:#5d564b}.bubble .md-kaynak a{color:#7a5c24;border-bottom:1px dotted #c9a86a;text-decoration:none}.bubble .md-kaynak-ayrac{color:#b9ad98}
.agent-draft-card{border:1px solid #d8cbb7;border-radius:12px;padding:14px;margin-top:14px;overflow-wrap:anywhere}
.agent-draft-card details{border-top:1px solid #e6dccd;padding:12px 0}.agent-draft-card summary{cursor:pointer;min-height:36px;font-weight:700}
.agent-draft-card .agent-production{display:inline-flex;align-items:center;min-height:44px;margin:6px 0;padding:10px 14px;border:1px solid #cdb783;border-radius:9px;background:var(--soft);color:var(--ink);font:500 13px/1.4 'Hanken Grotesk',system-ui,sans-serif;text-align:left;cursor:pointer}
.agent-draft-card .agent-production:hover{background:#e7dcc6}.agent-draft-card .agent-production:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* 27.09: ajan cevap metni Claude gibi kitap okunuşu (Source Serif 4); arayüz Hanken */
.msg.assistant .bubble{font-family:'Source Serif 4','Iowan Old Style',Georgia,serif;font-size:17px;line-height:1.66;color:#26211b}
.msg.assistant .bubble :is(.md-kaynak,.agent-followups,.message-actions,button){font-family:'Hanken Grotesk',system-ui,sans-serif}
/* Üretim öncesi brief kartı (27.09) — format · süre · dil · kapsam, model çağrılmadan sorulur. */
.agent-brief{display:grid;gap:12px;margin-top:12px;padding:14px 16px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-family:'Hanken Grotesk',system-ui,sans-serif}
.agent-brief-alan{display:grid;gap:7px;min-width:0}
.agent-brief-soru{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a6a35}
.agent-brief-siklar{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.agent-brief .agent-brief-sik{min-height:38px;max-width:100%;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:500 13.5px/1.25 'Hanken Grotesk',system-ui,sans-serif;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.agent-brief .agent-brief-sik.on{border-color:#b8914f;background:var(--soft);box-shadow:inset 0 0 0 1px #b8914f;font-weight:600}
.agent-brief .agent-brief-sik:disabled{opacity:.72;cursor:default}
.agent-brief .agent-brief-devam{justify-self:start;min-height:42px;padding:9px 18px;border:0;border-radius:9px;background:var(--ink);color:var(--surface);font:600 14px/1 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer}
.agent-brief .agent-brief-devam:disabled{opacity:.5;cursor:default}
.agent-brief button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* Son üretimler galerisi (28.09) — panelin boş kalmaması: kendi üretimlerin, dokununca sohbette açılır. */
.recent-section{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.recent-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.recent-head h3{margin:0;font:600 15px/1.2 'Hanken Grotesk',system-ui,sans-serif;color:var(--ink)}
.recent-head span{font-size:12px;color:var(--muted,#7a7264)}
.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.recent-item{position:relative;aspect-ratio:1;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--soft);overflow:hidden;cursor:pointer}
.recent-item img,.recent-item video{width:100%;height:100%;object-fit:cover;display:block}
.recent-item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.recent-empty{display:grid;place-items:center;height:100%;padding:6px;font-size:11px;line-height:1.3;color:var(--muted,#7a7264);text-align:center}
.recent-badge{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:999px;background:rgba(20,16,10,.62);color:#fff;font-size:10.5px;font-weight:600}

/* Compact shared conversation typography; headings retain a clear hierarchy. */
.msg.assistant .bubble{font:400 15px/1.65 'Hanken Grotesk',system-ui,sans-serif}
.msg.assistant .bubble .md-h2{font:650 18px/1.4 'Hanken Grotesk',system-ui,sans-serif}
.msg.assistant .bubble .md-h3{font:650 16px/1.4 'Hanken Grotesk',system-ui,sans-serif}
.msg.assistant .bubble .md-h4{font:650 15px/1.4 'Hanken Grotesk',system-ui,sans-serif}
.agent-brief::before{content:'▤ Üretim tercihleri';font-weight:600;color:var(--gold)}

#ajanShotFrame:has(img)>svg,#ajanShotFrame:has(img)>span{display:none}
#ajanShotFrame img{display:block;max-width:100%;max-height:170px;object-fit:contain}
#ajan-thread:focus-visible{outline:none}

.shot-stage:has(img) #ajanShotFrame{width:100%!important;height:auto!important;border:0;background:none}
#ajanShotFrame img{margin:auto}