*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{color:#f5f5f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080a0d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}h1,h2,h3,h4,p{margin:0;font-weight:600}p{font-weight:400}button,input,select,textarea{font:inherit;color:inherit}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#f5f5f5;background:#080a0d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.app{background:#080a0d;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.header{z-index:100;background:#111419;border-bottom:1px solid #242930;justify-content:space-between;align-items:center;width:100%;height:62px;padding:0 18px;display:flex;position:relative}.brand{min-width:0}.brand h1{white-space:nowrap;margin:0;font-size:16px;font-weight:700}.brand p{color:#737a83;margin:2px 0 0;font-size:10px}.header-actions{align-items:center;gap:7px;display:flex}.selected-count,.saved-message{font-size:11px}.selected-count{color:#777f88}.selected-count strong{color:#fff}.saved-message{color:#9bd39b}.header-button,.save-button{border-radius:6px;height:32px;padding:0 11px;font-size:11px;font-weight:600}.header-button{color:#c8ccd1;background:#191c21;border:1px solid #343a42}.header-button:hover{background:#252a30}.save-button{color:#080a0d;background:#fff;border:0}.save-button:hover{background:#dedede}.editor{background:radial-gradient(circle,#171b20 0%,#0d1014 55%,#080a0d 100%);width:100%;height:calc(100vh - 62px);position:relative;overflow:hidden}.editor-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#0c0e12e0;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.editor-header h2{margin:0;font-size:14px;font-weight:650}.editor-header p{color:#707780;margin:3px 0 0;font-size:10px}.editor-actions{gap:7px;display:flex}.secondary-button,.export-button{border-radius:6px;height:31px;padding:0 11px;font-size:10px;font-weight:600}.secondary-button{color:#c1c5ca;background:#181b20;border:1px solid #343a42}.secondary-button:hover:not(:disabled){color:#fff;background:#252a30}.export-button{color:#080a0d;background:#fff;border:0}.export-button:hover:not(:disabled){background:#dedede}.secondary-button:disabled,.export-button:disabled{opacity:.35;cursor:not-allowed}.collage-container{scrollbar-gutter:stable;background:radial-gradient(circle,#ffffff06,#0000 60%);justify-content:center;align-items:center;padding:35px 45px;display:flex;position:absolute;inset:58px 0 0;overflow:auto}.collage-grid{border-radius:6px;flex-shrink:0;width:min(100vw - 110px,100vh - 145px);max-width:1200px;margin:auto;padding:0;display:grid;overflow:hidden;box-shadow:0 25px 80px #0000008c,0 5px 20px #00000059}.collage-tile{aspect-ratio:1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#171a1f;border:0;width:100%;transition:outline-color .12s,box-shadow .12s,opacity .12s;position:relative;overflow:hidden}.collage-tile.dragging{opacity:.45;z-index:20}.collage-tile.tile-selected{outline-offset:-2px;z-index:5;outline:2px solid #fff;box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 1px #ffffff26}.collage-tile img{-webkit-user-select:none;user-select:none;pointer-events:none;will-change:width, height, left, top;max-width:none;max-height:none;display:block;position:absolute}.tile-number{color:#fff;pointer-events:none;z-index:10;background:#000000b8;border-radius:5px;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;font-weight:700;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #00000059}.image-settings-button{color:#fff;z-index:20;background:#000000b8;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;padding:0;font-size:13px;transition:background .12s,transform .12s;display:flex;position:absolute;top:6px;right:6px}.image-settings-button:hover{background:#ffffff2e;transform:scale(1.06)}.remove-tile{color:#fff;z-index:20;opacity:0;background:#000000b8;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;padding:0;font-size:17px;line-height:1;transition:opacity .12s,background .12s;display:flex;position:absolute;bottom:6px;right:6px}.collage-tile:hover .remove-tile{opacity:1}.remove-tile:hover{background:#aa1e1ee6}.selection-badge{color:#080a0d;z-index:20;pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:6px;left:6px}.image-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#101216f5;border:1px solid #30353c;border-radius:9px;width:190px;padding:12px;position:absolute;top:78px;left:14px;box-shadow:0 15px 45px #00000073}.image-controls-title{border-bottom:1px solid #292e35;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;padding-bottom:9px;display:flex}.image-controls-title strong{color:#eee;font-size:11px}.image-controls-title span{color:#737b84;font-size:9px}.image-control-row{flex-direction:column;gap:9px;display:flex}.control-group{min-width:0}.control-group label{color:#858c95;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:9px;font-weight:600;display:flex}.control-group label strong{color:#ddd;font-size:9px}.control-group input[type=range]{accent-color:#fff;cursor:pointer;width:100%;height:16px;margin:0;display:block}.small-control{width:100%;height:29px;padding:0 8px;font-size:9px}.selection-controls{grid-template-columns:1fr 1fr;gap:6px;padding-top:2px;display:grid}.selection-controls .small-control{width:100%}.collage-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#101216f5;border:1px solid #30353c;border-radius:9px;flex-direction:column;gap:8px;width:190px;padding:11px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 15px 45px #00000073}.collage-controls .control-group{width:100%}.color-control{align-items:center;gap:7px;display:flex}.color-control input[type=color]{cursor:pointer;background:#171a1f;border:1px solid #3b4149;border-radius:5px;width:31px;height:27px;padding:2px}.color-control span{color:#a4aab1;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.empty-state{color:#626971;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.empty-icon{border:1px dashed #41474f;border-radius:10px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:12px;font-size:26px;display:flex}.empty-state h2{color:#a0a6ad;margin:0 0 5px;font-size:15px}.empty-state p{margin:0;font-size:11px}.gallery-panel{z-index:80;background:#101216;flex-direction:column;display:flex;position:fixed;inset:62px 0 0;box-shadow:0 20px 80px #000000a6}.gallery-header{background:#111419;border-bottom:1px solid #282d34;flex-shrink:0;justify-content:space-between;align-items:center;height:55px;padding:0 16px;display:flex}.gallery-header h2{margin:0;font-size:14px}.gallery-header span{color:#707780;font-size:10px}.gallery-toolbar{background:#101216;border-bottom:1px solid #242930;flex-shrink:0;grid-template-columns:minmax(180px,1fr) minmax(180px,280px);gap:8px;padding:10px 14px;display:grid}.search-box,.folder-filter{min-width:0}.search-box input,.folder-filter select{color:#fff;background:#181b20;border:1px solid #30353c;border-radius:6px;outline:none;width:100%;height:34px;padding:0 10px;font-size:10px}.search-box input::placeholder{color:#626a73}.search-box input:focus,.folder-filter select:focus{border-color:#626a75}.folder-filter label{display:none}.library-grid{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:5px;min-width:0;min-height:0;padding:10px 12px 20px;display:grid;overflow:hidden auto}.library-image{aspect-ratio:1;content-visibility:auto;contain-intrinsic-size:150px 150px;background:#1a1d22;border:2px solid #0000;border-radius:5px;width:100%;padding:0;transition:border-color .12s,transform .12s;display:block;position:relative;overflow:hidden}.library-image:hover{z-index:5;transform:scale(1.025)}.library-image.selected{border-color:#fff}.library-image img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.image-overlay{pointer-events:none;background:linear-gradient(#0000 34%,#000000e0);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:5px;display:flex;position:absolute;inset:0}.image-overlay .library-badge{filter:drop-shadow(0 1px 3px #000000b3);margin-bottom:1px}.image-overlay .library-tag{color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#ffffff24;border-radius:3px;max-width:100%;padding:1px 5px;font-size:7.5px;font-weight:700;overflow:hidden}.image-overlay .library-hero{color:#ffffff8c;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000;max-width:100%;font-size:7px;font-weight:600;line-height:1.1;overflow:hidden}.image-overlay .library-skin{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000;max-width:100%;font-size:9.5px;font-weight:600;line-height:1.25;overflow:hidden}.library-add{z-index:3;color:#fff;pointer-events:none;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:11px;line-height:1;display:flex;position:absolute;top:5px;right:5px}.library-image.selected .library-add{background:#2f5fae}.image-overlay strong{color:#fff;background:#000000b8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.gallery-close{color:#ccc;background:#1b1f24;border:1px solid #3a4048;border-radius:6px;height:31px;padding:0 11px;font-size:10px;font-weight:600}.gallery-close:hover{color:#fff;background:#292e35}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#15181d;border:1px solid #30353d;border-radius:10px;width:min(420px,100%);padding:22px;box-shadow:0 30px 100px #000000b3}.modal h2{margin:0;font-size:17px}.modal p{color:#777f89;margin:5px 0 16px;font-size:11px}.modal>input{color:#fff;background:#0e1013;border:1px solid #343a42;border-radius:6px;outline:none;width:100%;height:40px;padding:0 11px;font-size:11px}.modal>input:focus{border-color:#737b86}.modal-actions{justify-content:flex-end;gap:7px;margin-top:16px;display:flex}.drafts-modal{background:#15181d;border:1px solid #30353d;border-radius:10px;flex-direction:column;width:min(650px,100%);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 30px 100px #000000b3}.drafts-title{border-bottom:1px solid #292e35;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.drafts-title h2{margin:0;font-size:16px}.drafts-title p{color:#707781;margin:3px 0 0;font-size:10px}.close-button{color:#aaa;background:#22262c;border:none;border-radius:6px;width:30px;height:30px;padding:0;font-size:20px}.close-button:hover{color:#fff;background:#30353d}.draft-list{overflow-y:auto}.draft-item{border-bottom:1px solid #242930;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;display:flex}.draft-item:last-child{border-bottom:none}.draft-info{flex-direction:column;gap:4px;min-width:0;display:flex}.draft-info strong{color:#eee;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.draft-info span{color:#6e757e;font-size:9px}.draft-actions{flex-shrink:0;gap:6px;display:flex}.load-button,.delete-button{border-radius:5px;padding:7px 10px;font-size:10px;font-weight:600}.load-button{color:#fff;background:#22262c;border:1px solid #3b4149}.load-button:hover{background:#30353c}.delete-button{color:#d58b8b;background:#241719;border:1px solid #482b2b}.delete-button:hover{background:#382021}.no-drafts{color:#666d76;text-align:center;padding:50px 20px;font-size:12px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0c0e11}::-webkit-scrollbar-thumb{background:#30353c;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444b54}@media (width<=900px){.image-controls,.collage-controls{width:165px}.collage-container{padding-left:200px}.gallery-toolbar{grid-template-columns:1fr 220px}}@media (width<=650px){.app{height:100dvh}.header{flex-wrap:wrap;gap:8px;height:auto;min-height:62px;padding:10px 12px}.header-actions{flex-wrap:wrap}.editor{height:calc(100dvh - 82px)}.editor-header{height:52px;padding:0 10px}.editor-header p{display:none}.collage-container{align-items:flex-start;padding:100px 12px 20px;inset:52px 0 0}.collage-grid{width:min(100%,600px)}.image-controls{width:calc(50% - 12px);max-width:190px;top:62px;left:8px}.collage-controls{width:calc(50% - 12px);max-width:190px;inset:62px 8px auto auto}.gallery-toolbar{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-panel{overflow:hidden}}.file-input{display:none}.gallery-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.gallery-filters input,.gallery-filters select{color:#e8eaed;background:#111419;border:1px solid #252a30;border-radius:6px;padding:9px 12px;font-size:13px}.gallery-filters input:focus,.gallery-filters select:focus{border-color:#4a5058;outline:none}.gallery-filters>span{color:#7d858f;font-size:12px}.import-button{color:#e8eaed;cursor:pointer;background:#1a1d22;border:1px solid #303740;border-radius:6px;margin-left:auto;padding:9px 16px;font-size:13px;font-weight:600}.import-button:hover:not(:disabled){background:#252a30;border-color:#4a5058}.import-button:disabled{opacity:.55;cursor:default}.import-report{color:#c9ced6;background:#14171c;border:1px solid #303740;border-left:3px solid #d8a13a;border-radius:6px;margin:0 0 18px;padding:14px 16px;font-size:13px;line-height:1.6}.import-report-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.import-report-top strong{color:#fff;font-size:14px}.import-report-top button{color:#9aa2ac;cursor:pointer;background:0 0;border:1px solid #303740;border-radius:5px;padding:5px 12px;font-size:12px}.import-report-top button:hover{color:#e8eaed;background:#252a30}.import-report p{margin:4px 0}.import-report ul{max-height:190px;margin:6px 0;padding-left:20px;overflow-y:auto}.import-report li{color:#9aa2ac;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px}.main-nav{background:#0d1014;border:1px solid #242930;border-radius:7px;gap:4px;padding:3px;display:flex}.nav-button{color:#8b939d;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex}.nav-button:hover{color:#e8eaed}.nav-button.active{color:#fff;background:#252a30}.nav-count{color:#0d1014;text-align:center;background:#fff;border-radius:9px;min-width:19px;padding:1px 6px;font-size:11px;font-weight:700}.gallery-page{flex-direction:column;flex:1;min-height:0;padding:20px 22px 0;display:flex}.gallery-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.gallery-top h2{color:#fff;margin:0 0 3px;font-size:19px}.gallery-top p{color:#7d858f;font-size:13px}.gallery-stat{color:#7d858f;white-space:nowrap;background:#111419;border:1px solid #242930;border-radius:7px;flex-shrink:0;padding:8px 14px;font-size:12px}.gallery-stat strong{color:#fff;font-size:15px}.gallery-grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:9px;min-height:0;padding-bottom:22px;display:grid;overflow-y:auto}.editor-page{flex:1;min-height:0;display:flex}.editor-sidebar{overscroll-behavior:contain;background:#0d1014;border-right:1px solid #242930;flex-shrink:0;width:258px;padding:14px;overflow-y:auto}.sidebar-section{border-bottom:1px solid #1c2026;flex-direction:column;gap:7px;margin-bottom:14px;padding-bottom:14px;display:flex}.editor-sidebar .sidebar-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.sidebar-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:3px;display:flex}.sidebar-title strong{color:#fff;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700}.sidebar-title span{color:#656d77;font-size:11px}.sidebar-button{color:#dfe3e8;text-align:left;background:#171a1f;border:1px solid #252a30;border-radius:6px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.sidebar-button:hover:not(:disabled){background:#252a30;border-color:#3a4149}.sidebar-button:disabled{opacity:.4;cursor:default}.sidebar-button.danger{color:#e78b8b;border-color:#aa282873}.sidebar-button.danger:hover:not(:disabled){background:#aa1e1e38;border-color:#c83c3cb3}.export-sidebar-button{color:#0d1014;background:#fff;border:0;border-radius:6px;width:100%;padding:10px 12px;font-size:13px;font-weight:700;transition:background .12s}.export-sidebar-button:hover:not(:disabled){background:#dedede}.export-sidebar-button:disabled{opacity:.35;cursor:default}.side-control{flex-direction:column;gap:6px;padding:3px 0;display:flex}.side-control>span{color:#8b939d;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.side-control>span b{color:#fff;font-variant-numeric:tabular-nums}.side-control input[type=range]{appearance:none;cursor:pointer;background:#252a30;border-radius:2px;width:100%;height:4px}.side-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:13px;height:13px}.side-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:13px;height:13px}.color-input{cursor:pointer;background:#171a1f;border:1px solid #252a30;border-radius:6px;width:100%;height:32px;padding:2px}.control-empty{color:#656d77;text-align:center;border:1px dashed #252a30;border-radius:6px;padding:14px 12px;font-size:12px}.active-image-name{background:#171a1f;border-radius:6px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.active-image-name span{color:#656d77;letter-spacing:.7px;text-transform:uppercase;font-size:10px}.active-image-name strong{color:#fff;overflow-wrap:anywhere;font-size:12px}.keyboard-help{flex-direction:column;gap:6px;display:flex}.keyboard-help span{color:#7d858f;align-items:center;gap:4px;font-size:11px;display:flex}.keyboard-help kbd{color:#c3c9d1;text-align:center;background:#1a1d22;border:1px solid #2d333b;border-bottom-width:2px;border-radius:4px;min-width:20px;padding:2px 5px;font-family:inherit;font-size:10px}.editor-canvas{flex-direction:column;flex:1;min-width:0;display:flex}.canvas-header{border-bottom:1px solid #1c2026;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:14px 20px;display:flex}.canvas-header h2{color:#fff;margin:0 0 2px;font-size:16px}.canvas-header p{color:#656d77;font-size:12px}.canvas-count{color:#8b939d;font-variant-numeric:tabular-nums;white-space:nowrap;background:#111419;border:1px solid #242930;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:12px}.canvas-area{overscroll-behavior:contain;flex:1;justify-content:center;align-items:center;min-height:0;padding:22px;display:flex;overflow:auto}.collage-tile{cursor:move}.collage-tile:active{cursor:grabbing}.tile-grip{z-index:3;color:#fff;cursor:grab;opacity:0;background:#000000b8;border-radius:5px;justify-content:center;align-items:center;width:23px;height:23px;font-size:13px;line-height:1;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.tile-grip:active{cursor:grabbing}.tile-number{pointer-events:none}.collage-tile .tile-grip,.collage-tile .remove-tile{opacity:0}.collage-tile:hover .tile-grip,.collage-tile:hover .remove-tile{opacity:1}.collage-grid.is-adjusting .tile-grip,.collage-grid.is-adjusting .remove-tile,.collage-grid.is-adjusting .tile-number,.collage-grid.is-adjusting .selection-badge{opacity:0;pointer-events:none;transition:opacity 80ms}.export-note{color:#7d858f;font-variant-numeric:tabular-nums;text-align:center;padding:2px 2px 0;font-size:11px}.image-preview{flex-direction:column;gap:8px;display:flex}.preview-frame{aspect-ratio:1;background:#0a0c0f;border:1px solid #2d333b;border-radius:6px;width:100%;position:relative;overflow:hidden}.preview-frame img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;display:block;position:absolute}.preview-meta{flex-direction:column;gap:1px;display:flex}.preview-meta strong{color:#fff;overflow-wrap:anywhere;font-size:12px}.preview-meta span{color:#656d77;font-size:11px}.tile-actions{z-index:3;opacity:0;gap:2px;transition:opacity .12s;display:flex;position:absolute;bottom:2.5%;right:2.5%}.collage-tile:hover .tile-actions{opacity:1}.tile-actions .tile-grip,.tile-actions .remove-tile{color:#ffffffe6;opacity:.75;background:#0009;border:0;border-radius:3px;justify-content:center;align-items:center;width:clamp(10px,3.6cqw,15px);height:clamp(10px,3.6cqw,15px);padding:0;font-size:clamp(6px,2.2cqw,9px);line-height:1;display:flex;position:static}.tile-actions .tile-grip:hover,.tile-actions .remove-tile:hover{opacity:1;background:#000000d9}.tile-actions .remove-tile:hover{background:#aa1e1ee6}.tile-number{color:#ffffff9e;text-shadow:0 1px 2px #000000e6,0 0 3px #000000b3;pointer-events:none;background:0 0;border-radius:0;width:auto;min-width:0;height:auto;padding:0;font-size:clamp(8px,3.2cqw,13px);font-weight:600;line-height:1.6;display:block;top:2.5%;left:3.5%}.collage-grid.is-adjusting .tile-actions{opacity:0;pointer-events:none}.canvas-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.canvas-zoom{background:#111419;border:1px solid #242930;border-radius:6px;align-items:center;gap:1px;padding:2px;display:flex}.canvas-zoom button{color:#9aa2ac;background:0 0;border:0;border-radius:4px;min-width:24px;height:22px;padding:0 5px;font-size:13px;line-height:1}.canvas-zoom button:hover{color:#fff;background:#252a30}.canvas-zoom-value{font-variant-numeric:tabular-nums;color:#e8eaed!important;min-width:44px!important;font-size:11px!important}.tile-badge{z-index:4;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;max-width:80%;padding:0 .5em;font-size:clamp(6px,3.6cqw,13px);font-weight:700;line-height:1.75;position:absolute;top:3.5%;right:3.5%;overflow:hidden;box-shadow:0 1px 4px #00000073}.tile-badge.is-art{box-shadow:none;object-fit:contain;object-position:top right;background:0 0;border:0;border-radius:0;padding:0}.collage-tile,.preview-frame{container-type:inline-size}.collage-grid.is-adjusting .tile-badge{opacity:.25;transition:opacity 80ms}.sort-select{color:#dfe3e8;background:#171a1f;border:1px solid #252a30;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.sort-select:disabled{opacity:.4}.upload-modal{flex-direction:column;gap:14px;width:min(420px,92vw);display:flex}.upload-modal label{flex-direction:column;gap:5px;display:flex}.upload-modal label>span{color:#8b929c;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.upload-modal input,.upload-modal select{color:#e6e9ee;background:#14171c;border:1px solid #2b3038;border-radius:7px;width:100%;padding:9px 11px;font-family:inherit;font-size:13px}.upload-modal input:focus,.upload-modal select:focus{border-color:#4a7fd0;outline:none}.upload-modal input[type=file]{color:#8b929c;padding:8px;font-size:12px}.upload-error{color:#ff8a8a;margin:0;font-size:12px}.upload-note{color:#6b7480;margin:0;font-size:11px;line-height:1.5}.upload-modal .modal-actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.upload-modal .modal-actions button{color:#cdd3db;cursor:pointer;background:#1b1f25;border:1px solid #2f353e;border-radius:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}.upload-modal .modal-actions button:hover:not(:disabled){background:#232830;border-color:#454c57}.upload-modal .modal-actions .save-button{color:#fff;background:#2f5fae;border-color:#3d6fbf}.upload-modal .modal-actions .save-button:hover:not(:disabled){background:#3a6fc4}.upload-modal .modal-actions button:disabled{opacity:.5;cursor:default}.sidebar-button.primary{color:#fff;background:#2a4f8f;border-color:#3d6fbf}.sidebar-button.primary:hover:not(:disabled){background:#35619f}.library-edit{z-index:3;color:#ffffffd9;opacity:0;cursor:pointer;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;line-height:1;transition:opacity .12s;display:flex;position:absolute;top:5px;left:5px}.library-image:hover .library-edit{opacity:1}.library-edit:hover{background:#2f5fae}.tag-modal h2{margin-bottom:0}.tag-modal .tag-modal-hero{color:#8b929c;letter-spacing:.04em;text-transform:uppercase;margin:-8px 0 4px;font-size:12px}.pick-row{flex-direction:column;gap:5px;display:flex}.pick-row>span,.pick-field>span{color:#8b929c;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.pick-buttons{gap:5px;display:flex}.pick-button{color:#cdd3db;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#14171c;border:1px solid #2f353e;border-radius:6px;flex:1 1 0;min-width:0;padding:7px 4px;font-family:inherit;font-size:11px;font-weight:700;transition:background .1s,color .1s,transform 80ms;overflow:hidden}.pick-button:hover:not(.is-active){background:#1e232a}.pick-button.is-active{transform:translateY(-1px);box-shadow:0 3px 10px #0006}.is-tags .pick-button.is-active{color:#fff;background:#2f5fae;border-color:#3d6fbf}.upload-modal{width:min(540px,94vw)}.pick-field{flex-direction:column;gap:5px;display:flex}.pick-button.has-icon{justify-content:center;align-items:center;height:40px;padding:4px 3px;display:flex}.pick-button.has-icon img{object-fit:contain;filter:drop-shadow(0 1px 2px #0009);max-width:100%;max-height:100%}.is-tags .pick-button.has-icon:not(.is-active) img{opacity:.55}.is-tags .pick-button.has-icon.is-active{background:#1b2a44}.is-tags .pick-button.has-icon:hover:not(.is-active) img{opacity:.85}.is-tags .pick-button{flex:1 1 0}.one-click{border-bottom:1px solid #262b33;padding-bottom:12px}.one-click .pick-button.has-icon img{opacity:1}.one-click .pick-button:hover:not(:disabled){background:#1e232a;transform:translateY(-1px)}.library-quick{z-index:3;opacity:0;pointer-events:none;background:#000000b8;border-radius:6px;gap:2px;padding:3px;transition:opacity .12s;display:flex;position:absolute;top:50%;left:5px;right:5px;transform:translateY(-50%)}.library-image:hover .library-quick{opacity:1;pointer-events:auto}.quick-choice{color:#fff;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:#ffffff14;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:24px;font-size:7px;font-weight:700;transition:background .1s;display:flex}.quick-choice:hover{background:#2f5fae}.quick-choice.has-icon{padding:2px}.quick-choice.has-icon img{object-fit:contain;max-width:100%;max-height:100%}.quick-choice.is-common{letter-spacing:.02em;background:#ffffff1f;flex:0 0 22px;padding:0;font-size:6.5px}.setup-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex}.setup-bar h2{color:#8fd}.setup-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.setup-actions .sidebar-button{width:auto;padding:9px 16px}.setup-count{color:#8b929c;font-variant-numeric:tabular-nums;font-size:12px}.gallery-spacer{grid-column:1/-1}.collage-sheet{border-radius:6px;flex-shrink:0;width:min(100vw - 110px,100vh - 145px);max-width:1200px;margin:auto;overflow:hidden;box-shadow:0 25px 80px #0000008c,0 5px 20px #00000059}.collage-sheet .collage-grid{width:100%;max-width:none;box-shadow:none;border-radius:0;margin:0}.collage-header{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.header-control>span{margin-bottom:6px;display:block}.header-pick{text-align:center;cursor:pointer;display:block;position:relative}.header-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.header-preview{flex-direction:column;gap:6px;display:flex}.header-preview img{border:1px solid #2b3038;border-radius:5px;width:100%}.gallery-top-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.density-toggle{color:#9aa3ae;white-space:nowrap;cursor:pointer;background:#111419;border:1px solid #242930;border-radius:7px;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:600;transition:border-color .12s,color .12s}.density-toggle:hover{color:#fff;border-color:#39414b}.density-toggle:focus-visible{outline-offset:2px;outline:2px solid #5fd8f5}.gallery-grid.dense{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:5px}.gallery-grid.dense .library-image{contain-intrinsic-size:78px 78px;border-width:1px;border-radius:4px}.gallery-grid.dense .library-hero,.gallery-grid.dense .library-skin,.gallery-grid.dense .library-quick{display:none}.gallery-grid.dense .image-overlay{background:0 0;padding:0}.gallery-grid.dense .library-add{background:#0000006b;width:13px;height:13px;font-size:9px;top:2px;right:2px}.gallery-grid.dense .library-image.selected .library-add{background:#000000c7}@media (width<=650px){.gallery-top{align-items:flex-start;gap:8px;padding-bottom:4px}.gallery-top h2{font-size:19px}.gallery-top p{display:none}.gallery-stat{padding:6px 10px;font-size:11px}.gallery-stat strong{font-size:13px}.density-toggle{padding:6px 10px;font-size:11px}.gallery-filters{gap:6px}.gallery-filters input,.gallery-filters select{height:38px;font-size:13px}.gallery-filters .import-button{order:99;height:34px;padding:0 12px;font-size:12px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gallery-grid.dense{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.gallery-grid.dense .library-image{contain-intrinsic-size:48px 48px}}.header-modal{width:min(560px,94vw)}.crop-stage{justify-content:center;margin:10px 0 14px;display:flex}.crop-frame{touch-action:none;-webkit-user-select:none;user-select:none;background:#0c0e12;max-width:100%;max-height:52vh;line-height:0;position:relative}.crop-frame img{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:52vh;display:block}.crop-shade{pointer-events:none;background:#06080ca8;position:absolute}.crop-box{cursor:move;touch-action:none;border:1px solid #fffffff2;position:absolute;box-shadow:0 0 0 1px #0000008c}.crop-handle{touch-action:none;background:#0a0d12b8;border:2px solid #fff;width:22px;height:22px;position:absolute}.crop-nw{cursor:nwse-resize;top:-11px;left:-11px}.crop-ne{cursor:nesw-resize;top:-11px;right:-11px}.crop-sw{cursor:nesw-resize;bottom:-11px;left:-11px}.crop-se{cursor:nwse-resize;bottom:-11px;right:-11px}.crop-tools{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.crop-tools button{color:#cfd5dd;cursor:pointer;background:#111419;border:1px solid #242930;border-radius:7px;flex:1;min-width:96px;height:38px;font-size:13px;font-weight:600}.crop-tools button:hover:not(:disabled){color:#fff;border-color:#39414b}.crop-tools button:disabled{opacity:.45;cursor:default}@media (width<=650px){.crop-frame,.crop-frame img{max-height:42vh}}