@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}.pin-review .frame-comments{background:0 0;border:0;border-radius:0;margin:0;padding:10px 0 0}.frame-comment-bar,.frame-comment-tools{align-items:center;gap:10px;display:flex}.frame-comment-bar{justify-content:space-between;min-height:36px}.frame-comment-count{color:#666;white-space:nowrap;font-size:12px}.pin-review .frame-comments[data-has-comments]{margin-top:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-amber-200,#fee685);background-color:#fffbeb99}@supports (color:lab(0% 0 0)){.pin-review .frame-comments[data-has-comments]{border-color:var(--color-amber-200,lab(91.7203% -.505269 49.9084))}}@supports (color:color-mix(in lab, red, red)){.pin-review .frame-comments[data-has-comments]{background-color:color-mix(in oklab, var(--color-amber-50,lab(98.6252% -.635922 8.42309)) 60%, transparent)}}.pin-review .frame-comments[data-has-comments]{padding:calc(var(--spacing,.25rem) * 3)}.frame-comments[data-has-comments] .frame-comment-count{background-color:var(--color-accent-soft,#fff4ca);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-ink,#222);border-radius:3.40282e38px}.frame-comment-tools{gap:5px}.frame-comment-tools select{color:#666;background-color:#0000;border:0;width:auto;min-height:32px;padding:4px 22px 4px 8px;font-size:12px}.frame-comment-tools button{background:0 0;border:0;min-height:32px;padding:5px 9px;font-size:12px}.frame-comment-tools .add-pin{color:#272724;font-weight:600}.frame-comment-tools .add-pin[aria-pressed=true]{background:#fff0b8}.frame-comment-tools .frame-general-comment{padding:0 8px;font-size:20px}.frame-comment-row{margin-top:calc(var(--spacing,.25rem) * 2);min-height:calc(var(--spacing,.25rem) * 14);align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-amber-200,#fee685);border-left-color:var(--color-amber-400,#fcbb00);background-color:var(--color-surface,#fff);width:100%;padding:calc(var(--spacing,.25rem) * 3);text-align:left;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:flex}@supports (color:lab(0% 0 0)){.frame-comment-row{border-color:var(--color-amber-200,lab(91.7203% -.505269 49.9084));border-left-color:var(--color-amber-400,lab(80.1641% 16.6016 99.2089))}}.frame-comment-row[aria-expanded=true]{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-amber-600,#dd7400)}@supports (color:lab(0% 0 0)){.frame-comment-row[aria-expanded=true]{outline-color:var(--color-amber-600,lab(60.3514% 40.5624 87.1228))}}.comment-pin-badge{color:#393321;background:#ffedaa;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.comment-pin-badge.resolved{color:#777;background:#eeeeeb}.frame-comment-summary{gap:var(--spacing,.25rem);min-width:0;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));display:grid}.frame-comment-summary strong{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-ink,#222);overflow-wrap:anywhere}.frame-comment-summary>span{-webkit-line-clamp:2;color:var(--color-ink,#222);overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.frame-comment-meta{color:#888;white-space:nowrap;margin-left:auto;font-size:12px}.pin-review .storyboard-pin{color:#181818;cursor:grab;background:#fabe0f;border:2px solid #fff;width:36px;height:36px;min-height:36px;font-size:12px;box-shadow:0 1px 5px #0004}.pin-review .storyboard-pin.selected{color:#181818;background:#fabe0f;outline:2px solid #222;box-shadow:0 2px 8px #0004}.pin-review .storyboard-pin.resolved{color:#555;background:#eee}.pin-review .storyboard-pin.dragging{cursor:grabbing;box-shadow:0 3px 12px #0005}.pin-review .draft-pin{color:#111;pointer-events:none;background:#fabe0f}.pin-placement-hint{z-index:5;white-space:nowrap;color:#fff;background:#242521;border-radius:8px;align-items:center;gap:12px;padding:6px 8px 6px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.pin-placement-hint button{color:#fff;background:#ffffff20;border:0;min-height:28px;padding:3px 8px;font-size:11px}.pin-popover{z-index:100;overscroll-behavior:contain;color:#242521;width:330px;max-width:calc(100vw - 24px);max-height:min(480px,100dvh - 24px);font-family:var(--font-body), sans-serif;background:#fff;border:1px solid #deded9;border-radius:12px;position:fixed;overflow-y:auto;box-shadow:0 12px 48px #17171724,0 2px 6px #1717170d}.pin-popover>header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.pin-popover>header>button{color:#777;background:0 0;border:0;width:28px;min-height:28px;padding:0;font-size:22px}.pin-popover .pin-composer{gap:10px;margin:0;padding:14px;display:grid}.pin-popover textarea{resize:vertical;background:#fafaf8;border:1px solid #e6e6e1;border-radius:7px;width:100%;min-height:70px;padding:10px;font-size:13px}.pin-composer-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.pin-composer-footer>span{color:#888;font-size:10px}.pin-composer-footer button{min-height:30px;padding:6px 12px;font-size:12px}.pin-message{padding:14px 14px 8px}.pin-message>div{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:11px;display:flex}.pin-message time{color:#999;font-size:10px}.pin-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.55}.pin-reply{border-top:1px solid #eee;margin:0 14px;padding:12px 0}.pin-drag-tip{color:#999;margin:0;padding:4px 14px 10px;font-size:10px}.pin-conversation-actions{border-top:1px solid #eee;align-items:center;gap:7px;padding:10px 14px;display:flex}.pin-conversation-actions button{background:0 0;border:0;min-height:28px;padding:4px;font-size:10px}.pin-conversation-actions .pin-remove{color:#9d4a3e;margin-left:auto}.pin-status{color:#888;font-size:10px}.pin-status.resolved{color:#4f6b50}.pin-popover .error{margin:6px 14px 12px;font-size:12px}@media (hover:hover) and (pointer:fine){.frame-comment-row:hover{background:#fff6d5}.frame-comment-tools button:hover{background:#f1f1ed}.pin-review .storyboard-pin:hover{color:#111;background:#fabe0f}}@media (max-width:600px){.frame-comment-summary{gap:2px;display:grid}.frame-comment-tools select{max-width:95px}.frame-comment-tools{gap:0}.pin-placement-hint{gap:6px;max-width:calc(100% - 12px);font-size:10px}}.pin-review .storyboard-pin.selected{z-index:4}.pin-review .storyboard-pin.dragging{z-index:6}.pin-popover .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}