:root{--bg-1:#eef1f6;--bg-2:#dfe6f2;--panel-bg:#ffffff8c;--panel-bg-solid:#ffffffdb;--panel-border:#fff9;--hairline:#3c3c4321;--text-main:#1c1c1e;--text-dim:#6e6e73;--text-faint:#98989d;--slider-fill:#8e8e93;--accent:#0a84ff;--accent-2:#ff375f;--danger:#ff3b30;--radius-lg:24px;--radius-md:14px;--radius-sm:10px;--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-main);background:var(--bg-1);font-family:var(--font-system);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--site-bg-top,var(--bg-1)) 0%, var(--site-bg-mid,var(--bg-2)) 55%, var(--site-bg-bottom,var(--bg-2)) 100%);background-attachment:fixed;min-height:100svh;margin:0;transition:background .25s}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text-main);margin:0}p{margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-main{flex:1;grid-template-columns:340px 1fr;gap:28px;min-height:0;padding:28px;display:grid}@media (width<=860px){.app-main{grid-template-columns:1fr}}.control-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--panel-border);border-radius:var(--radius-lg);flex-direction:column;align-self:start;max-height:calc(100svh - 56px);padding:22px 22px 24px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #fffc,inset 0 0 0 1px #ffffff26,0 20px 50px #1e284624,0 2px 8px #1e28460f}.panel-heading{margin-bottom:18px}.panel-title{letter-spacing:-.01em;font-size:16px;font-weight:700}.panel-subtitle{color:var(--text-dim);margin-top:4px;font-size:12.5px}.panel-section{border-top:1px solid var(--hairline);padding:16px 0}.panel-section:first-of-type{border-top:none;padding-top:0}.field-label{color:var(--text-dim);margin-bottom:10px;font-size:12.5px;font-weight:600;display:block}.upload-row{align-items:stretch;gap:10px;display:flex}.upload-thumb{border-radius:var(--radius-sm);border:1px solid var(--hairline);background:#7878801a;flex:0 0 68px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;overflow:hidden}.upload-thumb img{object-fit:cover;width:100%;height:100%;display:block}.upload-thumb-icon{color:var(--text-faint);width:28px;height:28px}.upload-thumb-icon svg{width:100%;height:100%}.upload-controls{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dropzone{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff59;border:1px dashed #3c3c4340;flex:1;justify-content:center;align-items:center;padding:6px 12px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:var(--accent);background:#0a84ff0f}.dropzone--drag{border-color:var(--accent);background:#0a84ff1a}.dropzone-title{color:var(--text-dim);font-size:12.5px;font-weight:500;line-height:1.3}.btn-camera{color:var(--text-dim);border-radius:var(--radius-sm);border:1px solid var(--hairline);white-space:nowrap;background:#ffffff80;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.btn-camera:hover{color:var(--text-main);background:#fffc}.btn-camera svg{flex-shrink:0;width:15px;height:15px}.dropzone-error{color:var(--danger);margin-top:8px;font-size:11.5px}.camera-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14151f73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.camera-body{background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--panel-border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;width:min(420px,100%);padding:14px;display:flex;box-shadow:0 24px 60px #14151f4d}.camera-body-top{align-items:center;gap:8px;padding:2px 4px;display:flex}.camera-brand{color:var(--text-main);flex:1;font-size:13px;font-weight:600}.camera-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;line-height:1}.camera-close:hover{color:var(--text-main)}.camera-screen{border-radius:var(--radius-md);background:#05060a;position:relative;overflow:hidden}.camera-video{aspect-ratio:4/3;object-fit:cover;background:#0b0c14;width:100%;display:block}.camera-error{aspect-ratio:4/3;text-align:center;color:var(--danger);justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.camera-bracket{pointer-events:none;border:2px solid #ffffff8c;width:18px;height:18px;position:absolute}.camera-bracket--tl{border-bottom:none;border-right:none;top:8px;left:8px}.camera-bracket--tr{border-bottom:none;border-left:none;top:8px;right:8px}.camera-bracket--bl{border-top:none;border-right:none;bottom:8px;left:8px}.camera-bracket--br{border-top:none;border-left:none;bottom:8px;right:8px}.camera-rec{color:#fff;text-shadow:0 1px 2px #0009;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.camera-rec-dot{background:var(--danger);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 6px #ff3b30cc}.camera-controls{justify-content:center;align-items:center;padding:4px 6px 2px;display:flex}.camera-shutter{cursor:pointer;background:#fff;border:3px solid #3c3c4333;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .1s;display:flex;box-shadow:0 3px 8px #00000026}.camera-shutter:hover{transform:scale(1.04)}.camera-shutter:active{transform:scale(.94)}.camera-shutter-ring{border:2px solid #14151f26;border-radius:50%;width:44px;height:44px}.camera-shutter:disabled{opacity:.4;cursor:not-allowed;transform:none}.slider-field{margin-bottom:18px}.slider-field:last-child{margin-bottom:0}.slider-label-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.slider-label-row label{color:var(--text-main);font-size:13.5px;font-weight:500}.slider-value{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:13px}.slider-track-wrap{position:relative}.mm-slider{appearance:none;background:0 0;width:100%;height:20px;margin:0}.mm-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--slider-fill) 0%, var(--slider-fill) var(--pct), #3c3c4326 var(--pct));border-radius:2px;height:4px}.mm-slider::-moz-range-track{background:#3c3c4326;border-radius:2px;height:4px}.mm-slider::-moz-range-progress{background:var(--slider-fill);border-radius:2px;height:4px}.mm-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-7px;transition:transform .1s;box-shadow:0 1px 4px #00000040,0 0 0 .5px #0000000d}.mm-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.mm-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000040}.swatch-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatch{border:1px solid var(--hairline);border-radius:50%;width:26px;height:26px;padding:0;transition:transform .12s,box-shadow .12s}.swatch:hover{transform:scale(1.1)}.swatch--active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.swatch--custom{cursor:pointer;background:#78788029;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.swatch--custom svg{width:14px;height:14px;color:var(--text-dim);pointer-events:none}.swatch--custom input{opacity:0;cursor:pointer;position:absolute;inset:-4px}.btn-download{width:100%;color:var(--text-main);border-radius:var(--radius-sm);border:1px solid var(--hairline);background:#fff;padding:12px 16px;font-size:14.5px;font-weight:600;transition:background .15s,transform .1s}.btn-download:hover:not(:disabled){background:#f5f5f7}.btn-download:active:not(:disabled){transform:scale(.98)}.btn-download:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.panel-loading{color:var(--text-dim);text-align:center;margin-top:12px;font-size:12px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.history-strip{border-top:1px solid var(--hairline);gap:8px;margin-top:16px;padding:16px 0 2px;display:flex;overflow-x:auto}.history-item{flex:none;position:relative}.history-thumb{cursor:pointer;border:1.5px solid #0000;border-radius:8px;width:44px;height:44px;padding:0;transition:border-color .15s,transform .12s;display:block;overflow:hidden}.history-thumb:hover{transform:translateY(-1px)}.history-thumb--active{border-color:var(--text-main)}.history-thumb img{object-fit:cover;width:100%;height:100%;display:block}.history-remove{background:var(--text-main);color:#fff;cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;line-height:1;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:-5px;right:-5px;transform:scale(.8)}.history-item:hover .history-remove{opacity:1;transform:scale(1)}.history-strip::-webkit-scrollbar{height:5px}.history-strip::-webkit-scrollbar-track{background:0 0}.history-strip::-webkit-scrollbar-thumb{background:#3c3c4333;border-radius:3px}.panel-footer{text-align:center;color:var(--text-faint);margin-top:18px;font-size:11.5px}.panel-footer a{color:var(--text-faint);text-decoration:none}.panel-footer a:hover{text-decoration:underline}.mosaic-stage{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.mosaic-canvas-wrap{width:100%;height:100%;min-height:400px;position:relative}.mosaic-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.canvas-empty-hint{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty-hint p{color:var(--text-faint);font-size:15px;font-weight:500}.canvas-recenter-btn{border:1px solid var(--panel-border);background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);color:var(--text-main);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:500;transition:transform .1s,box-shadow .15s;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 14px #1e28461f}.canvas-recenter-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1e284629}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:0 0}.control-panel::-webkit-scrollbar-thumb{background:#3c3c4333;border-radius:3px}