*{box-sizing:border-box}body{margin:0;font:13px/1.5 Geist,Pretendard,sans-serif;color:#26222e;background:#faf9fc}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:white;border:1px solid #e8e4ef;color:#595263;border-radius:7px;padding:8px 12px;transition:background .15s}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button.primary{background:#7563ec;border-color:#7563ec;color:white;min-height:38px}button.primary:hover{background:#6250dc}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7b6cff;outline-offset:3px}input[type=range]{width:100%;accent-color:#7b6cff;height:18px;cursor:pointer}input[type=checkbox]{accent-color:#7b6cff}input[type=number],select{background:#fff;border:1px solid #e7e2ee;border-radius:6px;color:#40374e;padding:7px;min-width:0}input[type=color]{padding:2px;background:white;border:1px solid #e7e2ee;border-radius:5px;width:42px;height:28px}input:disabled{opacity:.5}[hidden]{display:none!important}
.edit-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 28px;background:white;border-bottom:1px solid #e9e7ef;min-height:96px}.edit-title{display:flex;gap:12px;align-items:center}.edit-title>img{width:36px;height:40px}.eyebrow{font-size:9px;letter-spacing:.17em;color:#9a90ac}.edit-title h1{margin:0;font-size:24px;font-weight:400;letter-spacing:-1px;line-height:1.2}.edit-title h1 b{font-weight:600}.mode-switch{display:flex;gap:4px;margin-left:28px;background:#f7f5fb;padding:4px;border-radius:8px}.mode-switch a{display:flex;gap:8px;padding:8px 12px;font-size:12px;border-radius:5px;color:#8e869c}.mode-switch small{font-size:10px}.mode-switch a[aria-current=page]{color:#6754cf;background:#fff;box-shadow:0 1px 4px #2920390c}.top-actions{display:flex;gap:8px;align-items:center}.top-actions .primary{min-width:122px;display:flex;align-items:center;justify-content:space-between;gap:20px}.icon-button{width:33px;height:33px;padding:0;display:inline-grid;place-items:center;font-size:18px}.top-actions #help{font-size:14px;border-radius:50%;width:27px;height:27px;margin-right:4px}
body[data-lab=frame] main.edit-workspace{max-width:2000px;padding:20px 24px 12px;margin:auto;display:grid;grid-template-columns:218px minmax(300px,1fr) 288px;gap:18px;align-items:start}.preset-panel,.adjust-panel{background:#fff;border:1px solid #e9e5ef;border-radius:10px;overflow:hidden}.preset-panel{padding:18px 14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.panel-heading h2{font-size:13px;margin:0;font-weight:600}.panel-heading>span{font:8px GeistMono,monospace;letter-spacing:.07em;color:#a69caf}.panel-note{font-size:11px;color:#9a91a6;line-height:1.8;margin:7px 0 14px}.preset-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}.preset-card{border:0;padding:0;text-align:left;background:transparent!important;min-width:0}.preset-thumb{display:block;aspect-ratio:1.24;overflow:hidden;border:2px solid transparent;border-radius:7px;background:linear-gradient(125deg,#e6e0ef,#c2b5dd 45%,#eae6ed);position:relative}.preset-card:nth-child(3n) .preset-thumb{background:linear-gradient(125deg,#dfd8cf,#ccb6a3,#ece7e1)}.preset-card:nth-child(3n + 1) .preset-thumb{background:linear-gradient(135deg,#dfdfeb,#aab8c6,#e9e9ef)}.preset-thumb canvas{width:100%;height:100%;object-fit:cover;display:block}.preset-card[aria-pressed=true] .preset-thumb{border-color:#7b6cff;box-shadow:0 0 0 2px #eee9ff}.preset-card[aria-pressed=true] .preset-thumb:after{content:'✓';position:absolute;right:4px;bottom:4px;background:#7b6cff;color:white;border-radius:50%;width:16px;height:16px;text-align:center;font-size:10px}.preset-card strong{font-size:10px;display:block;color:#6e637d;font-weight:400;margin:6px 0 1px;letter-spacing:-.15px}.preset-card small{font-size:6px;letter-spacing:.08em;color:#b2a6bd;display:block}.preset-strength{border-top:1px solid #eee9f2;margin-top:20px;padding-top:17px}.preset-strength label{display:flex;justify-content:space-between;font-size:11px;color:#81758d}.preset-strength output{color:#7660cb;font-size:10px}.preset-strength p{font-size:10px;color:#b1a6ba;margin:3px 0}.local-note{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #eee9f2;padding-top:16px;margin-top:16px;color:#a298ae;font-size:10px;line-height:1.8}.local-note i{width:5px;height:5px;border-radius:50%;background:#9384d3;flex-shrink:0;margin-top:6px}
.preview-panel{min-width:0}.preview-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;min-height:46px}.preview-tools>span{font:9px GeistMono,Pretendard,sans-serif;color:#9a90a6;max-width:38%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-tools>div{display:flex;align-items:center;gap:5px}.preview-tools button{font-size:10px;white-space:nowrap;padding:6px 8px;background:#fff}.preview-tools .icon-button{font-size:18px;padding:0;width:29px;height:29px}.preview-tools button[aria-pressed=true]{background:#eee9ff;color:#6e58cb;border-color:#d9cff8}.divider{height:16px;width:1px;background:#e5dfee;margin:0 5px}.edit-stage{height:clamp(380px,calc(100dvh - 292px),850px);min-height:380px;position:relative;border:1px solid #e5dfee;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#efedf3;background-image:linear-gradient(45deg,#e8e5ed 25%,transparent 25%),linear-gradient(-45deg,#e8e5ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e5ed 75%),linear-gradient(-45deg,transparent 75%,#e8e5ed 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.edit-stage:has(.empty-state:not([hidden])){background:#f3f0f8;background-image:radial-gradient(ellipse at 65% 20%,#e8e1f480,transparent 65%)}.edit-stage.dragover{outline:2px solid #7b6cff;outline-offset:-4px}.empty-state{text-align:center;padding:30px 12px}.empty-icon{width:70px;height:70px;margin:0 auto 27px;background:#fff9;border:1px solid #e5def0;border-radius:20px;display:grid;place-items:center;transform:rotate(-7deg)}.empty-icon img{width:38px;height:44px;transform:rotate(7deg);opacity:.8}.empty-state h2{font-size:30px;line-height:1.4;font-weight:400;letter-spacing:-1.4px;margin:12px 0 15px;color:#4e425f}.empty-state p{font-size:12px;color:#9d8daa;line-height:1.9;margin-bottom:24px}.empty-state .primary{min-width:184px;font-size:12px;display:flex;justify-content:space-between;align-items:center;margin:auto}.text-button{display:block;border:0;background:transparent!important;color:#9989b1;font-size:11px;margin:10px auto;padding:7px}.empty-state>small{font-size:9px;color:#b3a7bf;display:block;margin-top:22px}#image-wrap{position:relative;flex:0 0 auto;box-shadow:0 10px 35px #27203216;max-width:calc(100% - 36px);max-height:calc(100% - 36px);line-height:0}#preview,#before{width:100%;height:100%;display:block}#before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}#compare-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:white;box-shadow:0 0 2px #000;pointer-events:none}#compare-line span,#compare-line b{position:absolute;top:10px;font-size:9px;font-weight:400;color:white;background:#292131aa;padding:7px;line-height:1;white-space:nowrap;border-radius:4px}#compare-line span{right:10px}#compare-line b{left:10px}#busy{position:absolute;bottom:16px;background:#fffefef2;box-shadow:0 2px 12px #0001;border-radius:8px;padding:10px 18px;font-size:11px;color:#756282}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;color:#a293b0;font-size:10px;flex-wrap:wrap}#render-status{font:8px GeistMono,Pretendard,sans-serif;letter-spacing:.05em}#compare-control{display:flex;gap:10px;align-items:center;font-size:9px}#compare-control input{width:100px}.workspace-note{color:#9e91ad;font-size:10px;text-align:center;margin:12px 0}.workspace-note span{color:#b6acbf;margin-left:8px}
.tool-tabs{display:flex;border-bottom:1px solid #eee9f2;padding:8px;gap:3px;background:#fff}.tool-tabs button{flex:1;border:0;padding:9px 4px;font-size:11px;background:transparent}.tool-tabs button[aria-pressed=true]{background:#f0ecfc;color:#7560ca}.adjust-panel #adjust-body{padding:20px 17px;min-height:382px}.tool-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.tool-heading h2{font-size:13px;font-weight:600;margin:0}.tool-heading button{border:0;color:#a397ae;font-size:10px;padding:3px;background:transparent}.control{margin-bottom:16px}.control>label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#80738e;margin-bottom:4px}.control output{color:#a091af;font:10px GeistMono,monospace}.control input[type=range]{height:15px;margin:0}.color-control{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#80738e;margin-bottom:16px}.control-hint{font-size:10px;line-height:1.8;color:#ad9db9;margin:14px 0 0}.chip-row{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.chip-row button{font-size:10px;padding:7px 10px}.chip-row button.active{background:#f0ecff;border-color:#d8cef8;color:#6c55c8}.full-button{width:100%;font-size:11px;margin-top:8px}.crop-actions{display:flex;gap:8px}.crop-actions button{flex:1}.size-section{padding:20px 17px;border-top:1px solid #eee9f2;background:#fdfcfe}.size-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 9px}.size-fields label{position:relative;color:#a598b0;font-size:10px}.size-fields input{display:block;width:100%;margin-top:6px;font-size:12px;padding-right:23px}.size-fields small{position:absolute;right:8px;bottom:8px;font-size:9px}.check-label{font-size:10px;color:#8d7d9e;display:flex;align-items:center;gap:5px}.size-presets{display:flex;gap:6px;margin-top:13px}.size-presets button{font-size:9px;flex:1;padding:6px 3px}.size-section .panel-note{font-size:9px;margin-bottom:0}#crop-overlay{position:absolute;inset:0;overflow:hidden;touch-action:none}#crop-box{position:absolute;border:1px solid white;box-shadow:0 0 0 3000px #18132188;cursor:move;touch-action:none}#crop-box i{position:absolute;background:#ffffff60;pointer-events:none}#crop-box i:nth-child(1){left:33.333%;top:0;bottom:0;width:1px}#crop-box i:nth-child(2){left:66.666%;top:0;bottom:0;width:1px}#crop-box i:nth-child(3){top:33.333%;left:0;right:0;height:1px}#crop-box i:nth-child(4){top:66.666%;left:0;right:0;height:1px}#crop-box button{position:absolute;width:13px;height:13px;border:2px solid white;background:#7b6cff;padding:0;border-radius:2px;min-height:0}#crop-box [data-corner=nw]{left:-5px;top:-5px;cursor:nwse-resize}#crop-box [data-corner=ne]{right:-5px;top:-5px;cursor:nesw-resize}#crop-box [data-corner=sw]{left:-5px;bottom:-5px;cursor:nesw-resize}#crop-box [data-corner=se]{right:-5px;bottom:-5px;cursor:nwse-resize}
dialog{position:fixed;border:1px solid #e5dfee;border-radius:16px;padding:32px;width:min(440px,92vw);max-height:90dvh;overflow:auto;background:#fff;color:#4a3e59;box-shadow:0 25px 100px #20102c30}dialog::backdrop{background:#231b354d;backdrop-filter:blur(4px)}dialog h2{font-size:22px;font-weight:400;letter-spacing:-.7px;margin:10px 0 12px}dialog p{color:#a191ad;font-size:12px;line-height:1.7}dialog .dialog-close{position:absolute;right:16px;top:14px;border:0;background:transparent!important;font-size:23px;line-height:1;width:28px;height:28px;padding:0;display:grid;place-items:center;color:#a192ae}.stack-label{display:block;font-size:12px;margin:20px 0;color:#85718e}.stack-label select{display:block;width:100%;margin-top:8px;padding:10px}.stack-label output{float:right}.stack-label input{display:block;margin-top:10px}#download{width:100%;margin-top:12px}dialog ol{padding-left:20px;margin-top:24px}dialog li{padding:0 0 8px 8px;font-size:12px;color:#786586}dialog li p{font-size:11px;margin:5px 0}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#32283e;color:white;padding:12px 22px;border-radius:8px;font-size:12px;z-index:120;max-width:90vw;box-shadow:0 5px 20px #0002}
@media(min-width:1600px){body[data-lab=frame] main.edit-workspace{grid-template-columns:246px minmax(400px,1fr) 310px;padding:24px 32px;gap:24px}.preset-panel{padding:22px 18px}.preset-card strong{font-size:11px}.preset-card small{font-size:7px}.control{margin-bottom:20px}}
@media(max-width:1150px){body[data-lab=frame] main.edit-workspace{grid-template-columns:174px minmax(250px,1fr) 252px;gap:12px;padding:16px}.edit-top{padding:16px 20px}.mode-switch{margin-left:12px}.mode-switch small{display:none}.preset-panel{padding:16px 10px}.preset-card strong{font-size:9px}.preset-card small{font-size:5px}.preview-tools{flex-wrap:wrap}.preview-tools>span{max-width:100%}.workspace-note span{display:none}.adjust-panel #adjust-body,.size-section{padding:17px 14px}.preview-tools button{font-size:9px}.edit-stage{min-height:350px}}
@media(max-width:850px){body[data-lab=frame] main.edit-workspace{grid-template-columns:minmax(0,1fr) 260px}.preset-panel{grid-column:1/-1;order:2}.preview-panel{order:0}.adjust-panel{order:1}.preset-list{grid-template-columns:repeat(10,minmax(90px,1fr));overflow-x:auto;padding:3px 2px 8px}.preset-strength{max-width:280px}.local-note{display:none}.edit-title>img{display:none}.edit-title h1{font-size:22px}.mode-switch{margin-left:10px}.edit-stage{height:500px}.preset-card strong{font-size:10px}}
@media(max-width:600px){.edit-top{padding:12px 14px;flex-wrap:wrap;gap:12px}.edit-title{width:100%;justify-content:space-between}.mode-switch{margin-left:auto}.top-actions{width:100%;justify-content:flex-end}.top-actions #help{margin-right:auto}.top-actions button{font-size:11px}.edit-top{min-height:130px}body[data-lab=frame] main.edit-workspace{display:flex;flex-direction:column;padding:12px;gap:14px}.preview-panel,.preset-panel,.adjust-panel{width:100%}.preview-panel{order:0}.preset-panel{order:1}.adjust-panel{order:2}.edit-stage{height:420px;min-height:300px}.preview-tools{flex-wrap:nowrap}.preview-tools>span{max-width:30%;font-size:8px}.empty-state h2{font-size:26px}.empty-icon{margin-bottom:20px;width:58px;height:58px}.empty-state p{margin-bottom:18px}.empty-state>small{margin-top:15px}.preset-list{grid-template-columns:repeat(10,94px)}.preset-strength{max-width:none;border:0;margin-top:10px;padding-top:4px}.preset-strength p{display:none}.preset-panel .panel-note{margin-bottom:8px}.adjust-panel #adjust-body{min-height:0}.control{margin-bottom:17px}.tool-tabs{position:sticky;top:105px;z-index:5}.workspace-note{display:none}.size-section .panel-note{font-size:10px}}

/* Independent selectors prevent Studio rendering styles leaking into Edit. */
.control>label{font-size:12px;color:#746580}.preset-card strong{font-size:11px}.preset-card small{font-size:7px}.panel-note{color:#91829f}.control-hint{font-size:11px;color:#9a8aa8}.edit-stage{height:clamp(380px,calc(100dvh - 320px),850px)}

/* Phase 2 panels keep the shared shell and quiet lavender visual language. */
.tool-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px}.tool-tabs button{min-width:0;padding:9px 3px;font-size:11px}.tool-tabs button[aria-pressed=true]{background:#f0e8ff;color:#8445c7;border-radius:7px}.feature-note{padding:13px;border:1px solid #e9e0f2;background:#faf7ff;border-radius:10px;margin:14px 0 22px}.feature-note b{font-size:12px;color:#78548e}.feature-note p,.feature-note small{font-size:10px;line-height:1.7;color:#9a87a8}.feature-note small{display:block;margin-top:9px}.feature-note .full-button{font-size:11px;background:white}.portrait-controls{border:0;padding:0;margin:0;min-width:0}.portrait-controls:disabled{opacity:.45}.mini-heading{font-size:11px;margin:24px 0 16px;color:#9a78b1}.beta-tag{font-size:9px;color:#a076be;background:#f5edfc;padding:4px 7px;border-radius:5px}.reference-drop{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:100px;border:1px dashed #d7c7e6;border-radius:10px;background:#fcfaff;padding:12px;margin-bottom:22px}.reference-drop img{width:100%;max-height:130px;object-fit:contain;border-radius:6px}.reference-drop span{font-size:26px;font-weight:200;color:#ad8ccc}.reference-drop b{font-size:11px;font-weight:400;color:#947ba7}.mask-list{margin:15px 0}.mask-list>div{display:flex;gap:3px;margin-bottom:4px}.mask-list button:first-child{flex:1;text-align:left}.mask-list button[aria-pressed=true]{background:#f1e7ff;color:#7b40b6;border-color:#d4b5f0}#mask-overlay{position:absolute;touch-action:none;cursor:crosshair;z-index:3}.chip-row button[aria-pressed=true]{background:#f0e6fc;border-color:#cdb0e5;color:#8554ab}#collection-dialog{width:min(700px,94vw)}.collection-tabs{display:flex;gap:7px;margin:24px 0 15px}.collection-tabs button{flex:1;font-size:12px}.collection-tabs button[aria-pressed=true]{color:#8647ba;background:#f3ebfc;border-color:#d8c1ea}.collection-options{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.collection-options .stack-label{margin:12px 0}.collection-options input[type=number]{display:block;width:100%;margin-top:8px}.collection-options .check-label{grid-column:1/-1}.collection-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#collection-preview{display:block;max-width:100%;max-height:320px;object-fit:contain;margin:20px auto;background:#faf8fd;border:1px solid #e9e0f3}#collection-files{max-height:140px;overflow:auto;margin:12px 0}#collection-files>div{display:flex;align-items:center;gap:6px;padding:4px 0}#collection-files span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#8b7599}#collection-files button{padding:3px 8px;font-size:12px}#collection-status{min-height:20px}.top-actions{flex-wrap:wrap}

#image-wrap{max-width:none;max-height:none}.view-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px;color:#8d789c;font-size:10px}.view-controls>div{display:flex;align-items:center;gap:5px}.view-controls button{padding:6px 8px;font-size:10px}.view-controls output{min-width:38px;text-align:center}.view-controls label{display:flex;align-items:center;gap:5px}.view-controls select{font-size:10px;padding:5px}.edit-stage[data-background=white]{background:#fff}.edit-stage[data-background=black]{background:#161419}.edit-stage[data-background=gray]{background:#85818b}.edit-stage.panning,.edit-stage.panning *{cursor:grab!important}.edit-stage.panning:active,.edit-stage.panning:active *{cursor:grabbing!important}#brush-cursor{position:fixed;z-index:110;pointer-events:none;border:1px solid #fff;box-shadow:0 0 0 1px #24202dcc;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}#brush-cursor[hidden]{display:none}#brush-cursor i{border:1px dashed #fff9;box-shadow:0 0 0 1px #24202d66;border-radius:50%}#brush-cursor b{position:absolute;width:3px;height:3px;background:#fff;box-shadow:0 0 0 1px #222;border-radius:50%}#brush-cursor[data-erase=true]{border-color:#ff6d84;box-shadow:0 0 0 1px #5d102dcc}.matte-tools{margin:20px 0;padding:12px;background:#faf7ff;border:1px solid #ece1f6;border-radius:10px}.matte-tools .mini-heading{margin:0 0 12px}.matte-tools .stack-label{font-size:11px}.matte-tools .chip-row button{font-size:10px}.stack-label output{font-size:10px}.view-controls button[aria-pressed=true]{background:#f0e6fc;color:#8053a0}.edit-stage{touch-action:none}
@media(min-width:851px){.adjust-panel{position:sticky;top:90px;max-height:calc(100dvh - 210px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.adjust-panel .tool-tabs{position:sticky;top:0;z-index:6;background:#fff}.preview-panel{position:sticky;top:90px;align-self:start}.edit-stage{height:clamp(340px,calc(100dvh - 355px),820px)}}
/* Focused finishing tools */
.look-filters{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.look-filters button{padding:6px 8px;font-size:11px;border-radius:20px}.look-filters [aria-pressed=true],.repair-modes [aria-pressed=true]{background:#f0e9ff;color:#7151d0;border-color:#cdbff8}.look-actions,.saved-look-actions{display:flex;gap:5px;margin:8px 0}.look-actions button{flex:1;font-size:11px;padding:8px 4px}.look-item{min-width:0}.look-item .preset-card{width:100%}.saved-look-actions button{font-size:10px;padding:4px;flex:1}.repair-modes{display:grid;gap:7px;margin:14px 0}.repair-modes button{text-align:left;padding:11px 13px}.repair-modes small{display:block;margin-top:4px;font-size:11px;color:#918c9c}.repair-modes b{font-size:12px}#retouch-overlay{position:absolute;touch-action:none;z-index:8}.repair-cursor{position:fixed;transform:translate(-50%,-50%);pointer-events:none;border:1px solid #fff;box-shadow:0 0 0 1px #38303a90;border-radius:50%;z-index:110;display:grid;place-items:center}.repair-cursor i{border:1px dashed #fff;border-radius:50%;box-shadow:0 0 0 1px #38303a55}.repair-cursor b{position:absolute;width:3px;height:3px;background:#fff;box-shadow:0 0 0 1px #38303a;border-radius:50%}.repair-cursor[hidden]{display:none}.repair-anchor{position:absolute;transform:translate(-50%,-50%);pointer-events:none;color:#fff;text-shadow:0 0 3px #000;font-size:24px;z-index:9}.repair-anchor[hidden]{display:none}#look-dialog input{width:100%;padding:10px;border:1px solid #e4e0eb;border-radius:8px}#look-message{font-size:12px;color:#925875}#match-dialog{width:min(1160px,95vw);max-width:1160px;padding:28px;max-height:92dvh;overflow:auto}#match-dialog h2{margin:8px 0 12px;font-size:26px}.match-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;margin-top:20px}.match-settings{border-right:1px solid #eeeaf3;padding-right:20px}.match-settings .reference-drop img{max-height:145px;object-fit:contain}.match-settings .stack-label{margin:16px 0}.match-settings .collection-options{grid-template-columns:1fr}.match-list-heading,.match-card-heading{display:flex;align-items:center;gap:10px}.match-list-heading{margin-bottom:12px}.match-list-heading span{font-size:11px;color:#958c9f;flex:1}#match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-card{border:1px solid #e9e5ee;border-radius:12px;overflow:hidden;background:#fff}.match-card-heading{padding:8px 10px;border-bottom:1px solid #f0edf4}.match-card-heading strong{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.match-card-heading button{padding:3px 7px}.match-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eee}.match-pair figure{margin:0;min-width:0;position:relative;background:#f6f4f8}.match-pair canvas{width:100%;height:180px;object-fit:contain;display:block}.match-pair figcaption{position:absolute;bottom:5px;left:5px;font-size:9px;padding:3px 6px;border-radius:4px;background:#fffD;color:#555}.match-item-fields{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-item-fields label{font-size:10px}.match-item-fields output{float:right;color:#8568d9}.match-item-fields input{width:100%;margin-top:8px;accent-color:#8b6ff7}.match-item-fields button{grid-column:1/-1;font-size:10px;padding:5px}.match-empty{grid-column:1/-1;min-height:320px;border:1px dashed #ded7e9;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:#867d91;font-size:14px}.match-empty small{font-size:11px}.match-footer{display:flex;align-items:center;gap:10px;position:sticky;bottom:-28px;background:#fff;border-top:1px solid #eee;padding:16px 0;margin-top:18px;z-index:4}.match-footer p{flex:1;font-size:12px;overflow-wrap:anywhere}.match-footer button{flex-shrink:0}.match-settings .panel-note{line-height:1.7}#match-dialog input[type=range]{accent-color:#8b6ff7}
@media(min-width:851px){.preset-panel{max-height:calc(100dvh - 210px);overflow-y:auto;scrollbar-width:thin;position:sticky;top:90px}.top-actions{flex-wrap:wrap}.edit-top{gap:12px}}
@media(max-width:760px){.match-layout{grid-template-columns:1fr}.match-settings{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-settings .stack-label{margin:0}.match-settings .panel-note,.match-settings .collection-options{grid-column:1/-1}.match-pair canvas{height:140px}.match-footer{flex-wrap:wrap;bottom:-20px}.match-footer p{flex-basis:100%}#match-dialog{padding:20px}#match-grid{grid-template-columns:1fr}.match-list-heading{flex-wrap:wrap}}

/* Match the shared Lab breadcrumb toolbar. */
.frame-tool-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.frame-tool-toolbar .pv-actions,.frame-tool-toolbar .top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.frame-tool-toolbar .pv-actions .primary,.frame-tool-toolbar .top-actions .primary{background:#7b6cff;color:#fff;border-color:#7b6cff;padding:6px 12px}
@media(max-width:800px){.lab-toolbar.frame-tool-toolbar{height:auto;min-height:48px;padding:10px 16px;flex-wrap:wrap;gap:10px}.frame-tool-toolbar .pv-actions,.frame-tool-toolbar .top-actions{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:3px}.frame-tool-toolbar button{white-space:nowrap;flex:none}}