:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202020;background:#fff;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button,a.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #6a81ac;outline-offset:3px}svg{flex-shrink:0}.topbar{height:66px;border-bottom:1px solid #e9e9e9;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.logo{font-size:16px;font-weight:650;letter-spacing:-.4px}.top-actions{display:flex;gap:20px;align-items:center}.primary,.secondary{padding:9px 13px;border-radius:6px;font-size:12px;font-weight:500}.primary{background:#272727;color:#fff;border:1px solid #272727}.primary:hover:not(:disabled){background:#444}.secondary{border:1px solid #dedede;background:#fff}.secondary:hover:not(:disabled){background:#f6f6f6}.workspace{max-width:1500px;padding:32px;margin:auto}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.board-title{font-size:25px;font-weight:600;letter-spacing:-.7px;border:0;background:transparent;min-width:0;width:100%;padding:4px 0;text-overflow:ellipsis}.board-actions{display:flex;align-items:center;gap:20px;white-space:nowrap}.room-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#939393}.status-dot{width:6px;height:6px;border-radius:50%;background:#7a9f81}.offline{background:#c9a15c}.people-wrap{position:relative}.presence-button{font-size:12px;color:#666;gap:7px}.avatar-stack{display:flex;padding-left:6px}.avatar{border:2px solid white;border-radius:50%;height:27px;width:27px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600;margin-left:-6px}.popover{position:absolute;top:39px;right:0;z-index:20;background:#fff;border:1px solid #e1e1e1;border-radius:8px;box-shadow:0 8px 25px #0001;padding:16px;width:240px}.profile strong{font-size:12px;font-weight:600}.profile label{display:block;font-size:11px;color:#888;margin:18px 0 7px}.profile input{border:1px solid #ddd;border-radius:5px;padding:9px;width:100%;font-size:12px}.person{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px}.person-dot{width:7px;height:7px;border-radius:50%}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.panel-hidden{grid-template-columns:1fr}.tier-board{border:1px solid #d9d9d9;border-radius:5px;overflow:hidden}.tier-row{display:flex;min-height:108px;background:#fafafa;border-bottom:1px solid #dedede;position:relative;transition:background .1s;--drop-color: #9f9fbd}.tier-row:last-child{border-bottom:0}.tier-label{width:74px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:600;color:#292929;border-right:1px solid #00000009}.tier-S .tier-label{background:#f0aaaa}.tier-A .tier-label{background:#efc294}.tier-B .tier-label{background:#eddfa0}.tier-C .tier-label{background:#bcd9a9}.tier-D .tier-label{background:#a9cbdc}.tier-content{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;flex:1;min-width:0}.drop-active{background:#f0f0f5;box-shadow:inset 0 0 0 2px var(--drop-color, #a4a4b9)}.unranked-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.unranked-heading strong{font-size:12px;font-weight:550}.unranked-heading strong span{font-size:10px;font-weight:400;color:#aaa;margin-left:6px}.quiet{font-size:11px;color:#888;padding:3px}.unranked{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:124px;padding:12px;border:1px dashed #ddd;border-radius:5px;background:#fdfdfd}.empty-add{width:100%;height:80px;color:#aaa;font-size:12px}.item{position:relative;display:flex;flex-direction:column;width:86px;flex-shrink:0;border:1px solid #ddd;border-radius:4px;background:#fff;padding:4px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .1s,opacity .1s}.item:hover{border-color:#aaa;box-shadow:0 2px 5px #0001}.item-text{min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;line-height:1.3;padding:5px;overflow-wrap:anywhere;max-height:104px;overflow:hidden}.item-image{width:76px;height:64px;object-fit:contain;background:#f6f6f6;border-radius:2px}.item-label{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin:4px 0 2px}.item-tools{display:flex;align-items:center;gap:3px;width:100%;opacity:0;transition:opacity .1s}.item:hover .item-tools,.item:focus-within .item-tools{opacity:1}.item-tools button{padding:2px;color:#aaa}.item-tools button:hover{color:#b45b52}.drag-source{opacity:.25}.held{opacity:.55}.held-by{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:8px;white-space:nowrap;border-radius:3px;color:#fff;padding:2px 5px;z-index:2}.item-panel{border:1px solid #e3e3e3;border-radius:6px;padding:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-heading h2{font-size:13px;font-weight:550;margin:0}.icon-button{color:#999;padding:3px}.item-panel textarea{width:100%;border:1px solid #ddd;border-radius:4px;resize:vertical;font-size:12px;line-height:1.7;padding:10px;min-height:115px;background:#fff}.item-panel textarea::placeholder{color:#aaa}.add-button{width:100%;margin-top:10px}.import-divider{height:1px;background:#eee;margin:20px 0}.import-button{width:100%}.file-hint{display:block;color:#aaa;text-align:center;font-size:10px;margin-top:9px}.visually-hidden{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.remote-cursor{position:fixed;pointer-events:none;z-index:60;transition:left .1s linear,top .1s linear;will-change:left,top;filter:drop-shadow(0 1px 1px #0002)}.cursor-name{position:absolute;top:23px;left:17px;padding:4px 7px;border-radius:0 4px 4px;font-size:10px;color:#fff;white-space:nowrap}.drag-ghost{background:#fff;border:1px solid #aaa;box-shadow:0 7px 20px #0002;min-width:90px;max-width:160px;padding:8px;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;transform:rotate(-3deg);pointer-events:none}.drag-ghost img{width:76px;height:64px;object-fit:contain}.local-ghost{position:fixed;z-index:70}.remote-ghost{position:absolute;top:48px;left:18px;color:#222}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:90vw;border-radius:6px;background:#303030;color:#fff;padding:12px 16px;font-size:12px;display:flex;gap:18px;z-index:100;box-shadow:0 3px 15px #0002}.toast button{color:#fff;padding:0}.loading-strip{position:fixed;bottom:0;left:0;right:0;background:#f0f0f0;color:#777;text-align:center;font-size:11px;padding:7px}.modal-backdrop{position:fixed;inset:0;background:#0004;display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.share-modal{background:#fff;border-radius:9px;width:400px;padding:24px;box-shadow:0 12px 60px #0002}.modal-top{display:flex;align-items:center;justify-content:space-between}.share-modal h2{font-size:18px;margin:0;font-weight:600}.share-modal p{font-size:12px;color:#999;margin:14px 0 20px}.share-link{display:flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:5px;padding:10px;color:#999}.share-link input{min-width:0;width:100%;border:0;font-size:11px;color:#777;background:none}.setup{max-width:550px;padding:40px 24px;margin:10vh auto}.setup .logo{margin-bottom:40px}.setup h1{font-size:26px;letter-spacing:-.6px}.setup p{font-size:13px;color:#888;line-height:1.7}.setup code{display:block;padding:12px;background:#f3f3f3;border-radius:5px}@media(max-width:850px){.workspace{padding:24px 20px}.topbar{padding:0 20px}.editor-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.panel-hidden{grid-template-columns:1fr}.tier-label{width:60px}.board-actions{gap:12px}.board-title{font-size:23px}}@media(max-width:650px){.topbar{height:60px;padding:0 16px}.top-actions{gap:10px}.presence-button{font-size:10px;padding:0}.avatar{width:24px;height:24px}.workspace{padding:22px 16px}.heading-row{gap:10px;flex-wrap:wrap;margin-bottom:20px}.board-title{width:100%;font-size:24px}.board-actions{width:100%;justify-content:space-between}.editor-layout{display:flex;flex-direction:column;gap:20px}.board-column,.item-panel{width:100%}.tier-label{width:49px;font-size:23px}.tier-row{min-height:100px}.tier-content{gap:6px;padding:8px}.item{width:76px}.item-image{width:66px;height:58px}.item-tools{opacity:1}.item-text{font-size:14px;min-height:54px}.popover{right:-20px}.item-panel textarea{font-size:16px}.primary,.secondary{font-size:11px}.remote-cursor .cursor-name{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.tier-label textarea{width:100%;border:0;background:transparent;text-align:center;resize:none;padding:8px 3px;font-size:28px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.settings{position:relative}.settings summary{display:flex;align-items:center;gap:4px;cursor:pointer;padding:8px 2px;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings summary:focus-visible{outline:2px solid #6a81ac;outline-offset:3px}.settings-popover{width:180px;right:0}.settings-popover label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;cursor:pointer}:root[data-theme=dark]{color-scheme:dark;color:#ededed;background:#181818}[data-theme=dark] .topbar,[data-theme=dark] .tier-board,[data-theme=dark] .tier-row,[data-theme=dark] .item-panel,[data-theme=dark] .share-link{border-color:#444}[data-theme=dark] .tier-row{background:#222}[data-theme=dark] .secondary,[data-theme=dark] .popover,[data-theme=dark] .item,[data-theme=dark] .item-panel textarea,[data-theme=dark] .share-modal,[data-theme=dark] .drag-ghost,[data-theme=dark] .profile input{background:#292929;border-color:#484848}[data-theme=dark] .primary{background:#ededed;color:#202020;border-color:#ededed}[data-theme=dark] .primary:hover:not(:disabled){background:#ccc}[data-theme=dark] .secondary:hover:not(:disabled),[data-theme=dark] .drop-active,[data-theme=dark] .tier-row.drop-active{background:#383842}[data-theme=dark] .unranked{background:#202020;border-color:#484848}[data-theme=dark] .item-image,[data-theme=dark] .loading-strip,[data-theme=dark] .setup code{background:#333}[data-theme=dark] .presence-button,[data-theme=dark] .quiet,[data-theme=dark] .room-status,[data-theme=dark] .profile label,[data-theme=dark] .share-link input,[data-theme=dark] .loading-strip{color:#b5b5b5}[data-theme=dark] .remote-ghost{color:#ededed}[data-theme=dark] .avatar{border-color:#181818}[data-theme=dark] .import-divider{background:#444}.item,.drag-ghost{width:86px;height:86px;min-width:86px;max-width:86px;border-radius:1px;padding:4px;gap:0;transform:none;overflow:visible}.item-text{flex:1;min-height:0;width:100%}.item-image,.drag-ghost img{width:76px;height:58px;flex-shrink:0;border-radius:0;object-fit:contain}.item-label{width:100%}.item-tools{position:absolute;right:2px;top:2px;width:auto}.item-tools button{background:transparent;border:0;border-radius:0;color:#666}[data-theme=dark] .item-tools button{background:transparent;color:#ccc}.tier-board,.unranked{border-radius:1px}@media(max-width:650px){.item,.drag-ghost{width:76px;height:76px;min-width:76px;max-width:76px}.item-image,.drag-ghost img{width:66px;height:48px}}.drag-ghost{transform:rotate(4deg)}.item-text,.item-label{font-weight:700}.panel-tabs,.ai-mode{display:flex;gap:4px;border-bottom:1px solid #ddd;margin-bottom:16px;padding-bottom:8px}.panel-tabs button,.ai-mode button,.filter-button{padding:7px 9px;font-size:11px;border-radius:3px}.panel-tabs .selected,.ai-mode .selected,.filter-button.selected{background:#eaeaea;font-weight:600}.library-search{display:flex;gap:8px;align-items:center;border:1px solid #ddd;padding:9px;border-radius:3px}.library-search input{min-width:0;width:100%;border:0;background:transparent;font-size:12px}.library-filters{display:flex;align-items:center;gap:4px;margin-top:10px}.library-filters select{min-width:0;flex:1;max-width:180px;padding:5px;background:transparent;border:1px solid #ddd;border-radius:3px;font-size:11px}.library-count,.panel-note{font-size:11px;color:#777;line-height:1.6}.template-results{max-height:490px;overflow-y:auto}.template-result{display:flex;width:100%;justify-content:flex-start;text-align:left;padding:9px 0;border-bottom:1px solid #eee;gap:10px}.template-result img{width:48px;height:58px;object-fit:cover;flex-shrink:0;border-radius:2px}.template-result strong{display:block;font-size:12px;line-height:1.4}.template-result small{display:block;font-size:10px;color:#888;margin-top:5px}.template-result:hover{background:#f7f7f7}.library-modal{width:700px;max-width:95vw;max-height:90vh;overflow-y:auto;background:#fff;padding:24px;border-radius:6px}.library-modal h2{font-size:20px;margin:0}.source-link{font-size:11px;text-decoration:underline}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;margin:20px 0}.preview-grid a,.preview-grid label{display:flex;align-items:center;flex-direction:column;min-width:0;position:relative;cursor:pointer}.preview-grid img,.text-preview{width:90px;height:90px;object-fit:contain;background:#f5f5f5}.text-preview{display:flex;justify-content:center;align-items:center;text-align:center;padding:8px;font-size:12px;font-weight:600;overflow-wrap:anywhere}.preview-grid span{font-size:11px;text-align:center;margin-top:6px;overflow-wrap:anywhere}.preview-grid small{font-size:10px;color:#888}.preview-grid input{position:absolute;top:2px;left:2px}.preview-grid .excluded{opacity:.4}.panel-error{font-size:12px;line-height:1.5;color:#b53434;overflow-wrap:anywhere}[data-theme=dark] .library-modal{background:#222}[data-theme=dark] .panel-tabs,[data-theme=dark] .ai-mode,[data-theme=dark] .library-search,[data-theme=dark] .library-filters select,[data-theme=dark] .template-result{border-color:#444}[data-theme=dark] .panel-tabs .selected,[data-theme=dark] .ai-mode .selected,[data-theme=dark] .filter-button.selected,[data-theme=dark] .template-result:hover,[data-theme=dark] .preview-grid img,[data-theme=dark] .text-preview{background:#333}[data-theme=dark] .panel-note,[data-theme=dark] .library-count,[data-theme=dark] .template-result small{color:#aaa}[data-theme=dark] .panel-error{color:#ff9a9a}.item-tools{transition:none}.item-image.image-only,.drag-ghost img.image-only{width:100%;height:100%;min-height:0;flex:1}.item-tooltip{display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:30;width:max-content;max-width:220px;padding:5px 8px;background:#222;color:#fff;font-size:12px;line-height:1.3;pointer-events:none;border-radius:2px}.item:hover .item-tooltip,.item:focus-within .item-tooltip{display:block}.item:hover{z-index:2}.change-list{display:grid;gap:8px;margin-top:14px}.change-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:3px}.change-row img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.change-row strong,.change-row small{display:block;overflow-wrap:anywhere}.change-row small{font-size:11px;margin-top:4px}.change-added{background:#dff4e4;color:#174c29}.change-removed{background:#fbe2e2;color:#822626}.change-changed{background:#fff0cd;color:#664a0d}[data-theme=dark] .change-added{background:#143c27;color:#b6e9c5}[data-theme=dark] .change-removed{background:#4a2025;color:#f3b9be}[data-theme=dark] .change-changed{background:#42361b;color:#eed79e}.change-tray{padding:10px;border-radius:1px}.change-tray-heading{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;margin-bottom:10px}.change-tray-heading span{opacity:.65;font-weight:400}.change-tiles{display:flex;flex-wrap:wrap;gap:8px}.change-tiles .change-tile{cursor:default;touch-action:auto;background:transparent;border-color:currentColor}.change-tiles .item-image{background:transparent}.item-composer{display:flex;align-items:center;gap:12px}.item-composer>input{min-width:0;flex:1}.image-picker{position:relative;flex:0 0 86px}.image-picker-preview{width:86px;height:86px;padding:0;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;overflow:hidden;border:1px dashed var(--border, #aaa);border-radius:3px;background:transparent;color:inherit}.image-picker-preview span{font-size:10px}.image-picker-preview img{width:100%;height:100%;object-fit:cover}.image-picker-remove{position:absolute;top:2px;right:2px;padding:3px;border:0;border-radius:0;background:#ffffffd9;color:#222;display:flex}[data-theme=dark] .image-picker-remove{background:#1e1e1ed9;color:#fff}.item-tooltip{display:block;visibility:hidden;opacity:0;transition:opacity 60ms ease,visibility 0s}.item:hover .item-tooltip,.item:focus-within .item-tooltip{visibility:visible;opacity:1;transition-delay:80ms}.change-tile[role=button]{cursor:pointer}.change-image-button{border:0;padding:0;background:transparent;cursor:pointer;flex-shrink:0}.change-image-button img{display:block}.image-choice-modal{width:min(600px,95vw)}.image-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.image-choices button{padding:6px;min-width:0;background:transparent;color:inherit;border:1px solid #8886;border-radius:3px}.image-choices img{width:100%;height:130px;object-fit:contain;display:block}.image-choices span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis}.image-progress{margin-top:12px;display:grid;gap:8px}.image-progress>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}.image-progress small{white-space:nowrap;opacity:.65}.web-image-search{display:grid;gap:8px;margin:16px 0}.web-image-search label{font-weight:600}.web-image-search>div{display:flex;gap:8px}.web-image-search input{flex:1;min-width:0}.image-search-loading{display:flex;align-items:center;gap:8px}.image-search-spinner{animation:image-search-spin .8s linear infinite}@keyframes image-search-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.image-search-spinner{animation:none}}[hidden]{display:none!important}.crop-backdrop{z-index:200}.crop-modal canvas{display:block;width:100%;max-width:384px;height:auto;background:var(--surface);border:1px solid var(--border)}.crop-modal label{display:grid;gap:4px;margin-top:12px}.crop-modal input[type=range]{width:100%}.crop-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.crop-frame{position:relative;max-width:384px}.crop-frame canvas{cursor:grab;touch-action:none}.crop-frame canvas:active{cursor:grabbing}.crop-frame canvas:focus-visible{outline:2px solid #7164c4;outline-offset:3px}.crop-grid{position:absolute;inset:0;pointer-events:none;border:2px solid #fff;box-shadow:inset 0 0 0 1px #0005;background:linear-gradient(to right,transparent 33%,#ffffff55 33%,#ffffff55 33.3%,transparent 33.3%,transparent 66.6%,#ffffff55 66.6%,#ffffff55 67%,transparent 67%),linear-gradient(to bottom,transparent 33%,#ffffff55 33%,#ffffff55 33.3%,transparent 33.3%,transparent 66.6%,#ffffff55 66.6%,#ffffff55 67%,transparent 67%)}.crop-frame{overflow:hidden}.crop-corner{position:absolute;width:24px;height:24px;padding:0;z-index:2;border:3px solid white;border-radius:0;background:#222;touch-action:none;transform:translate(-50%,-50%)}.crop-corner-nw{left:0;top:0;cursor:nwse-resize}.crop-corner-ne{left:100%;top:0;cursor:nesw-resize}.crop-corner-sw{left:0;top:100%;cursor:nesw-resize}.crop-corner-se{left:100%;top:100%;cursor:nwse-resize}.crop-corner:focus-visible{background:#7164c4;outline:3px solid #7164c4}