:root{font-family:Inter,Noto Sans SC,system-ui,-apple-system,sans-serif;color:#1d2c37;background:#edf1f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{max-width:1240px;margin:0 auto;padding:34px 34px 24px}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:26px}.brand-mark{width:44px;height:44px;border-radius:9px;background:#183449;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:1px}.topbar h1{font-size:22px;line-height:1.15;margin:0;letter-spacing:.2px}.topbar p{font-size:13px;margin:5px 0 0;color:#788792}.secure-note{margin-left:auto;color:#547262;background:#e3eee9;border-radius:99px;font-size:12px;padding:7px 12px}.dot{display:inline-block;width:6px;height:6px;background:#5e997b;border-radius:50%;vertical-align:1px;margin-right:6px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:24px;align-items:start}.preview-section,.control-panel{background:#fff;border:1px solid #dbe2e7;border-radius:8px;box-shadow:0 9px 28px #273c4c0b}.preview-section{padding:20px}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.section-head h2{font-size:15px;margin:0;color:#2a3b47}.section-head p{font-size:12px;color:#89959d;margin:4px 0 0;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiet-button,.replace-button{font:inherit;border:0;color:#5c7280;background:transparent;font-size:12px;cursor:pointer}.preview-stage{position:relative;width:100%;min-height:570px;display:grid;place-items:center;overflow:hidden;background:repeating-conic-gradient(#f4f7f8 0,#f4f7f8 25%,#fff 0,#fff 50%) 0/24px 24px;border:1px dashed #c8d2d8;touch-action:none}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;color:#7e8b94}.empty-state strong{font-size:16px;color:#324550}.empty-state span{font-size:12px}.empty-icon{font-size:30px;line-height:1;color:#87a0ad;margin-bottom:4px}.choose-button{margin-top:9px;background:#1b526f;color:#fff;padding:10px 17px;border-radius:5px;font-size:13px;cursor:pointer}.photo-preview{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center;background-color:#f3f5f6}.crop-guide{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1px solid #ffffffaa;box-shadow:0 0 0 999px #10222b22;pointer-events:none}.crop-guide span{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:11px;color:#fff;white-space:nowrap;text-shadow:0 1px 3px #000}.result-badge{position:absolute;left:12px;top:12px;background:#17394dcc;color:#fff;padding:6px 9px;border-radius:4px;font-size:11px;pointer-events:none}.source-meta{display:flex;justify-content:space-between;margin-top:12px;color:#8b979e;font-size:12px}.control-panel{padding:20px}.control-group{padding-bottom:20px;margin-bottom:19px;border-bottom:1px solid #ebeff1}.control-group.last{margin-bottom:18px}.group-label{display:block;font-weight:700;font-size:13px;color:#324550;margin-bottom:10px}.group-label small{font-weight:400;color:#a1aeb5;margin-left:4px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d9e1e5;background:#fff;border-radius:5px;padding:9px 10px;cursor:pointer;color:#5b6b75;text-align:left}.preset strong{font-size:13px;color:#3b4e5b}.preset span{font-size:10px;margin-top:2px;color:#8997a0}.preset.active{border-color:#30708d;background:#f1f7f9}.preset.active strong{color:#1c5d7a}.dimensions{display:flex;align-items:center;gap:7px;margin-top:10px}.dimensions input,.size-input input{width:100%;border:1px solid #cbd6dc;border-radius:5px;padding:9px;font:inherit;font-size:13px;color:#30434e;outline:none}.dimensions span,.dimensions em{font-size:12px;color:#85929b;font-style:normal}.dimensions em{margin-left:-2px}.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.color-choice{display:flex;align-items:center;gap:7px;border:1px solid #d9e1e5;border-radius:5px;background:#fff;padding:8px 9px;font:inherit;font-size:12px;color:#536672;cursor:pointer}.color-choice.active{border-color:#30708d;background:#f1f7f9;color:#1c5d7a}.color-choice i{width:16px;height:16px;border-radius:3px;background:#dce3e7;border:1px solid #c8d3d9}.original-swatch{background:linear-gradient(135deg,#fff 45%,#73a7bd 46%,#73a7bd 54%,#fff 55%)!important}.help-text,.privacy-note{font-size:11px;line-height:1.55;color:#89979f;margin:9px 0 0}.range-row{display:grid;grid-template-columns:42px 1fr 40px;align-items:center;gap:8px;color:#73828b;font-size:12px;margin-top:10px}.range-row input{accent-color:#27718c}.range-row output{text-align:right;color:#4e6876;font-size:11px}.size-input{position:relative}.size-input input{padding-right:44px}.size-input span{position:absolute;right:11px;top:9px;color:#8b979e;font-size:12px}.process-button,.download-button{width:100%;border:0;border-radius:5px;padding:11px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.process-button{background:#1b526f;color:#fff}.process-button:disabled{opacity:.45;cursor:not-allowed}.download-button{margin-top:9px;background:#e8f0f3;color:#24576d}.download-button span{font-size:11px;font-weight:400;margin-left:4px;color:#70818c}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;vertical-align:-1px;margin-right:7px;animation:spin .7s linear infinite}.error-message{font-size:12px;text-align:center;color:#b43d49;margin:11px 0 0}.privacy-note{text-align:center;margin-top:11px}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;font-size:11px;color:#9ca8ae;margin-top:18px}@media (max-width:850px){.app-shell{padding:20px 14px}.layout{grid-template-columns:1fr}.preview-stage{min-height:440px}.topbar{margin-bottom:18px}.control-panel{padding:17px}}@media (max-width:440px){.secure-note{display:none}.preview-section{padding:14px}.preview-stage{min-height:360px}.preset-grid{grid-template-columns:1fr 1fr}}