/* Copyright © 2026 Slate HQ Ltd. All rights reserved and asserted. */
.ft-account-threads{border-top:1px solid var(--sep);padding-top:24px}
.ft-account-threads form{max-width:680px}
.ft-account-threads textarea,.ft-threads-page textarea,.ft-threads-page select{width:100%;min-height:100px;padding:11px 14px;border:1px solid var(--sep);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px;resize:vertical}
.ft-account-threads select,.ft-threads-page select{width:100%;min-height:46px;resize:none}
.ft-account-thread-actions{display:flex;flex-wrap:wrap;gap:10px}
.ft-thread-generated-assets{margin:12px 0}.ft-thread-generated-assets h3{font-size:1rem;margin:0 0 8px}.ft-thread-generated-assets ul{list-style:none;padding:0;margin:0}.ft-thread-generated-assets li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--sep);padding:9px 0}.ft-thread-generated-assets button{min-height:44px;padding:9px 12px;border:1px solid var(--sep);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}.ft-thread-generated-assets p{font-size:.9rem;opacity:.76}
.ft-threads-page{max-width:800px;margin-inline:auto}.ft-threads-page article{border-top:1px solid var(--sep);padding:20px 0}
.ft-threads-page a{color:var(--link)}.ft-thread-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.ft-public-thread figure{margin:20px 0}.ft-public-thread figure img{display:block;width:100%;height:auto;border-radius:10px}.ft-public-thread figcaption{margin-top:8px;font-size:.86rem;opacity:.74}
.ft-public-thread ol{padding-left:24px}.ft-public-thread details{margin-top:30px;padding:12px 0;border-block:1px solid var(--sep)}
.ft-public-thread form{display:grid;gap:12px;margin-top:18px}.ft-public-thread form textarea{min-height:110px}
.ft-thread-entries{margin-top:32px}.ft-thread-entry{margin-left:clamp(0px,2vw,24px);padding:18px!important;border-left:2px solid var(--sep);border-top:0!important}
.ft-thread-entry-actions{display:flex;flex-wrap:wrap;gap:8px}.ft-thread-entries form{max-width:600px}.ft-thread-entries button,.ft-public-thread button{min-height:44px;padding:9px 16px;border:1px solid var(--sep);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}
.ft-thread-entries form textarea{min-height:90px}.ft-thread-entries input,.ft-thread-entries select{padding:10px;border:1px solid var(--sep);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}.ft-thread-entries details{margin-top:14px}
.ft-thread-preview{margin:18px 0;padding:20px 0;border-block:1px solid var(--sep);background:var(--bg)}
.ft-thread-preview-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.ft-thread-preview ol{padding-left:24px}
.ft-thread-complaints{margin-top:30px;padding-top:20px;border-top:1px solid var(--sep)}.ft-thread-complaints summary{cursor:pointer;font-weight:600}.ft-thread-complaints p,.ft-thread-complaints form,.ft-thread-complaints ul{margin-top:16px}.ft-thread-complaints a{text-decoration:underline}.ft-threads-page>form{display:grid;gap:14px;margin-block:24px}.ft-threads-page>button,.ft-threads-page>form button{min-height:44px;padding:10px 18px;border:1px solid var(--sep);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}.ft-threads-page>p{margin-block:16px}
.ft-thread-rules{margin:24px 0;padding:18px 0;border-top:1px solid var(--sep);border-bottom:1px solid var(--sep)}.ft-thread-rules summary{cursor:pointer;font-weight:600}.ft-thread-rules p,.ft-thread-rules li{margin-top:14px;line-height:1.6}.ft-thread-rules ul{padding-left:24px}.ft-thread-rules:target{scroll-margin-top:90px}.ft-threads-page button:disabled,.ft-account-threads button:disabled{opacity:.5;cursor:not-allowed}

.ft-thread-generated-assets li{align-items:flex-start}
.ft-thread-generated-preview{margin:0;min-width:0;max-width:100%;flex:1}
.ft-thread-generated-preview img{display:block;max-width:100%;width:auto;height:auto;max-height:280px;object-fit:contain}
.ft-thread-generated-preview figcaption{margin-top:8px;font-size:.85rem;color:var(--ink2);overflow-wrap:anywhere}
.ft-thread-generated-preview p{margin:0 0 8px}
.ft-thread-preview-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;margin:20px 0}
.ft-thread-preview-images .ft-thread-generated-preview img{max-height:380px}

.ft-account-threads,.ft-threads-page{min-width:0;overflow-wrap:anywhere}
.ft-threads-page *{box-sizing:border-box;max-width:100%}
.ft-threads-page :is(button,input,select,textarea){font-size:16px;line-height:1.4}
.ft-threads-page :is(button,input:not([type=checkbox]):not([type=radio])){min-height:44px}
:is(.ft-threads-page,.ft-account-threads) :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--link);outline-offset:3px}
:is(.ft-threads-page,.ft-account-threads) summary{min-height:44px;padding:11px 0;line-height:1.4;cursor:pointer}
:is(.ft-threads-page,.ft-account-threads) button:hover:not(:disabled){background:var(--fill)}
.ft-public-thread form label{display:grid;gap:7px;min-width:0;font-size:14px;font-weight:600}
.ft-thread-generated-assets button{flex-shrink:0}
@media(max-width:600px){.ft-thread-entry{margin-left:0;padding:16px 0 16px 12px!important}.ft-thread-generated-assets li{flex-wrap:wrap}.ft-thread-generated-preview{flex-basis:100%}.ft-account-thread-actions>button,.ft-thread-entry-actions>button{flex:1 1 auto}.ft-public-thread details{margin-top:22px}}
