html:has(#root),body:has(#root){height:100%}#root{height:100%}.id-photo-resize-root{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;background:var(--ds-color-canvas, #f4f6fb);color:var(--ds-color-ink, #1b2437);font-family:var(--ds-font-sans, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);overflow:hidden}.visually-hidden-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.primary-button,.secondary-button,.ghost-button,.icon-button{white-space:nowrap;min-height:44px;border-radius:var(--ds-radius-md, 12px);font-size:14px;cursor:pointer;font-family:inherit}.primary-button{padding:0 20px;border:none;background:var(--ds-color-brand-primary, #4f46e5);color:#fff;font-weight:600}.primary-button:hover:not(:disabled){background:var(--ds-color-brand-primary-hover, #4338ca)}.primary-button:disabled{opacity:.48;cursor:default}.secondary-button{padding:0 16px;border:1px solid var(--ds-color-border, #d9e0ec);background:var(--ds-color-surface, #ffffff);color:var(--ds-color-ink, #172033)}.ghost-button{padding:0 16px;border:1px solid var(--ds-color-border, #d9e0ec);background:transparent;color:var(--ds-color-ink, #172033)}.icon-button{display:inline-grid;place-items:center;width:44px;padding:0;border:1px solid var(--ds-color-border, #d9e0ec);background:var(--ds-color-surface, #ffffff);color:var(--ds-color-ink, #172033)}.id-photo-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:0 20px;border-bottom:1px solid var(--ds-color-border, #d9e0ec);background:var(--ds-color-surface, #ffffff);flex:none}.id-photo-title{font-size:18px;font-weight:700;margin:0}.id-photo-privacy-note{color:var(--ds-color-muted, #64748b);font-size:13px}.id-photo-messages{padding:8px 20px 0;flex:none}.id-photo-notice,.id-photo-error,.id-photo-warning{margin:0 0 8px;padding:10px 14px;border-radius:var(--ds-radius-md, 12px);font-size:13px}.id-photo-notice{background:var(--ds-color-warning-soft, #fff4d8);color:#8a6d1d}.id-photo-error{background:var(--ds-color-danger-soft, #fee2e2);color:var(--ds-color-danger, #ef4444)}.id-photo-warning{background:var(--ds-color-warning-soft, #fff4d8);color:#8a6d1d}.id-photo-desktop{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.id-photo-desktop-body{flex:1;min-height:0;display:grid;grid-template-columns:400px minmax(0,1fr);gap:0}.id-photo-sidebar{border-right:1px solid var(--ds-color-border, #d9e0ec);background:var(--ds-color-surface, #ffffff);padding:16px;overflow-y:auto;overflow-x:hidden}.id-photo-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--ds-color-canvas, #f4f6fb);overflow:hidden}.id-photo-stage-empty{color:var(--ds-color-muted, #64748b);font-size:14px}.size-selector,.segment-group{display:flex;gap:8px;flex-wrap:nowrap}.segment-button{white-space:nowrap;min-height:44px;padding:0 14px;border:1px solid var(--ds-color-border, #d9e0ec);border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-surface, #ffffff);color:var(--ds-color-ink, #172033);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.segment-button.is-active{background:var(--ds-color-brand-primary, #4f46e5);border-color:var(--ds-color-brand-primary, #4f46e5);color:#fff}.size-selector{margin-bottom:14px}.size-selector .segment-button{flex:1}.id-photo-settings-panel{margin-bottom:18px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;min-height:92px;border:1px solid var(--ds-color-border, #d9e0ec);border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-surface, #ffffff);color:var(--ds-color-ink, #172033);text-align:left;cursor:pointer;font-family:inherit}.preset-card.is-active{border-color:var(--ds-color-brand-primary, #4f46e5);background:color-mix(in srgb,var(--ds-color-brand-primary) 6%,#ffffff)}.preset-card-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.preset-card-mm,.preset-card-px{font-size:12px;color:var(--ds-color-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.scenario-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;min-height:76px;border:1px solid var(--ds-color-border, #d9e0ec);border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-surface, #ffffff);color:var(--ds-color-ink, #172033);text-align:left;cursor:pointer;font-family:inherit}.scenario-card.is-active{border-color:var(--ds-color-brand-primary, #4f46e5);background:color-mix(in srgb,var(--ds-color-brand-primary) 6%,#ffffff)}.scenario-card-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scenario-card-desc{font-size:12px;color:var(--ds-color-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.custom-size-panel{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--ds-color-border, #d9e0ec);border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-surface, #ffffff)}.custom-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-row-inline{margin-top:4px}.custom-label{font-size:13px;font-weight:600;color:var(--ds-color-muted, #64748b);min-width:52px;white-space:nowrap}.custom-unit{font-size:12px;color:var(--ds-color-muted, #64748b);white-space:nowrap}.number-input{min-height:44px;width:96px;padding:0 12px;border:1px solid var(--ds-color-border, #d9e0ec);border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-surface, #ffffff);color:var(--ds-color-ink, #172033);font-size:14px;font-family:inherit}.number-input-inline{width:84px}.spec-summary{border-top:1px solid var(--ds-color-border, #d9e0ec);padding-top:14px}.spec-summary-title{font-size:14px;font-weight:700;margin:0 0 10px}.spec-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}.spec-summary-item{display:flex;flex-direction:column;gap:2px}.spec-summary-item dt{font-size:11px;color:var(--ds-color-muted, #64748b)}.spec-summary-item dd{font-size:13px;font-weight:600;margin:0;white-space:nowrap}.spec-summary-scenario{margin-bottom:10px;padding:10px 12px;border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-surface-hover, #f1f4fa)}.spec-summary-scenario-name{font-size:13px;font-weight:600;margin:0 0 4px}.spec-summary-scenario-bg{margin-left:8px;font-weight:400;color:var(--ds-color-muted, #64748b)}.spec-summary-scenario-disclaimer,.spec-summary-disclaimer{font-size:12px;color:var(--ds-color-muted, #64748b);line-height:1.6;margin:0}.spec-summary-critical{margin:0 0 10px;padding:8px 12px;border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-warning-soft, #fff4d8);color:#8a6d1d;font-size:12px;line-height:1.5}.crop-editor{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;min-height:0}.crop-stage{position:relative;flex:1;min-height:0;width:100%;border-radius:var(--ds-radius-lg, 16px);background:#10141d;overflow:hidden;touch-action:none;user-select:none}.crop-stage-image{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.crop-box{position:absolute;border:2px solid #ffffff;box-shadow:0 0 0 200vmax #00000073;pointer-events:none}.crop-box:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgb(255 255 255 / 25%) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / 25%) 1px,transparent 1px);background-size:33.33% 33.33%;pointer-events:none}.crop-stage.is-busy .crop-stage-image{opacity:.6}.crop-stage-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;background:#0000008c;padding:8px 16px;border-radius:var(--ds-radius-pill, 999px)}.crop-controls{display:flex;align-items:center;gap:10px;flex:none}.crop-zoom-button{width:44px;height:44px;border:1px solid var(--ds-color-border, #d9e0ec);border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-surface, #ffffff);color:var(--ds-color-ink, #172033);font-size:20px;line-height:1;cursor:pointer;font-family:inherit}.crop-zoom-label{white-space:nowrap;min-height:44px;padding:0 16px;border:1px solid var(--ds-color-border, #d9e0ec);border-radius:var(--ds-radius-md, 12px);background:var(--ds-color-surface, #ffffff);color:var(--ds-color-ink, #172033);font-size:13px;cursor:pointer;font-family:inherit}.crop-hint{margin:0;font-size:12px;color:var(--ds-color-muted, #64748b)}.output-summary{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:0 20px;border-top:1px solid var(--ds-color-border, #d9e0ec);background:var(--ds-color-surface, #ffffff)}.output-summary-meta{font-size:14px;font-weight:600;color:var(--ds-color-ink, #172033);display:flex;gap:6px;flex-wrap:wrap}.empty-state{display:grid;align-content:center;justify-items:center;gap:8px;min-height:320px;border:2px dashed var(--ds-color-border, #d5dcea);border-radius:var(--ds-radius-lg, 16px);text-align:center;padding:40px 20px;margin:16px}.empty-state.is-dragging{border-color:var(--ds-color-brand-primary, #4f46e5);background:color-mix(in srgb,var(--ds-color-brand-primary) 5%,transparent)}.empty-state-icon{color:var(--ds-color-muted, #64748b)}.empty-state-title{font-size:20px;margin:4px 0 0}.empty-state-desc{color:var(--ds-color-muted, #64748b);font-size:14px;margin:0}.empty-state-hint{color:var(--ds-color-muted, #64748b);font-size:12px;margin:0}.empty-state-privacy{color:var(--ds-color-muted, #64748b);font-size:12px;margin:8px 0 0}.id-photo-mobile{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.id-photo-mobile .id-photo-topbar{min-height:56px;padding:0 14px}.id-photo-mobile .id-photo-title{font-size:16px}.id-photo-mobile-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px;overflow-y:auto;overflow-x:hidden}.id-photo-mobile-preview{flex:1;min-height:320px;display:flex}.id-photo-mobile-preview .crop-editor{height:100%}.id-photo-mobile-spec{font-size:13px;font-weight:600;color:var(--ds-color-ink, #172033);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-photo-mobile .id-photo-settings{flex:none;width:100%}.id-photo-mobile-footer{flex:none;display:flex;align-items:center;justify-content:center;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ds-color-border, #d9e0ec);background:var(--ds-color-surface, #ffffff)}.id-photo-download{width:100%;max-width:480px}.id-photo-mobile .id-photo-messages{padding:8px 14px 0}.settings-sheet-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#10141d73}.settings-sheet-panel{width:100%;max-width:560px;max-height:min(78vh,640px);display:flex;flex-direction:column;background:var(--ds-color-surface, #ffffff);border-radius:var(--ds-radius-lg, 16px) var(--ds-radius-lg, 16px) 0 0;overflow:hidden}.settings-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--ds-color-border, #d9e0ec);flex:none}.settings-sheet-title{font-size:16px;font-weight:700;margin:0}.settings-sheet-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 16px}.settings-sheet-footer{flex:none;display:flex;justify-content:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ds-color-border, #d9e0ec)}.settings-sheet-footer .primary-button{width:100%;max-width:480px}