:root{--font:"Work Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--c-rosewater:#f4dbd6;--c-flamingo:#f0c6c6;--c-pink:#f5bde6;--c-mauve:#c6a0f6;--c-red:#ed8796;--c-maroon:#ee99a0;--c-peach:#f5a97f;--c-yellow:#eed49f;--c-green:#a6da95;--c-teal:#8bd5ca;--c-sky:#91d7e3;--c-sapphire:#7dc4e4;--c-blue:#8aadf4;--c-lavender:#b7bdf8;--c-text:#cad3f5;--c-subtext1:#b8c0e0;--c-subtext0:#a5adcb;--c-overlay2:#939ab7;--c-overlay1:#8087a2;--c-overlay0:#6e738d;--c-surface2:#5b6078;--c-surface1:#494d64;--c-surface0:#363a4f;--c-base:#24273a;--c-mantle:#1e2030;--c-crust:#181926;--c-base-dark:color-mix(in oklab,var(--c-base),black 12%)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--c-surface2)transparent}html,body{width:100%;height:100vh;font-family:var(--font);color:var(--c-text);background:var(--c-base);margin:0;padding:0;display:flex;overflow:hidden}#global-loader{z-index:9999;background:var(--c-base);justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#global-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}#global-loader .spinner{border-width:4px;border-radius:50%;width:48px;height:48px;position:relative}.hidden{display:none!important}#floaters{pointer-events:none;z-index:-1;background:var(--c-crust);position:fixed;top:0;bottom:0;left:0;right:0}#left-panel{background:var(--c-mantle);border-right:1px solid var(--c-surface0);z-index:10;flex-direction:column;width:400px;min-width:400px;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--c-surface0);flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex;position:relative}.app-version{z-index:1;background:var(--c-mantle);color:var(--c-overlay0);letter-spacing:.2px;-webkit-user-select:none;user-select:none;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:14px;position:absolute;bottom:-7px;left:20px}.header img{width:32px;height:32px}.header h1{color:var(--c-text);margin:0;font-size:24px;font-weight:600}.usage-display{color:var(--c-subtext0);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;margin-left:auto;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-style:italic;transition:background .2s,color .2s}.usage-display:hover{background:var(--c-surface0);color:var(--c-text)}.panel-content{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.panel-content:after{content:"";flex-shrink:0;height:4px}.form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.form-row{gap:12px;display:flex}.form-row .form-group{flex:1}.resolution-estimate{color:var(--c-overlay2);align-items:center;gap:4px;margin-top:2px;padding-left:2px;font-size:12px;font-weight:500;display:flex}.resolution-estimate span{color:var(--c-subtext1);font-weight:600}#resolution-estimate-cost{color:var(--c-teal)}label{color:var(--c-subtext0);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.label-row{justify-content:space-between;align-items:flex-end;display:flex}.toggle-label{color:var(--c-overlay0);text-transform:none;letter-spacing:normal;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:color .2s;display:flex}.toggle-label:hover{color:var(--c-text)}.toggle-label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--c-crust);border:1px solid var(--c-surface1);cursor:pointer;border-radius:2px;width:15px;height:15px;margin:0;padding:0;transition:all .2s;box-shadow:inset 0 2px 4px #0000000d}.toggle-label input:hover{border-color:var(--c-surface2);background:var(--c-base)}.toggle-label input:checked{background-color:var(--c-mauve);border-color:var(--c-mauve);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23181926%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%274 8 7 11 12 5%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px}textarea,input{background:var(--c-crust);border:1px solid var(--c-surface0);color:var(--c-text);resize:none;border-radius:2px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5;transition:background .2s,border .2s;box-shadow:inset 0 2px 4px #0000000d}textarea:focus,input:focus{border-color:var(--c-surface2);background:var(--c-base)}#system-message,#prompt{height:max(120px,min(22vh,180px))}.composer-container{background:var(--c-crust);border:1px solid var(--c-surface0);border-radius:2px;flex-direction:column;transition:background .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.composer-header-row{border-bottom:1px solid var(--c-surface0);-webkit-user-select:none;user-select:none;background:0 0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.composer-tabs{align-items:center;gap:16px;display:flex}.composer-tab{text-transform:uppercase;letter-spacing:.5px;color:var(--c-overlay1);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 2px;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s,border-color .2s}.composer-tab:hover{color:var(--c-subtext1)}.composer-tab.active{color:var(--c-text);border-bottom:2px solid var(--c-mauve)}.composer-container textarea{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;padding:12px 14px!important}.composer-container textarea:focus{background:0 0!important}.hint{color:var(--c-overlay0);font-size:12px;font-style:italic}.max-ref-wrapper{width:95px}#ref-images-header{align-items:center;margin-bottom:8px}#ref-images-header .dropdown{border-color:var(--c-surface1);box-shadow:none;background:0 0;border-radius:2px}#ref-images-header .dropdown:hover{border-color:var(--c-surface2);background:var(--c-surface0)}#ref-images-header .dropdown .selected{color:var(--c-text);padding:5px 8px;font-size:11px;font-weight:500}#ref-images-header .dropdown .selected:after{width:12px;height:12px}#ref-images-header .dropdown.open{background:var(--c-mantle);border-color:var(--c-surface2)}#ref-images-header .dropdown.open .selected{color:var(--c-text)}#reference-images{grid-template-columns:1fr;gap:12px;display:grid}#reference-images[data-total="2"],#reference-images[data-total="3"],#reference-images[data-total="4"],#reference-images[data-total="5"]{grid-template-columns:1fr 1fr}.ref-img-wrapper{aspect-ratio:1;background:var(--c-surface0);border:1px solid var(--c-surface1);border-radius:2px;width:100%;transition:opacity .2s;position:relative}.ref-img-wrapper.dragging{opacity:.4;z-index:10}.ref-img-wrapper img{object-fit:cover;border-radius:2px;width:100%;height:100%}.rm-ref-btn{background:var(--c-red);width:20px;height:20px;color:var(--c-crust);cursor:pointer;opacity:0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:14px;transition:opacity .2s,transform .1s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0003}.ref-img-wrapper:hover .rm-ref-btn{opacity:1}.edit-ref-btn{color:var(--c-text);border:1px solid var(--c-surface1);font:inherit;cursor:pointer;opacity:0;background:#24273ad9;border-radius:2px;padding:3px 6px;font-size:11px;font-weight:600;transition:opacity .2s,background .2s;position:absolute;top:6px;left:6px}.ref-img-wrapper:hover .edit-ref-btn{opacity:1}.edit-ref-btn:focus-visible{opacity:1}.edit-ref-btn:hover{background:var(--c-surface1)}.rm-ref-btn:hover{transform:scale(1.1)}#add-ref-btn{background:var(--c-crust);border:1px dashed var(--c-surface1);cursor:pointer;width:100%;color:var(--c-overlay0);border-radius:2px;justify-content:center;align-items:center;font-size:28px;transition:background .2s,border .2s,color .2s;display:flex}#reference-images[data-total="1"] #add-ref-btn{aspect-ratio:3;min-height:80px}#reference-images:not([data-total="1"]) #add-ref-btn{aspect-ratio:1}#add-ref-btn:hover{background:var(--c-surface0);color:var(--c-text);border-color:var(--c-surface2)}#add-ref-btn:before{content:"+"}#generate-btn{background:var(--c-mauve);color:var(--c-crust);cursor:pointer;border:none;border-radius:2px;flex-shrink:0;margin:24px;padding:14px;font-size:15px;font-weight:600;transition:transform .1s,background .2s}#generate-btn:hover{background:color-mix(in srgb,var(--c-mauve),white 10%)}#generate-btn:active{transform:scale(.98)}#right-panel{background-color:var(--c-base);flex:1;min-width:0;padding:0;position:relative;overflow-y:auto;container-type:inline-size}#grid{--cols:1;background-image:linear-gradient(var(--c-surface0)1px,transparent 1px),linear-gradient(90deg,var(--c-surface0)1px,transparent 1px);--cell-size:calc(100cqw/var(--cols));background-size:var(--cell-size)var(--cell-size);grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:var(--cell-size);background-position:0 0;align-content:start;gap:0;min-height:100%;display:grid}.job-card{background:0 0;flex-direction:column;width:calc(100% - 1px);height:calc(100% - 1px);margin-top:1px;margin-left:1px;animation:.3s fadein;display:flex;position:relative}.job-card.errored{box-shadow:inset 0 0 0 2px var(--c-red)}.job-card.reordering{opacity:.65}.job-card.menu-open{z-index:30}.job-image-container{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.job-image-container img{object-fit:cover;width:100%;height:100%;transition:filter .3s}.job-image-container img.blurred{filter:blur(6px);transform:scale(1.05)}.job-actions{z-index:20;opacity:0;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:8px;left:8px}.job-card:hover .job-actions{opacity:1}.job-pinned-badge{z-index:21;background:var(--c-yellow);color:var(--c-crust);border-radius:2px;align-items:center;padding:4px;display:flex;position:absolute;top:8px;right:8px}.job-pinned-badge svg{width:14px;height:14px}.job-specs{z-index:20;opacity:0;flex-direction:column;align-items:flex-end;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.job-card:hover .job-specs{opacity:1}.job-card.pinned .job-specs{top:36px}.spec-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--c-text);border:1px solid var(--c-surface1);background:#24273acc;border-radius:2px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600}.job-model{color:var(--c-subtext0);text-shadow:0 1px 2px #000c;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;display:flex}.job-model span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.job-timer{font-variant-numeric:tabular-nums}.meta-timer{color:var(--c-subtext1);letter-spacing:.5px;flex-shrink:0;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:500}.cost-badge{color:var(--c-subtext1);letter-spacing:.5px;flex-shrink:0;margin-left:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:500}.model-provider-icon{object-fit:contain;border-radius:2px;flex-shrink:0;width:16px;height:16px}.action-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--c-text);border:1px solid var(--c-surface1);cursor:pointer;background:#24273acc;border-radius:2px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;transition:all .2s;display:flex}.action-btn.close-btn path{transition:all .2s}.action-btn:hover{background:var(--c-lavender);border-color:var(--c-lavender)}.action-btn.close-btn:hover{background:var(--c-red);border-color:var(--c-red)}.action-btn:hover path{color:var(--c-crust)}.move-indicator{color:var(--c-subtext0);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px}.move-indicator svg{width:16px;height:16px}.job-menu{z-index:35;background:var(--c-mantle);border:1px solid var(--c-surface1);opacity:0;visibility:hidden;pointer-events:none;border-radius:2px;min-width:210px;max-width:calc(100cqw - 16px);padding:6px;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;overflow-y:auto;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.job-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.job-menu-item{cursor:pointer;color:var(--c-text);white-space:nowrap;border-radius:2px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.job-menu button.job-menu-item{text-align:left;background:0 0;border:0;width:100%;font-family:inherit}.job-menu-item:disabled{opacity:.5;cursor:default}.job-menu button.job-menu-item:hover{background:var(--c-surface0)}.job-menu button.job-menu-item:focus-visible{background:var(--c-surface0)}.job-menu button.job-menu-item:disabled:hover{background:0 0}.pin-menu-item.active svg{color:var(--c-yellow)}.job-menu-heading{border-top:1px solid var(--c-surface1);color:var(--c-subtext0);text-transform:uppercase;letter-spacing:.06em;margin:6px 8px 2px;padding-top:8px;font-size:11px;font-weight:600}.job-menu-item svg{flex-shrink:0;width:20px;height:20px}.job-card.menu-open .job-actions{opacity:1}.result-image[draggable=true]{cursor:grab}.result-image[draggable=true]:active{cursor:grabbing}body.drag-over:after{content:"";z-index:9998;pointer-events:none;border:2px dashed var(--c-mauve);background:color-mix(in srgb,var(--c-mauve)8%,transparent);position:fixed;top:0;bottom:0;left:0;right:0}#reference-images.drag-over{outline:2px dashed var(--c-mauve);outline-offset:-2px;background:color-mix(in srgb,var(--c-mauve)10%,transparent);z-index:9999;position:relative}#reference-images.drag-over #add-ref-btn{border-color:var(--c-mauve);color:var(--c-mauve)}.action-btn svg{width:20px;height:20px}.result-image:not(.blurred){cursor:pointer}.image-modal-content{width:auto;height:auto;box-shadow:none!important;background:0 0!important;max-width:90vw!important;max-height:90vh!important;padding:0!important}.image-modal-content img{object-fit:contain;border-radius:2px;max-width:90vw;max-height:90vh;box-shadow:0 10px 30px #00000080}.image-zoom{z-index:100;aspect-ratio:1;border:2px solid var(--c-text);background:var(--c-crust);pointer-events:none;border-radius:4px;width:min(280px,100vw - 32px,100vh - 32px);position:fixed;overflow:hidden;box-shadow:0 10px 30px #0009}.image-zoom img{-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.image-modal-content .close-btn{background:var(--c-red);color:var(--c-crust);cursor:pointer;z-index:10;border:none;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:transform .2s;display:flex;position:absolute;top:-16px;right:-16px;box-shadow:0 2px 8px #0000004d}.image-modal-content .close-btn:hover{transform:scale(1.1)}.comparison-modal-content{width:min(1100px,94vw);background:var(--c-mantle)!important;gap:0!important;min-width:0!important;max-width:94vw!important;max-height:94vh!important;padding:0!important;box-shadow:0 10px 30px #00000080!important}.comparison-toolbar{background:var(--c-surface0);border-bottom:1px solid var(--c-surface1);justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 52px 10px 14px;display:flex}.comparison-title{text-transform:uppercase;letter-spacing:.3px;font-size:14px;font-weight:600}.comparison-picker{color:var(--c-subtext0);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.comparison-picker .dropdown{width:148px;box-shadow:none;z-index:20;font-size:12px}.comparison-picker .dropdown .selected{padding:7px 9px}.comparison-viewer{background:var(--c-crust);-webkit-user-select:none;user-select:none;width:100%;height:min(72vh,720px);min-height:240px;position:relative;overflow:hidden}.comparison-image{object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.comparison-before-clip{position:absolute;top:0;bottom:0;left:0;right:0}.comparison-before-clip .comparison-image{width:100%}.comparison-divider{background:var(--c-mauve);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #18192680,0 0 10px #181926b3}.comparison-divider:after{content:"";background:var(--c-mauve);border:2px solid var(--c-crust);border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000073}.comparison-label{border:1px solid var(--c-surface1);text-transform:uppercase;letter-spacing:.5px;pointer-events:none;background:#181926d1;border-radius:2px;padding:4px 7px;font-size:11px;font-weight:600;position:absolute;top:10px}.comparison-label-before{left:10px}.comparison-label-after{right:10px}.comparison-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.comparison-modal-content .close-btn{background:var(--c-surface1);color:var(--c-text);border:1px solid var(--c-surface2);cursor:pointer;z-index:10;border-radius:2px;width:28px;height:28px;font-size:18px;position:absolute;top:10px;right:10px}.comparison-modal-content .close-btn:hover{background:var(--c-red);border-color:var(--c-red);color:var(--c-crust)}.crop-modal-content{width:min(760px,94vw);max-height:94vh;background:var(--c-mantle)!important;gap:0!important;min-width:0!important;max-width:94vw!important;padding:0!important}.crop-toolbar,.crop-actions{background:var(--c-surface0);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.crop-title{text-transform:uppercase;letter-spacing:.3px;font-size:14px;font-weight:600}.crop-toolbar .close-btn{width:28px;height:28px;color:var(--c-subtext0);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0;font-size:22px}.crop-toolbar .close-btn:hover{background:var(--c-surface1);color:var(--c-text)}.crop-stage{-webkit-user-select:none;user-select:none;touch-action:none;width:-moz-fit-content;width:fit-content;max-width:100%;max-height:56vh;margin:0 auto;line-height:0;position:relative;overflow:hidden}.crop-stage img{object-fit:contain;max-width:100%;max-height:56vh;display:block}.crop-selection{border:2px solid var(--c-mauve);cursor:move;position:absolute;box-shadow:0 0 0 9999px #18192694}.crop-handle{background:var(--c-mauve);border:2px solid var(--c-crust);border-radius:50%;width:12px;height:12px;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:-7px;left:-7px}.crop-handle-ne{cursor:nesw-resize;top:-7px;right:-7px}.crop-handle-se{cursor:nwse-resize;bottom:-7px;right:-7px}.crop-handle-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.crop-handle-n,.crop-handle-s{cursor:ns-resize;left:50%;transform:translate(-50%)}.crop-handle-n{top:-7px}.crop-handle-s{bottom:-7px}.crop-handle-e,.crop-handle-w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.crop-handle-e{right:-7px}.crop-handle-w{left:-7px}.crop-adjustments{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px 14px;padding:12px 14px;display:grid}.crop-adjustments label{grid-template-columns:70px 4ch;align-items:center;gap:4px;font-size:12px;display:grid}.crop-adjustments output{text-align:right;font-variant-numeric:tabular-nums;color:var(--c-subtext0)}.crop-adjustments input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.crop-adjustments input::-webkit-slider-runnable-track{background:var(--c-surface2);border-radius:2px;height:4px}.crop-adjustments input::-moz-range-track{background:var(--c-surface2);border-radius:2px;height:4px}.crop-adjustments input::-webkit-slider-thumb{background:var(--c-mauve);border:2px solid var(--c-mantle);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;width:16px;height:16px;margin-top:-6px}.crop-adjustments input::-moz-range-thumb{background:var(--c-mauve);border:2px solid var(--c-mantle);border-radius:2px;width:16px;height:16px}.crop-adjustments input:hover::-webkit-slider-thumb{background:var(--c-lavender)}.crop-adjustments input:hover::-moz-range-thumb{background:var(--c-lavender)}.crop-adjustments input:focus-visible{outline:2px solid var(--c-lavender);outline-offset:2px;border-radius:2px}.crop-actions{border-top:1px solid var(--c-surface1);justify-content:flex-end}@media (max-width:560px){.comparison-toolbar{flex-direction:column;align-items:flex-start;gap:8px;padding-right:52px}.comparison-picker .dropdown{width:min(220px,70vw)}.comparison-viewer{height:64vh;min-height:200px}}.spinner{border:3px solid var(--c-surface2);border-top-color:var(--c-mauve);z-index:10;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin;position:absolute}.job-meta{color:var(--c-text);z-index:15;cursor:grab;opacity:.8;background:linear-gradient(#0000,#181926e6 40%);padding:24px 28px 16px 16px;font-size:13px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.job-meta:active{cursor:grabbing}.job-card:hover .job-meta{opacity:1}.job-refs{gap:6px;margin-bottom:6px;display:flex}.job-refs img{object-fit:cover;border:1px solid var(--c-surface2);cursor:pointer;pointer-events:auto;border-radius:2px;width:24px;height:24px;transition:transform .2s;box-shadow:0 2px 4px #00000080}.job-refs img:hover{transform:scale(1.15)}.job-prompt{line-clamp:2;-webkit-line-clamp:2;text-shadow:0 1px 2px #000c;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.job-error{color:var(--c-red);text-shadow:0 1px 2px #000c;margin-top:4px;font-weight:500}.modal .background,.modal{z-index:50;position:fixed;top:0;bottom:0;left:0;right:0}.modal:not(.open){display:none}.modal .background{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18192640}.modal .content,.modal .body{flex-direction:column;gap:6px;display:flex}.modal .content{background:var(--c-base);z-index:50;border-radius:2px;gap:14px;min-width:360px;max-width:100%;padding:18px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px 5px #0000001a}.modal .header{background:var(--c-surface0);justify-content:space-between;align-items:center;height:42px;margin:-18px -20px 0;padding:10px 20px;font-size:18px;font-weight:500;display:flex}.modal.loading .content:after,.modal.loading .content:before{content:"";z-index:10;position:absolute;top:42px;left:0}.modal.loading .content:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0;right:0}.modal.loading .content:after{border:3px solid var(--c-surface2);border-top-color:var(--c-mauve);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin;top:50%;left:50%;transform:translate(-50%,-50%)}.modal .error{background:var(--c-red);color:var(--c-crust-dark);border-radius:2px;margin-bottom:6px;padding:5px 10px;font-size:14px;font-style:italic;font-weight:500}.modal:not(.errored) .error{display:none}.modal.errored input{border:1px solid var(--c-red)}.modal .form-group{gap:6px;display:flex}.modal .form-group label{width:80px;margin-top:10px}.modal .form-group input{flex:1;padding:8px 12px}.modal .buttons{justify-content:end;margin-top:8px;display:flex}#login{background:color-mix(in srgb,var(--c-green)90%,black);color:var(--c-crust);cursor:pointer;border:none;border-radius:2px;padding:10px 20px;font-weight:600;transition:all .2s}#login:hover{background:color-mix(in srgb,var(--c-green)75%,black)}@container (width>=500px){#grid{--cols:2}}@container (width>=750px){#grid{--cols:3}}@container (width>=1000px){#grid{--cols:4}}@container (width>=1250px){#grid{--cols:5}}@container (width>=1500px){#grid{--cols:6}}@container (width>=1750px){#grid{--cols:7}}@container (width>=2000px){#grid{--cols:8}}@container (width>=2250px){#grid{--cols:9}}@container (width>=2500px){#grid{--cols:10}}@container (width>=2750px){#grid{--cols:11}}@container (width>=3000px){#grid{--cols:12}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.preset-row{align-items:center;gap:6px;width:100%;display:flex}#preset-select{background:var(--c-crust);border:1px solid var(--c-surface0);color:var(--c-text);cursor:pointer;border-radius:2px;outline:none;flex:1;min-width:0;height:34px;padding:8px 12px;font-family:inherit;font-size:13px;transition:background .2s,border .2s;box-shadow:inset 0 2px 4px #0000000d}#preset-select:focus{border-color:var(--c-surface2);background:var(--c-base)}.preset-icon-btn{background:var(--c-surface0);border:1px solid var(--c-surface1);width:34px;min-width:34px;height:34px;color:var(--c-text);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:background .2s,border-color .2s,color .2s,transform .1s;display:flex}.preset-icon-btn svg{width:14px;height:14px}.preset-icon-btn:hover{background:var(--c-surface1);border-color:var(--c-surface2)}.preset-icon-btn:active{transform:scale(.95)}.preset-icon-btn.danger{color:var(--c-red)}.preset-icon-btn.danger:hover{background:color-mix(in srgb,var(--c-red)15%,var(--c-surface0));border-color:var(--c-red)}.preset-icon-btn:disabled{opacity:.3;pointer-events:none;cursor:not-allowed}#save-preset-modal .form-group{flex-direction:column;align-items:stretch;gap:8px;display:flex}#save-preset-modal .form-group label{width:auto;margin-top:0}.modal-btn{cursor:pointer;border:none;border-radius:2px;padding:10px 20px;font-weight:600;transition:background .2s,transform .1s}.modal-btn:active{transform:scale(.97)}.modal-btn.primary{background:color-mix(in srgb,var(--c-green)90%,black);color:var(--c-crust)}.modal-btn.primary:hover{background:color-mix(in srgb,var(--c-green)75%,black)}.modal-btn.secondary{background:var(--c-surface1);color:var(--c-text)}.modal-btn.secondary:hover{background:var(--c-surface2)}@media (max-width:760px){html{display:block}body{flex-direction:column;height:100dvh}#left-panel{border-right:0;border-bottom:1px solid var(--c-surface0);flex:0 0 54dvh;width:100%;min-width:0}#left-panel .panel-content{min-height:0}#right-panel{flex:auto;width:100%;min-height:0}.header{padding:14px 18px}}.storage-controls button{font:inherit;color:var(--c-text);background:var(--c-base);border:1px solid var(--c-surface1);cursor:pointer;border-radius:4px;padding:7px 8px;font-size:12px}.storage-controls button:hover:not(:disabled){border-color:var(--c-mauve)}.storage-controls button:disabled{opacity:.45;cursor:default}.dropdown{-webkit-user-select:none;user-select:none;background:var(--c-crust);border:1px solid var(--c-surface0);white-space:nowrap;border-radius:2px;width:100%;font-size:14px;transition:all .2s;position:relative;box-shadow:inset 0 2px 4px #0000000d}.dropdown.open{border-color:var(--c-surface2);background:var(--c-base)}.dropdown .selected{cursor:pointer;align-items:center;gap:8px;padding:10px 12px;display:flex}.dropdown .icon{background-position:50%;background-repeat:no-repeat;background-size:contain}.dropdown .selected:after,.dropdown .opt.active:before{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dropdown .selected:after{content:"";background-color:var(--c-text);flex-shrink:0;width:16px;height:16px;display:block;transform:rotate(180deg);-webkit-mask-image:url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE3IDE0TDEyIDlMNyAxNCIgc3Ryb2tlPSIjY2FkM2Y1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE3IDE0TDEyIDlMNyAxNCIgc3Ryb2tlPSIjY2FkM2Y1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==)}.dropdown .cont{z-index:20;background:var(--c-mantle);border:1px solid var(--c-surface1);border-radius:2px;flex-direction:column;width:100%;max-height:300px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 24px #0003}.dropdown.open-down .cont{top:calc(100% + 4px);bottom:auto}.dropdown.full-height .cont{min-height:250px}.dropdown:not(.open) .cont{display:none}.dropdown .tabs{background:var(--c-mantle);border-bottom:1px solid var(--c-surface0);align-items:center;gap:4px;padding:8px 8px 0;display:flex}.dropdown.no-tabs .tabs{display:none}.dropdown .tabs .tab-title{cursor:pointer;color:var(--c-subtext0);background:0 0;border-bottom:2px solid #0000;border-radius:2px 2px 0 0;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.dropdown .tabs .tab-title.active{color:var(--c-text);border-bottom-color:var(--c-mauve)}.dropdown .tabs .tab-title:hover{color:var(--c-text);background:var(--c-surface0)}.dropdown .tabs .tab-title .count{padding-left:4px;font-size:11px}.dropdown .opts{overflow-y:auto}.dropdown .opts .tab{flex-direction:column;display:flex;overflow-y:auto}.dropdown .opts .tab:not(.active){display:none}.dropdown .opts .tab:empty:before{content:"No entries";padding:4px 6px;font-style:italic}.dropdown .selected,.dropdown .opt{justify-content:space-between;align-items:center;gap:8px;display:flex}.dropdown .opt{cursor:pointer;background:var(--c-crust);padding:10px 14px;position:relative}.dropdown .opt:not(:last-child){border-bottom:1px solid var(--c-base)}.dropdown .opt:nth-child(odd of :not(.filtered,.unavailable)){background:var(--c-mantle)}.dropdown .opt:not(.disabled):hover{background:var(--c-surface0)}.dropdown .opt.active{background:var(--c-surface0-dark);padding-left:28px;position:relative}.dropdown .opt.active:before{content:"";background-color:var(--c-text);width:16px;height:16px;display:block;position:absolute;top:50%;left:8px;transform:translateY(-50%)rotate(90deg);-webkit-mask-image:url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE3IDE0TDEyIDlMNyAxNCIgc3Ryb2tlPSIjY2FkM2Y1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE3IDE0TDEyIDlMNyAxNCIgc3Ryb2tlPSIjY2FkM2Y1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==)}.dropdown .opt.unavailable,.dropdown .opt.filtered{display:none}.dropdown .opt.disabled:before{content:"";z-index:2;background:var(--c-surface0);opacity:.5;cursor:not-allowed;position:absolute;top:0;bottom:0;left:0;right:0}.dropdown .opt .new{color:var(--c-red);padding-left:4px;font-size:12px;font-weight:500;position:relative;top:-2px}.dropdown .opt.model{padding-left:10px;position:relative}.dropdown .opt.model.active{padding-left:28px}.dropdown .opt.model.active:before{left:10px}.dropdown .opt.model:after{content:"";background:linear-gradient(90deg,var(--back)0%,var(--mid),25%,transparent 100%);--mid:color-mix(in srgb,var(--back)40%,transparent);width:20px;position:absolute;top:0;bottom:0;left:0}.dropdown .opt.free:after{--back:var(--gradient-0)}.dropdown .opt.cheap:after{--back:var(--gradient-2)}.dropdown .opt.normal:after{--back:var(--gradient-4)}.dropdown .opt.expensive:after{--back:var(--gradient-6)}.dropdown .label{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:6px;min-width:0;display:flex;overflow:hidden}.dropdown .title-wrap{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.dropdown .title-wrap>span:not(.prices){white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.dropdown .label span.prices{color:var(--c-overlay0);flex-shrink:0;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.dropdown .prices{flex-wrap:wrap;gap:4px;display:flex}.dropdown .price-badge{background:var(--c-crust);border:1px solid var(--c-surface0);color:var(--c-subtext0);border-radius:2px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.dropdown .price-badge.free{color:var(--c-green);border-color:color-mix(in srgb,var(--c-green)30%,transparent);background:color-mix(in srgb,var(--c-green)10%,transparent)}.dropdown .price-badge.cheap{color:var(--c-yellow);border-color:color-mix(in srgb,var(--c-yellow)30%,transparent);background:color-mix(in srgb,var(--c-yellow)10%,transparent)}.dropdown .price-badge.normal{color:var(--c-peach);border-color:color-mix(in srgb,var(--c-peach)30%,transparent);background:color-mix(in srgb,var(--c-peach)10%,transparent)}.dropdown .price-badge.expensive{color:var(--c-red);border-color:color-mix(in srgb,var(--c-red)30%,transparent);background:color-mix(in srgb,var(--c-red)10%,transparent)}.dropdown .opt.favorite:after{content:"";pointer-events:none;background:url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KCjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoKPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNMTIuNTA5NSAxNy43OTE1QzEyLjE4ODggMTcuNjI4OSAxMS44MTEyIDE3LjYyODkgMTEuNDkwNSAxNy43OTE1TDcuMzc5NDMgMTkuODc1MUM2LjUwODc2IDIwLjMxNjQgNS41Mjg0MiAxOS41MTkzIDUuNzY0NTIgMTguNTYyTDYuNzI1NzYgMTQuNjY0NUM2LjgxNzY3IDE0LjI5MTggNi43MjA3OSAxMy44OTcyIDYuNDY3MjkgMTMuNjExN0wzLjI5NDE2IDEwLjAzNzhDMi42NjE2NSA5LjMyNTQzIDMuMTEwOTUgOC4xODcxNSA0LjA1MzY3IDguMTEzNjRMOC40ODAyNiA3Ljc2ODQ4QzguODk0MzMgNy43MzYxOSA5LjI1ODI4IDcuNDc4MDkgOS40MzAxMyA3LjA5NDg1TDEwLjk2MjcgMy42NzcwM0MxMS4zNjc1IDIuNzc0MzIgMTIuNjMyNSAyLjc3NDMyIDEzLjAzNzMgMy42NzcwM0wxNC41Njk5IDcuMDk0ODVDMTQuNzQxNyA3LjQ3ODA5IDE1LjEwNTcgNy43MzYxOSAxNS41MTk3IDcuNzY4NDhMMTkuOTQ2MyA4LjExMzY0QzIwLjg4OSA4LjE4NzE1IDIxLjMzODQgOS4zMjU0MyAyMC43MDU4IDEwLjAzNzhMMTcuNTMyNyAxMy42MTE3QzE3LjI3OTIgMTMuODk3MiAxNy4xODIzIDE0LjI5MTggMTcuMjc0MiAxNC42NjQ1TDE4LjIzNTUgMTguNTYyQzE4LjQ3MTYgMTkuNTE5MyAxNy40OTEyIDIwLjMxNjQgMTYuNjIwNiAxOS44NzUxTDEyLjUwOTUgMTcuNzkxNVoiIGZpbGw9IiNlZWQ0OWYiIHN0cm9rZT0iI2RmOGUxZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+Cgo8L3N2Zz4=) 50%/contain no-repeat;width:12px;height:12px;position:absolute;top:12px;right:14px}.dropdown .tags{gap:2px;display:flex}.dropdown .icon,.dropdown .tags .tag{width:18px;height:18px}.dropdown .icon{flex-shrink:0}.dropdown .selected .new,.dropdown .selected .prices{display:none}.dropdown .search-wrapper{background:var(--c-crust);border-top:1px solid var(--c-surface0);align-items:center;margin-top:auto;display:flex}.dropdown .search-wrapper .search{min-width:0;color:var(--c-text);background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-size:14px}.dropdown .search-wrapper .search:focus{background:var(--c-base)}.dropdown .opts .tab.favorites-container .opt:active,.dropdown .opts .tab.favorites-container .opt.dragging,.dropdown .opts .tab .opt.reorder-item:active,.dropdown .opts .tab .opt.reorder-item.dragging{cursor:grabbing;opacity:.5}.dropdown .opts .tab.favorites-container .opt.dragging,.dropdown .opts .tab .opt.reorder-item.dragging{background:var(--c-mauve);color:var(--c-base)}.dropdown .opts .tab.favorites-container .drop-indicator,.dropdown .opts .tab .drop-indicator{background:var(--c-mauve);pointer-events:none;height:2px;margin:2px 0;animation:1.2s ease-in-out infinite drop-pulse}@keyframes drop-pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--c-mauve)}50%{opacity:.6;box-shadow:0 0 8px var(--c-mauve)}}