.page{padding:120px 0}@media (max-width:768px){.page{padding:0}.properties{grid-template-columns:1fr;row-gap:12px}.property-row{flex-direction:column;align-items:flex-start;gap:4px;min-height:0;display:flex}.property-label,.property-value,.typeahead-wrapper{padding-left:4px}}.page-title{color:#fff;font-feature-settings:"opsz" 24;margin-bottom:24px;font-size:24px;font-weight:600}.properties{grid-template-columns:180px 1fr;align-items:center;row-gap:4px;display:grid}.property-row{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;min-height:36px;display:grid;position:relative}.property-label{color:#888;align-items:center;gap:8px;font-size:13px;display:flex}.property-label svg{color:#888;width:16px;height:16px}.property-value{color:#e0e0e0;min-width:0;font-size:13px}.assignee-value{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.assignee-chip{color:#e0e0e0;background:#333;border-radius:4px;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:13px;display:inline-flex}.assignee-avatar{background:#4a7c59;border-radius:50%;width:16px;height:16px}.assignee-remove{color:#888;cursor:pointer;margin-left:2px;font-size:13px;line-height:1}.assignee-remove:hover{color:#ccc}.typeahead-wrapper{flex:1;position:relative}.typeahead-trigger{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.typeahead-trigger:hover{color:#999}.typeahead-trigger.has-value{color:#e0e0e0}.assignee-value .typeahead-wrapper{flex:none}.assignee-value .typeahead-trigger{font-size:13px}.assignee-value .typeahead-popover{min-width:240px;top:-6px}.typeahead-popover{z-index:100;transform-origin:0 0;background:#2a2a2a;border-radius:8px;position:absolute;top:-2px;left:-12px;right:-12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 8px 30px #00000080,0 2px 8px #0000004d}.typeahead-input-wrapper{padding:0}.typeahead-input{color:#fff;caret-color:#fff;background:0 0;border:none;outline:none;width:100%;padding:10px 12px;font-family:Inter Variable,sans-serif;font-size:13px}.typeahead-input::placeholder{color:#666}.typeahead-divider{background:#ffffff14;height:1px}.typeahead-dropdown{max-height:200px;padding:4px 0;overflow-y:auto}.typeahead-hint{color:#666;padding:8px 12px;font-size:12px}.typeahead-option{color:#ccc;cursor:pointer;padding:8px 12px;font-size:13px;transition:background .1s}.typeahead-option:hover,.typeahead-option.highlighted{background:#ffffff0f}.typeahead-option .bold{color:#fff;background:#eab30833;border-radius:2px;padding:0 1px;font-weight:600}.typeahead-wrapper--mobile .typeahead-trigger{text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-family:Inter Variable,sans-serif;font-size:13px;font-weight:400;line-height:normal}.typeahead-drawer-backdrop{z-index:200;--backdrop-opacity:.55;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress,0)));background:#0000008c;transition:opacity .4s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.typeahead-drawer-backdrop[data-starting-style],.typeahead-drawer-backdrop[data-ending-style]{opacity:0}.typeahead-drawer-backdrop[data-swiping],.typeahead-drawer-popup[data-swiping]{transition-duration:0s}.typeahead-drawer-viewport{z-index:201;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.typeahead-drawer-popup{pointer-events:auto;width:100%;max-height:min(85vh,100dvh);transform:translateY(calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px)));background:#2a2a2a;border-radius:14px 14px 0 0;transition:transform .4s cubic-bezier(.32,.72,0,1);box-shadow:0 0 0 1px #ffffff14,0 -8px 30px #00000073}.typeahead-drawer-popup[data-starting-style],.typeahead-drawer-popup[data-ending-style][data-swipe-direction=down]{transform:translateY(100%)}.typeahead-drawer-popup[data-ending-style],.typeahead-drawer-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.typeahead-drawer-content{max-height:inherit;flex-direction:column;display:flex;overflow:hidden}.typeahead-drawer-handle{background:#fff3;border-radius:999px;flex-shrink:0;width:36px;height:4px;margin:10px auto 6px}.typeahead-drawer-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typeahead-drawer-dropdown{-webkit-overflow-scrolling:touch;flex:1;min-height:0;max-height:min(50vh,360px);overflow-y:auto}.typeahead-drawer-content .typeahead-input{padding:12px 16px;font-size:16px}.typeahead-drawer-content .typeahead-option{padding:12px 16px}.file-dropzone{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.file-chip{color:#e0e0e0;background:#333;border-radius:4px;align-items:center;gap:6px;padding:3px 8px 3px 6px;font-size:13px;display:inline-flex}.file-icon{color:#888;flex-shrink:0;width:14px;height:14px}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.file-size{color:#666;flex-shrink:0;font-size:12px}.file-remove{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;margin-left:2px;padding:0;line-height:1;display:flex}.file-remove:hover{color:#ccc}.file-remove svg{width:14px;height:14px}.file-dropzone-label{color:#555;cursor:pointer;align-items:center;padding:2px 0;font-size:13px;display:flex}.file-dropzone-label:hover{color:#888}.file-input-hidden{display:none}.page-content{color:#ccc;letter-spacing:-.01em;margin-top:32px;font-size:13px;line-height:1.7;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 100%);mask-image:linear-gradient(#000 0% 50%,#0000 100%)}.page-content p{margin-bottom:16px}.page-content em{color:#999;font-style:italic}
.typeahead-preview .page{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:0;display:flex}.typeahead-preview .page-title{margin-bottom:16px;font-size:20px}.typeahead-preview .page-content,.typeahead-preview .property-row-files{display:none}@media (max-width:768px){.typeahead-preview .page-title{font-size:18px}.typeahead-preview .properties{grid-template-columns:1fr;row-gap:12px}.typeahead-preview .property-row{flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:0;display:flex}.typeahead-preview .property-label,.typeahead-preview .property-value,.typeahead-preview .typeahead-wrapper{padding-left:4px}}
