.wobble-maker{--wobble-ink: #20251f;--wobble-muted: #70766d;--wobble-line: rgba(42, 54, 40, 0.12);--wobble-green: #2daf54;--wobble-green-dark: #168638;--wobble-lime: #dfff79;--wobble-warm: #fffdf7;max-width:1180px;padding:0;overflow:hidden;color:var(--wobble-ink);background:radial-gradient(circle at 92% 2%, rgba(223, 255, 121, 0.32), transparent 22rem),hsla(0,0%,100%,.97)}.wobble-maker,.wobble-maker button,.wobble-maker input,.wobble-maker select{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.wobble-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:48px 52px 42px;border-bottom:1px solid var(--wobble-line)}.wobble-hero h1{margin:7px 0 12px;font-size:clamp(32px,5vw,56px);line-height:1.04;letter-spacing:-0.055em}.wobble-hero p{max-width:700px;margin:0;color:var(--wobble-muted);font-size:15px;line-height:1.8}.hero-kicker{color:var(--wobble-green-dark);font-size:11px;font-weight:800;letter-spacing:.18em}.privacy-badge{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;padding:9px 13px;color:#276338;background:#edfaef;border:1px solid #caebd1;border-radius:999px;font-size:12px;font-weight:700}.privacy-dot{width:8px;height:8px;background:var(--wobble-green);border-radius:50%;box-shadow:0 0 0 4px rgba(45,175,84,.14)}.capability-notice{margin:22px 52px 0;padding:12px 15px;color:#7c5510;background:#fff7dd;border:1px solid #f2d991;border-radius:10px;font-size:13px}.wobble-panel{position:relative;padding:40px 52px 46px;border-bottom:1px solid var(--wobble-line)}.wobble-panel:last-child{border-bottom:0}.panel-number{position:absolute;top:44px;left:18px;color:#a4aaa1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;writing-mode:vertical-rl}.panel-heading{margin-bottom:25px}.panel-heading h2{margin:0 0 7px;font-size:21px;letter-spacing:-0.025em}.panel-heading p{margin:0;color:var(--wobble-muted);font-size:13px;line-height:1.65}.wobble-dropzone{display:flex;width:100%;min-height:180px;align-items:center;justify-content:center;gap:20px;padding:30px;color:var(--wobble-ink);background:linear-gradient(90deg, rgba(45, 175, 84, 0.05) 1px, transparent 1px),linear-gradient(rgba(45, 175, 84, 0.05) 1px, transparent 1px),#fbfdf8;background-size:18px 18px;border:1.5px dashed #91bc99;border-radius:14px;cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease,transform 160ms ease}.wobble-dropzone:hover,.wobble-dropzone.is-over{background-color:#f4fbf3;border-color:var(--wobble-green);transform:translateY(-1px)}.dropzone-mark{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;color:var(--wobble-green-dark);background:var(--wobble-lime);border-radius:18px 18px 18px 4px;transform:rotate(-2deg)}.dropzone-mark svg{width:38px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.dropzone-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.dropzone-copy strong{font-size:16px}.dropzone-copy small{color:var(--wobble-muted);font-size:12px}.image-meta{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--wobble-muted);font-size:12px}.upload-status{min-height:18px;margin-top:10px;color:var(--wobble-muted);font-size:12px;text-align:center}.upload-status.error{color:#c32b3e}#image-name{max-width:60%;overflow:hidden;color:var(--wobble-ink);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.text-button,.secondary-button{padding:8px 12px;color:var(--wobble-green-dark);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;font-size:12px;font-weight:700}.text-button:hover,.secondary-button:hover{background:rgba(45,175,84,.08)}#replace-image{margin-left:auto}.region-layout,.motion-layout{display:grid;grid-template-columns:minmax(0, 1fr) 280px;gap:24px;align-items:start}.region-viewer{display:grid;min-height:410px;place-items:center;padding:22px;overflow:hidden;background:#e9ede6;border:1px solid #d9ded6;border-radius:14px;touch-action:none;user-select:none}.region-stage{position:relative;max-width:100%;max-height:590px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(38,46,36,.17)}.region-stage img,.region-stage canvas,.region-stage svg{position:absolute;inset:0;display:block;width:100%;height:100%}.region-stage img{position:relative;object-fit:contain;pointer-events:none}.region-stage canvas{opacity:.7;pointer-events:none}.region-stage svg{overflow:visible;cursor:crosshair}#active-stroke{fill:none;stroke:#fa3248;stroke-linecap:round;stroke-linejoin:round}#active-stroke.is-erasing{stroke:hsla(0,0%,100%,.9);stroke-dasharray:1.4 1}#brush-cursor{fill:hsla(0,0%,100%,.18);stroke:#fff;stroke-width:.55;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.7))}.region-tools,.parameter-sheet,.preview-switches{padding:18px;background:var(--wobble-warm);border:1px solid var(--wobble-line);border-radius:12px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;background:#eef0eb;border-radius:9px}.segmented-control button,.tool-button-grid button,.preset-card{color:var(--wobble-ink);background:rgba(0,0,0,0);border:0;border-radius:7px;cursor:pointer;font-size:12px;font-weight:700}.segmented-control button{padding:9px 6px}.segmented-control button.active{color:var(--wobble-green-dark);background:#fff;box-shadow:0 2px 7px rgba(37,43,35,.1)}.control-row{display:block;margin:0 0 18px}.control-row>span{display:flex;justify-content:space-between;margin-bottom:8px;color:#555c52;font-size:12px;font-weight:700}.control-row output{color:var(--wobble-green-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.control-row input[type=range]{width:100%;height:4px;margin:0;accent-color:var(--wobble-green);cursor:pointer}.strength-legend{display:flex;justify-content:space-between;margin:-5px 0 18px;color:#7a8076;font-size:10px}.strength-legend span{display:flex;align-items:center;gap:4px}.strength-legend i{width:8px;height:8px;border-radius:50%}.strength-legend .weak{background:#fc6}.strength-legend .medium{background:#ff6c43}.strength-legend .strong{background:#ec1638}.tool-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-button-grid button{padding:9px 5px;background:#f0f2ed;border:1px solid #e1e5dd}.tool-button-grid button:hover:not(:disabled){color:var(--wobble-green-dark);border-color:#acd4b4}.tool-button-grid button:disabled{cursor:not-allowed;opacity:.4}.keyboard-tip{margin:13px 0 0;color:#90958d;font-size:10px;line-height:1.5}.preset-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;margin-bottom:18px}.preset-card{display:flex;flex-direction:column;align-items:flex-start;padding:13px 14px;text-align:left;background:#f3f5f0;border:1px solid rgba(0,0,0,0)}.preset-card span{margin-top:4px;color:var(--wobble-muted);font-size:10px;font-weight:500}.preset-card.active{color:#174f29;background:#effbd7;border-color:#bfe16c}.motion-layout{grid-template-columns:310px minmax(0, 1fr)}.select-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;color:#555c52;font-size:12px;font-weight:700}.select-row select,.export-grid select{padding:8px 30px 8px 10px;color:var(--wobble-ink);background:#fff;border:1px solid #dce1d8;border-radius:8px;font-size:12px}.preview-column{min-width:0}.preview-frame{position:relative;display:grid;min-height:480px;place-items:center;overflow:hidden;background:#dfe5dc;border:1px solid #d1d8ce;border-radius:14px 14px 5px 14px;cursor:grab;touch-action:none}.preview-frame.is-dragging{cursor:grabbing}.preview-frame canvas{position:absolute;inset:0;width:100%;height:100%}.preview-empty{position:relative;z-index:1;color:var(--wobble-muted);font-size:13px}.preview-hint{position:absolute;right:12px;bottom:12px;z-index:2;padding:6px 9px;color:hsla(0,0%,100%,.92);background:rgba(25,31,24,.58);border-radius:999px;font-size:10px;pointer-events:none}.record-countdown{position:absolute;inset:0;z-index:4;display:grid;place-items:center;color:#fff;background:rgba(23,31,23,.66);font-size:74px;font-weight:800;backdrop-filter:blur(4px)}.preview-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#555c52;font-size:12px;font-weight:700}.switch-row input{width:36px;accent-color:var(--wobble-green)}.control-row.compact{margin:0}.secondary-button{border-color:#c7dec9}.export-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;gap:12px}.export-grid>label,.export-summary{display:flex;min-width:0;flex-direction:column;gap:7px;padding:13px;background:#f5f6f3;border:1px solid #e4e7e1;border-radius:10px}.export-grid label>span,.export-summary::before{color:var(--wobble-muted);font-size:10px;font-weight:700}.export-summary::before{content:"当前规格"}.export-summary span{overflow:hidden;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.primary-export{position:relative;width:100%;margin-top:15px;padding:15px 20px;overflow:hidden;color:#fff;background:var(--wobble-green-dark);border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:800;box-shadow:0 8px 20px rgba(22,134,56,.2)}.primary-export:hover:not(:disabled){background:#0e752d}.primary-export:disabled{cursor:wait;opacity:.78}.button-label{position:relative;z-index:2}.button-progress{position:absolute;inset:0 auto 0 0;z-index:1;width:0;background:rgba(223,255,121,.23);transition:width 180ms linear}.export-status{min-height:19px;margin-top:9px;color:var(--wobble-muted);font-size:12px;text-align:center}.export-status.error{color:#c32b3e}.export-result{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:12px;padding:13px;background:#eff9ee;border:1px solid #c8e4c8;border-radius:10px}.result-mark{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--wobble-green);border-radius:50%;font-weight:900}.result-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.result-copy strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.result-copy span{color:var(--wobble-muted);font-size:10px}.download-button{padding:9px 13px;color:#fff;background:var(--wobble-green-dark);border-radius:8px;font-size:12px;font-weight:800;text-decoration:none}.export-limit{margin:6px 0 0;color:#979c94;font-size:10px;line-height:1.6;text-align:center}[hidden]{display:none !important}@media(prefers-color-scheme: dark){.wobble-maker{--wobble-ink: #edf1eb;--wobble-muted: #a2aaa0;--wobble-line: rgba(255, 255, 255, 0.11);--wobble-warm: #222720;background:radial-gradient(circle at 92% 2%, rgba(90, 126, 34, 0.24), transparent 22rem),#171b16}.wobble-dropzone,.region-tools,.parameter-sheet,.preview-switches,.export-grid>label,.export-summary,.preset-card{background-color:#222720;border-color:hsla(0,0%,100%,.11)}.segmented-control,.tool-button-grid button{background:#2b3029;border-color:hsla(0,0%,100%,.08)}.segmented-control button.active,.select-row select,.export-grid select{color:#edf1eb;background:#3a4037}.control-row>span,.select-row,.switch-row{color:#cbd1c8}}@media(max-width: 900px){.region-layout,.motion-layout{grid-template-columns:1fr}.region-tools{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.tool-button-grid,.strength-legend,.keyboard-tip{grid-column:1/-1}.preset-grid,.export-grid{grid-template-columns:1fr 1fr}}@media(max-width: 640px){.wobble-maker{margin-top:18px;border-radius:12px}.wobble-hero{display:block;padding:32px 22px 28px}.privacy-badge{margin-top:18px}.wobble-panel{padding:31px 20px 36px}.panel-number{display:none}.capability-notice{margin:15px 20px 0}.wobble-dropzone{min-height:155px;flex-direction:column;gap:13px;text-align:center}.dropzone-copy{align-items:center}.image-meta{flex-wrap:wrap}#image-name{width:100%;max-width:100%}.region-viewer{min-height:300px;padding:10px}.region-tools{display:block}.preset-grid,.export-grid,.preview-switches{grid-template-columns:1fr}.preview-frame{min-height:350px}.export-result{grid-template-columns:auto 1fr}.download-button{grid-column:1/-1;text-align:center}}