.att-bar{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.att-btn{border:1px solid var(--line);background:var(--paper-raised);color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:600;transition:color .15s,border-color .15s,transform .15s;display:inline-flex}.att-btn:hover{color:var(--signature);border-color:var(--signature);transform:translateY(-1px)}.att-bar.compact .att-btn{background:0 0;border-color:#0000;border-radius:50%;padding:6px}.att-bar.compact .att-btn:hover{background:var(--signature-soft)}.att-preview{flex-wrap:wrap;gap:8px;margin:8px 0 2px;display:flex}.att-chip{border:1px solid var(--line);background:var(--paper);border-radius:14px;align-items:center;gap:8px;max-width:260px;padding:8px 30px 8px 8px;display:flex;position:relative;overflow:hidden}.att-chip.is-image{width:84px;height:84px;padding:0}.att-chip.is-image img{object-fit:cover;width:100%;height:100%;display:block}.att-chip.failed{border-color:var(--berry);opacity:.7}.att-chip-icon{color:#fff;background:linear-gradient(135deg, var(--signature), #ff9a5c);border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.att-chip-text{flex-direction:column;min-width:0;font-size:.84rem;display:flex}.att-chip-text bdi{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.att-chip-text small{color:var(--ink-soft);font-size:.74rem}.att-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;width:22px;height:22px;font-size:.9rem;line-height:1;position:absolute;top:4px;right:4px}.att-progress{color:#fff;background:linear-gradient(90deg, var(--signature) var(--p), #00000073 var(--p));justify-content:center;align-items:center;height:18px;font-size:.66rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.att-error{width:100%;color:var(--berry);margin:0;font-size:.82rem}.att-hint{width:100%;color:var(--ink-soft);margin:0;font-size:.74rem}.att-view{flex-direction:column;gap:8px;margin-top:8px;display:flex}.att-gallery{border-radius:14px;gap:4px;display:grid;overflow:hidden}.att-gallery.n1{grid-template-columns:1fr}.att-gallery.n2{grid-template-columns:1fr 1fr}.att-gallery.n3{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;height:min(360px,60vw)}.att-gallery.n3 .att-img{aspect-ratio:auto;height:100%}.att-gallery.n3 .att-img:first-child{grid-row:span 2}.att-gallery.n4{grid-template-columns:1fr 1fr}.att-img{background:var(--line);cursor:zoom-in;aspect-ratio:4/3;border:none;padding:0;display:block;position:relative;overflow:hidden}.att-gallery.n1 .att-img{aspect-ratio:auto;max-height:520px}.att-img img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.att-img:hover img{transform:scale(1.03)}.att-more{color:#fff;background:#00000080;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex;position:absolute;inset:0}.att-video{background:#0b0b0e;border-radius:14px;width:100%;max-height:480px}.att-file{color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:border-color .15s;display:flex}.att-file:hover{border-color:var(--signature)}.att-lightbox{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#04060ee6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.att-lightbox>img{border-radius:12px;max-width:100%;max-height:calc(100vh - 130px);box-shadow:0 20px 60px #00000080}.att-lightbox-strip{cursor:default;gap:6px;max-width:100%;display:flex;overflow-x:auto}.att-lightbox-strip button{cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;border-radius:8px;width:56px;height:56px;padding:0;overflow:hidden}.att-lightbox-strip button.on{border-color:var(--signature);opacity:1}.att-lightbox-strip img{object-fit:cover;width:100%;height:100%}.comment-form .att-bar.compact{gap:0}.composer .att-bar .att-btn,.comment-form .att-bar .att-btn,.page-composer .att-bar .att-btn,.project-composer .att-bar .att-btn{color:var(--ink);background:var(--paper-raised);border:1px solid var(--line);box-shadow:none;text-transform:none;letter-spacing:normal;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:600}.composer .att-bar.compact .att-btn,.comment-form .att-bar.compact .att-btn{width:36px;height:36px;color:var(--signature);background:var(--signature-soft);border-color:#0000;border-radius:50%;justify-content:center;padding:0}.composer .att-bar .att-btn:hover,.comment-form .att-bar .att-btn:hover,.page-composer .att-bar .att-btn:hover,.project-composer .att-bar .att-btn:hover{color:var(--on-signature,#fff);background:var(--signature);border-color:var(--signature);transform:translateY(-1px)}.composer-row{flex-wrap:wrap}.composer-row .att-bar{flex-wrap:nowrap;margin-right:auto}.video-composer-row .att-bar{margin-right:auto}.comment-form,.video-composer-row{flex-wrap:wrap;align-items:center}.video-composer-row button[type=submit]{letter-spacing:.03em;text-transform:uppercase;background:var(--grad-signature);color:var(--on-signature,#fff);box-shadow:0 2px 10px var(--signature-soft);border:none;border-radius:20px;padding:9px 18px;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:600;transition:transform .15s,box-shadow .15s}.video-composer-row button[type=submit]:hover:not(:disabled){box-shadow:0 4px 14px var(--signature-soft);transform:translateY(-1px)}.video-composer-row button[type=submit]:disabled{opacity:.55;cursor:default}