.workspace-shell{max-width:1540px;}
.workspace-titlebar__meta{display:flex;align-items:center;gap:10px}
.breadcrumbs{display:flex;align-items:center;gap:8px;}

.mode-badge{background:#e8faf7;color:#9b5c36;border:1px solid #c4eee7}
.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#706860}
.icon-button svg{width:21px}
.workspace-rail,.workspace-main,.workspace-panel{min-width:0}
.rail-toggle{display:flex;align-items:center;width:100%;border:1px solid #dfe3ff;font-size:14px;font-weight:850;}
.rail-toggle svg{width:21px}
.rail-section{margin-top:15px}
.rail-section h2{margin:0 8px 8px;font-size:14px;}
.rail-tools{display:grid;max-height:calc(100vh - 300px);overflow:auto;scrollbar-width:thin;}
.rail-tool{position:relative;display:flex;align-items:center;gap:10px;border:1px solid transparent;}
.rail-tool span{display:grid;place-items:center;flex:0 0 26px}
.rail-tool svg{width:23px;height:23px}
.rail-tool b{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.rail-tool:hover,.rail-tool.is-active{border-color:#d8dcff;background:#f0f2ff;color:var(--blue)}
.rail-tool.is-active:before{content:"";position:absolute;border-radius:999px;background:linear-gradient(var(--blue-2),var(--purple),var(--teal));}
.rail-history ol{max-height:145px;margin:0 0 8px;padding:0;overflow:auto;list-style:none;color:#706860;font-size:14px}
.rail-history li{padding:8px 0;border-bottom:1px solid #edf0f7}
.history-empty{color:#98a3b7}
.text-button{padding:0;border:0;background:transparent;font-size:14px;font-weight:800;}
.workspace-main{display:grid;gap:17px}
.preview-card,.upload-zone,.result-card,.message-card,.workspace-panel,.tool-notes{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-soft)}
.preview-card__header,.result-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 19px;border-bottom:1px solid #e8ecf4}
.preview-card__header>div:first-child,.panel-heading,.result-card__header>div:first-child{display:flex;align-items:center;gap:11px}
.preview-card__header h2,.panel-heading h2,.result-card h2{margin:0;font-size:17px}
.preview-card__header p,.panel-heading p{margin:0;color:var(--muted);font-size:14px}
.step-number{font-size:14px;font-weight:900;}
.preview-tools{display:flex;gap:7px}
.preview-stage img,.preview-stage canvas{max-width:calc(100% - 46px);max-height:455px;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(110,67,42,.2))}
.preview-stage[data-state="empty"] img{display:none}
.preview-stage[data-state="empty"] .preview-special,
.preview-stage[data-state="empty"] .preview-guides,
.preview-stage[data-state="empty"] [data-photo-activation-layer],
.preview-stage[data-state="empty"] [data-background-brush-overlay],
.preview-stage[data-state="empty"] [data-watermark-tile-layer],
.preview-stage[data-state="empty"] [data-live-watermark],
.preview-stage[data-state="empty"] [data-manual-crop-overlay]{display:none!important}
.preview-empty{display:grid;place-items:center;gap:7px;color:#706860;text-align:center}
.preview-empty svg{width:58px;height:58px;color:#91877d}
.preview-empty strong{font-size:18px}
.preview-empty span{font-size:14px}
.preview-guides{position:absolute;inset:9% 18%;pointer-events:none;border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 9999px rgba(31,29,27,.2)}
.preview-guides span:before,.preview-guides span:after{content:"";position:absolute;background:rgba(255,255,255,.78)}
.preview-guides span:first-child:before,.preview-guides span:first-child:after{left:33.333%;top:0;bottom:0;width:1px}
.preview-guides span:first-child:after{left:66.666%}
.preview-guides span:nth-child(2):before,.preview-guides span:nth-child(2):after{top:33.333%;left:0;right:0;height:1px}
.preview-guides span:nth-child(2):after{top:66.666%}

/* Authoritative ID-photo guide geometry bound to the rendered image and crop area. */
.preview-guides--id{inset:auto;left:0;top:0;width:0;height:0;transform:none;border-radius:2px;z-index:7;transition:left .12s ease,top .12s ease,width .12s ease,height .12s ease;}
.preview-guides--id .id-guide{position:absolute;display:block;background:none;line-height:0;}
.preview-guides--id .id-guide:before,.preview-guides--id .id-guide:after{content:none}
.preview-guides--id .id-guide--center{left:50%;top:0;bottom:0;width:0;border-left:1px dashed rgba(255,255,255,.72)}
.preview-guides--id .id-guide--head,.preview-guides--id .id-guide--eyes,.preview-guides--id .id-guide--shoulders{left:0;right:0;height:0;border-top:1px solid rgba(255,255,255,.92);text-align:right;padding:5px 7px 0 0}
.preview-guides--id .id-guide--head{top:4%}.preview-guides--id .id-guide--eyes{top:35%}.preview-guides--id .id-guide--shoulders{top:70%}
@media(max-width:760px){.preview-guides--id .id-guide{font-size:9px}.preview-guides--id .id-guide--head,.preview-guides--id .id-guide--eyes,.preview-guides--id .id-guide--shoulders{padding:3px 4px 0 0}}
.preview-info{display:flex;gap:16px;flex-wrap:wrap;padding:12px 17px;}
.preview-info span+span:before{content:"·";margin-right:16px;color:#a0aabd}
.upload-zone{display:grid;grid-template-columns:235px 1fr;gap:20px;align-items:center;padding:15px}
.upload-zone.is-dragging{border-color:var(--blue);background:#f2f4ff}
.upload-zone__button{position:relative;align-items:center;gap:12px;min-height:82px;padding:13px 16px;cursor:pointer;}
.upload-zone__button input{position:absolute;inset:0;opacity:0;cursor:pointer}
.upload-zone__button svg{width:29px}
.upload-zone__button strong{display:block;font-size:15px}
.upload-zone__button small{display:block;color:#847c73;font-size:14px}
.upload-zone__copy strong{font-size:15px}
.upload-zone__copy p{margin:3px 0 0;color:#706860;font-size:14px;line-height:1.55}
.result-card{padding-bottom:16px}
.result-card__header{border-bottom:0}
.success-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:900;}
.result-card__header p{margin:1px 0 0;color:var(--muted);font-size:14px}
.result-card__header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.result-another-button{min-height:34px;padding:0 12px;border:1px solid #d9c8bb;border-radius:10px;background:#fffaf6;color:#7d4325;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.result-another-button:hover,.result-another-button:focus-visible{border-color:#b57952;background:#fbf0e7;outline:none}
.result-expiry{font-size:14px;}
.result-secondary-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 16px 0;padding:12px 13px;border-top:1px solid #ece5df;color:#6f655d}
.result-secondary-actions>div{display:grid;gap:2px}.result-secondary-actions strong{font-size:12px;color:#594f48}.result-secondary-actions small{font-size:11px;line-height:1.45;color:#8a7d73}
.delivery-zone.is-stale{border-style:dashed}.delivery-zone.is-stale .delivery-zone__status{color:#8b5c31}.delivery-zone.is-stale .delivery-zone__status i{background:#fff1df;color:#9a5b1d}
.result-list{display:grid;gap:16px;padding:0 16px}
.result-item{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:14px;border:1px solid #e2e7f1;border-radius:14px;background:#fafbff}
.result-item strong{display:block;font-size:15px}
.result-item small{color:#706860;font-size:14px}
.result-item a{color:var(--blue);font-size:14px;font-weight:850}
.result-warnings{display:grid;gap:8px;padding:12px 13px;border:1px solid #f0cf82;border-radius:14px;background:#fffaf0;color:#684c0d}
.result-warnings__title{font-size:13px;color:#795a10}
.result-warning{display:grid;gap:4px;padding-top:8px;border-top:1px solid rgba(185,132,24,.18)}
.result-warning:first-of-type{padding-top:0;border-top:0}
.result-warning>div{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.55}
.result-warning b{flex:none;padding:2px 7px;border-radius:999px;background:#fff0bd;color:#80600d;font-size:10px;line-height:1.5}
.result-warning span{min-width:0;font-weight:700}
.result-warning small{color:#8b702f;font-size:11px;line-height:1.5}
.result-warning--error{color:#8f2940}.result-warning--error b{background:#ffe4ea;color:#9c2440}.result-warning--error small{color:#a65163}
.message-card{padding:18px}
.message-card--error{border-color:#efbcc6;background:#fff4f6;color:#9c2440}
.message-card p{margin:3px 0}
.message-card__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.message-card__actions [data-error-recovery]{min-height:38px;padding:0 14px}.message-card__actions .text-button{min-height:38px}
.panel-section{padding:19px;border-bottom:1px solid #e8ecf4}
.panel-section:last-child{border-bottom:0}
.panel-heading{margin-bottom:18px}
.field{display:grid;gap:7px;margin-bottom:15px;color:#534c45;font-size:14px;font-weight:780}
.field input,.field select{width:100%;height:48px;padding:0 13px;border:1px solid #cbd4e5;border-radius:12px;background:#fff;color:var(--ink);font-size:15px}
.field input:focus,.field select:focus{border-color:#c6bcb2;box-shadow:0 0 0 3px rgba(155,92,54,.12)}
.field--range input{height:auto;padding:0;border:0;accent-color:var(--blue)}
.field--range span{display:flex;justify-content:space-between}
.field--range output{color:var(--blue);font-weight:900}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.input-unit{position:relative}
.input-unit em{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#7f8ca4;font-size:14px;font-style:normal}
.input-unit input{padding-right:48px}
.check-row{display:flex;align-items:flex-start;gap:10px;margin:13px 0;color:#534c45;font-size:14px;font-weight:700}
.check-row input{flex:0 0 auto;margin-top:4px;accent-color:var(--blue)}
.check-row span{display:grid}
.check-row small{color:#7b879e;font-size:14px;font-weight:500;line-height:1.45}
.field-notice{margin:13px 0 0;padding:11px 12px;border:1px solid #ead7a3;border-radius:11px;background:#fff9e8;color:#775a12;font-size:14px}

.action-panel{display:grid;gap:10px;}
.action-panel .button{min-height:50px;font-size:15px}
.action-hint{margin:0;color:#7e899e;font-size:14px;text-align:center}
.status-panel h2{margin:0 0 11px;font-size:15px}
.status-panel dl{margin:0;}
.status-panel dl div{display:flex;justify-content:space-between;gap:10px;font-size:14px}

.status-panel dd{font-weight:750;}
.tool-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:16px 0;padding:24px 28px}
.tool-notes h2{margin:0 0 5px;font-size:16px}
.tool-notes p{margin:0;color:#6d7991;font-size:14px;line-height:1.65}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.rail-tool--all{border-style:dashed;color:var(--blue)}
.rail-head{grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.rail-all-link{align-items:center;justify-content:center;min-height:50px;padding:0 11px;border:1px solid #dfe3ff;border-radius:14px;background:#fff;color:var(--blue);font-size:14px;font-weight:850;white-space:nowrap;}
.rail-all-link:hover{background:#f0f2ff}
@media(max-width:760px){.rail-head{grid-template-columns:1fr auto}.rail-all-link{min-height:50px}.rail-tools{scroll-snap-type:x proximity;padding-right:24px}.rail-tool{scroll-snap-align:start}}
.information-result{display:grid;gap:16px}
.information-hero{padding:24px;border:1px solid #d9e0f0;border-radius:18px;background:linear-gradient(135deg,#f0f4ff,#ecfbf8)}
.information-label,.metric-label{display:block;color:#706860;font-size:14px;font-weight:780}
.information-value{display:block;margin:8px 0 4px;color:#6e432a;font-size:38px;line-height:1}
.information-sub,.metric-note{color:#706860;font-size:14px}
.metric-grid,.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.metric-card,.diagnostic-card{padding:18px;border:1px solid #e0e6f1;border-radius:16px;background:#fff}
.metric-value,.diagnostic-card-value{display:block;margin-top:6px;color:#6e432a;font-size:23px}
.spec-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.spec-result-card{padding:16px;border:1px solid #dfe5f1;border-radius:16px;background:linear-gradient(180deg,#fff,#f8faff)}
.spec-result-type{color:#9b5c36;font-size:14px;font-weight:850}
.spec-result-name{display:block;margin:5px 0;color:#6e432a}
.spec-result-size{display:block;color:#9b5c36;font-size:18px}
.spec-result-mm{color:#76839a}
.metadata-section{overflow:hidden;border:1px solid #dfe5f1;border-radius:17px;background:#fff}
.metadata-title{margin:0;padding:13px 16px;border-bottom:1px solid #edf0f6;background:#f7f9fd;font-size:15px}
.metadata-list{margin:0}
.metadata-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:12px 16px;border-bottom:1px solid #eef1f6}
.metadata-row:last-child{border-bottom:0}
.metadata-key{color:#75829a}
.metadata-value{margin:0;color:#534c45;font-weight:720;word-break:break-word}
.diagnostic-summary{display:flex;gap:13px;align-items:center;padding:18px;border-radius:17px}
.diagnostic-summary.is-valid{background:#eafaf5;color:#9b5c36}
.diagnostic-summary.is-warning{background:#fff7e6;color:#8b6100}
.diagnostic-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.75);font-size:20px;font-weight:900}
.diagnostic-title{display:block}
.diagnostic-text{margin:3px 0 0;color:#706860}
.issue-list{margin:0;padding:14px 18px 14px 38px;border:1px solid #f1d5a1;border-radius:16px;background:#fffbef}
.information-empty{margin:0;padding:24px;color:#706860;text-align:center}
.workspace-shell--calculator .upload-zone{display:none}
.workspace-shell--calculator .preview-stage,.workspace-shell--inspector .preview-stage,.workspace-shell--catalog .preview-stage{min-height:320px}
.workspace-shell--calculator .preview-stage img,.workspace-shell--inspector .preview-stage img,.workspace-shell--catalog .preview-stage img{width:100%;height:100%;max-width:none;max-height:320px;object-fit:cover;filter:none}
.workspace-shell--calculator .preview-info,.workspace-shell--inspector .preview-info,.workspace-shell--catalog .preview-info{background:#fafbfe}
.workspace-shell--calculator .result-card,.workspace-shell--inspector .result-card,.workspace-shell--catalog .result-card{padding-bottom:18px}
[data-workspace][data-slug="id-photo-maker"] .preview-stage{min-height:540px;}
[data-workspace][data-slug="id-photo-maker"] .preview-stage img{width:auto;max-height:500px;aspect-ratio:295/413;object-fit:cover;object-position:center center;border:1px solid rgba(110,67,42,.14);box-shadow:0 20px 48px rgba(110,67,42,.20);filter:none;}
.preview-special{position:absolute;inset:0;z-index:2;pointer-events:none}
.preview-stage__image--underlay{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;filter:saturate(.92) contrast(1.02)}
.workspace-shell--calculator .preview-stage__image--underlay{opacity:.14;filter:blur(10px) saturate(.6)}
.calculator-board{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px;background:radial-gradient(circle at 50% 10%,rgba(155,92,54,.18),transparent 48%),linear-gradient(145deg,rgba(31,29,27,.96),rgba(110,67,42,.94));color:#fff;text-align:center}
.calculator-board__eyebrow{padding:7px 13px;border:1px solid rgba(198,188,178,.42);border-radius:999px;background:rgba(95,114,91,.12);color:#c6bcb2;font-size:14px;font-weight:850;letter-spacing:.05em}
.calculator-equation{display:grid;grid-template-columns:auto auto 68px auto auto;align-items:end;gap:10px;margin:30px 0 24px}
.calculator-equation strong{font-size:68px;line-height:.9;letter-spacing:-.05em}
.calculator-equation em{padding-bottom:7px;color:#aab8d4;font-size:18px;font-style:normal;font-weight:800}
.calculator-equation i{align-self:center;color:#c6bcb2;font-size:38px;font-style:normal}
.calculator-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:min(620px,92%)}
.calculator-scale span{position:relative;display:flex;align-items:flex-end;justify-content:center;height:58px;padding:0 10px 9px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(90deg,rgba(95,114,91,.82) var(--scale),rgba(255,255,255,.08) var(--scale));font-size:14px;font-weight:850}
.calculator-board p{max-width:620px;margin:22px 0 0;color:#bdc8dc;font-size:14px}
.metadata-preview{display:flex;align-items:center;justify-content:flex-end;padding:32px;}
.metadata-preview__tag{position:absolute;left:28px;top:26px;padding:8px 13px;border-radius:12px;background:rgba(31,29,27,.78);color:#fff;font-size:18px;font-weight:900;letter-spacing:.08em}
.metadata-preview__panel{width:min(355px,44%);padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(31,29,27,.78);box-shadow:0 24px 60px rgba(0,0,0,.26);backdrop-filter:blur(14px)}
.metadata-preview__panel div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 3px;border-bottom:1px solid rgba(255,255,255,.11)}
.metadata-preview__panel div:last-child{border-bottom:0}
.metadata-preview__panel span{color:#acbad4;font-size:14px}
.metadata-preview__panel b{color:#fff;font-size:14px}
.diagnostic-preview{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(390px,48%);margin-left:auto;padding:34px;color:#fff;box-shadow:-28px 0 70px rgba(31,29,27,.18);backdrop-filter:blur(12px);}
.diagnostic-preview__shield{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#5f725b,#9b5c36);font-size:27px;font-weight:900}
.diagnostic-preview>strong{margin:15px 0 12px;font-size:24px}
.diagnostic-preview ul{display:grid;gap:9px;width:100%;margin:0;padding:0;list-style:none}
.diagnostic-preview li{display:flex;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.07)}
.diagnostic-preview li span{color:#b8c4d9}
.diagnostic-preview li b{color:#c6bcb2}
@media(max-width:760px){.calculator-equation{grid-template-columns:auto auto 36px auto auto;gap:5px}.calculator-equation strong{font-size:42px}.calculator-equation i{font-size:26px}.calculator-scale{grid-template-columns:1fr 1fr}.metadata-preview{padding:18px}.metadata-preview__panel{width:78%}.diagnostic-preview{width:74%;padding:22px}.diagnostic-preview>strong{font-size:20px}}
@media(min-width:1021px){[data-workspace][data-slug="id-photo-maker"] .panel-section--upload{padding:14px 16px}[data-workspace][data-slug="id-photo-maker"] .panel-heading{margin-bottom:12px}[data-workspace][data-slug="id-photo-maker"] .field{gap:5px;margin-bottom:10px}[data-workspace][data-slug="id-photo-maker"] .field input,[data-workspace][data-slug="id-photo-maker"] .field select{height:44px}[data-workspace][data-slug="id-photo-maker"] .field-grid{gap:8px}[data-workspace][data-slug="id-photo-maker"] .check-row{min-height:44px;padding:9px 10px}[data-workspace][data-slug="id-photo-maker"] .field-notice{margin-top:9px;padding:9px 11px;font-size:14px;line-height:1.45}[data-workspace][data-slug="id-photo-maker"] .privacy-confirm{padding:11px 16px}[data-workspace][data-slug="id-photo-maker"] .action-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 16px}[data-workspace][data-slug="id-photo-maker"] .action-panel .action-hint{grid-column:1/-1;margin:0}[data-workspace][data-slug="id-photo-maker"] .status-panel{padding:14px 16px}}
@media(min-width:1021px){[data-workspace][data-slug="id-photo-maker"] .privacy-confirm .check-row{min-height:54px;margin:0;padding:5px 8px;}}
@media(max-width:760px){.rail-tool,.workspace-rail.is-expanded .rail-tool{min-width:116px}.rail-tool b,.workspace-rail.is-expanded .rail-tool b{max-width:78px}}
@media(max-width:400px){.rail-tool,.workspace-rail.is-expanded .rail-tool{min-width:112px}.rail-tools{gap:5px}}
@media(max-width:760px){.workspace-rail .rail-section:first-of-type:before{content:"左右滑动查看更多工具 →";display:block;margin:2px 4px 6px;color:#706860;font-size:14px;font-weight:760;text-align:right}}
.rail-scroll-hint{display:none}
@media(max-width:760px){.workspace-rail .rail-section:before{content:none!important}.rail-scroll-hint{display:block;margin:2px 4px 6px;color:#706860;font-size:14px;font-weight:760;text-align:right}}
@media(min-width:1021px){[data-workspace][data-slug="gif-maker"] .panel-section--upload,[data-workspace][data-slug="gif-editor"] .panel-section--upload,[data-workspace][data-slug="image-watermark"] .panel-section--upload{padding:13px 16px}[data-workspace][data-slug="gif-maker"] .panel-heading,[data-workspace][data-slug="gif-editor"] .panel-heading,[data-workspace][data-slug="image-watermark"] .panel-heading{margin-bottom:10px}[data-workspace][data-slug="gif-maker"] .field,[data-workspace][data-slug="gif-editor"] .field,[data-workspace][data-slug="image-watermark"] .field{gap:4px;margin-bottom:9px}[data-workspace][data-slug="gif-maker"] .field input,[data-workspace][data-slug="gif-maker"] .field select,[data-workspace][data-slug="gif-editor"] .field input,[data-workspace][data-slug="gif-editor"] .field select,[data-workspace][data-slug="image-watermark"] .field input,[data-workspace][data-slug="image-watermark"] .field select{height:43px}[data-workspace][data-slug="gif-maker"] .field-grid,[data-workspace][data-slug="gif-editor"] .field-grid,[data-workspace][data-slug="image-watermark"] .field-grid{gap:7px}[data-workspace][data-slug="gif-maker"] .privacy-confirm,[data-workspace][data-slug="gif-editor"] .privacy-confirm,[data-workspace][data-slug="image-watermark"] .privacy-confirm{padding:8px 16px}[data-workspace][data-slug="gif-maker"] .privacy-confirm .check-row,[data-workspace][data-slug="gif-editor"] .privacy-confirm .check-row,[data-workspace][data-slug="image-watermark"] .privacy-confirm .check-row{min-height:52px;margin:0;padding:4px 7px}[data-workspace][data-slug="gif-maker"] .action-panel,[data-workspace][data-slug="gif-editor"] .action-panel,[data-workspace][data-slug="image-watermark"] .action-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px}[data-workspace][data-slug="gif-maker"] .action-panel .action-hint,[data-workspace][data-slug="gif-editor"] .action-panel .action-hint,[data-workspace][data-slug="image-watermark"] .action-panel .action-hint{grid-column:1/-1;margin:0}}
@media(min-width:1021px){[data-workspace][data-slug="background-tool"] .panel-section--upload{padding:12px 16px}[data-workspace][data-slug="background-tool"] .panel-heading{margin-bottom:10px}[data-workspace][data-slug="background-tool"] .field{gap:5px;margin-bottom:8px}[data-workspace][data-slug="background-tool"] .field-notice{margin-top:7px;padding:8px 11px;line-height:1.4}[data-workspace][data-slug="background-tool"] .action-panel{padding:11px 16px}[data-workspace][data-slug="image-watermark"] .panel-section--upload{padding:9px 16px}[data-workspace][data-slug="image-watermark"] .panel-heading{margin-bottom:6px}[data-workspace][data-slug="image-watermark"] .field{gap:3px;margin-bottom:5px}[data-workspace][data-slug="image-watermark"] .privacy-confirm{padding:6px 16px}[data-workspace][data-slug="image-watermark"] .action-panel{padding:9px 16px}}
.preview-upload-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border-radius:13px;font-size:14px;font-weight:850;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.preview-upload-cta:hover{transform:translateY(-1px);}
.preview-upload-cta svg{width:19px;height:19px;flex:0 0 auto}
.workspace-shell--calculator .preview-upload-cta{display:none}
.site-header .brand img{image-rendering:auto}
.photo-workflow{overflow:hidden;color:#6e432a;font-weight:750}
.photo-workflow:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}
.photo-badge{position:absolute;top:22px;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.34);border-radius:11px;background:rgba(31,29,27,.76);box-shadow:0 10px 30px rgba(31,29,27,.18);color:#eaf0ff;font-size:13px;backdrop-filter:blur(12px)}
.photo-badge b{color:#fff;font-size:14px}
.photo-badge--left{left:22px}
.photo-badge--right{right:22px}
.compare-line{position:absolute;left:52%;top:0;bottom:0;z-index:4;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(110,67,42,.16),0 0 28px rgba(255,255,255,.62)}
.compare-line i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:38px;height:38px;border:2px solid #fff;border-radius:50%;background:rgba(110,67,42,.82);box-shadow:0 10px 28px rgba(0,0,0,.24);transform:translate(-50%,-50%)}
.compare-line i:before,.compare-line i:after{content:"";position:absolute;width:7px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff}
.compare-line i:before{left:9px;transform:rotate(45deg)}
.compare-line i:after{right:9px;transform:rotate(225deg)}
.photo-workflow--compress .compare-shade{position:absolute;inset:0 0 0 52%;background:linear-gradient(90deg,rgba(155,92,54,.04),rgba(155,92,54,.16));backdrop-filter:saturate(.78) contrast(.98)}
.quality-chip{position:absolute;right:22px;bottom:20px;z-index:5;display:grid;grid-template-columns:auto auto;gap:4px 12px;width:190px;padding:13px 15px;border:1px solid rgba(255,255,255,.32);border-radius:15px;background:rgba(31,29,27,.76);box-shadow:0 16px 36px rgba(31,29,27,.22);color:#dbe6fb;backdrop-filter:blur(15px)}
.quality-chip span{font-size:12px}
.quality-chip strong{justify-self:end;color:#fff}
.quality-chip i{grid-column:1/-1;display:block;height:5px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}
.quality-chip i b{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b57952,#9b5c36)}
.dimension-frame{position:absolute;left:13%;right:13%;top:15%;bottom:17%;z-index:3;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 999px rgba(31,29,27,.23),0 13px 45px rgba(31,29,27,.24)}
.dimension-frame>i{position:absolute;width:14px;height:14px;border:3px solid #fff;background:#9b5c36;border-radius:3px}
.dimension-frame>i:nth-of-type(1){left:-8px;top:-8px}
.dimension-frame>i:nth-of-type(2){right:-8px;top:-8px}
.dimension-frame>i:nth-of-type(3){right:-8px;bottom:-8px}
.dimension-frame>i:nth-of-type(4){left:-8px;bottom:-8px}
.dimension-frame__top,.dimension-frame__side{position:absolute;padding:5px 9px;border-radius:8px;background:rgba(31,29,27,.78);color:#fff;font-size:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.dimension-frame__top{left:50%;top:-36px;transform:translateX(-50%)}
.dimension-frame__side{right:-63px;top:50%;transform:translateY(-50%) rotate(90deg)}
.resize-summary{position:absolute;left:50%;bottom:18px;z-index:5;display:flex;align-items:center;gap:13px;width:max-content;max-width:88%;padding:11px 15px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(31,29,27,.78);box-shadow:0 14px 38px rgba(31,29,27,.22);color:#cbd7ec;font-size:12px;transform:translateX(-50%);backdrop-filter:blur(14px)}
.resize-summary span{display:grid;gap:2px}
.resize-summary b{color:#fff;font-size:14px}
.resize-summary>i{color:#c6bcb2;font-size:19px;font-style:normal}
.photo-workflow--crop .crop-dim{position:absolute;z-index:2;background:rgba(31,29,27,.52);backdrop-filter:none;-webkit-backdrop-filter:none}
.crop-dim--left{left:0;top:0;bottom:0;width:13%}
.crop-dim--right{right:0;top:0;bottom:0;width:13%}
.crop-dim--top{left:13%;right:13%;top:0;height:15%}
.crop-dim--bottom{left:13%;right:13%;bottom:0;height:17%}
.crop-window{position:absolute;left:13%;right:13%;top:15%;bottom:17%;z-index:4;border:2px solid #fff;box-shadow:0 10px 34px rgba(0,0,0,.18)}
[data-workspace][data-slug="image-cropper"] .preview-stage__image--underlay{object-fit:contain!important;background:#1f1d1b}
[data-workspace][data-slug="image-cropper"] .preview-stage[data-state="user"] .preview-special{display:block!important}
.photo-workflow--crop{pointer-events:none}
.photo-workflow--crop .crop-window{pointer-events:auto;touch-action:none;cursor:move;user-select:none}
.photo-workflow--crop .crop-window.is-dragging{cursor:grabbing}
.photo-workflow--crop .crop-window>i{pointer-events:auto;touch-action:none}
.photo-workflow--crop .crop-window>i:nth-of-type(1),.photo-workflow--crop .crop-window>i:nth-of-type(3){cursor:nwse-resize}
.photo-workflow--crop .crop-window>i:nth-of-type(2),.photo-workflow--crop .crop-window>i:nth-of-type(4){cursor:nesw-resize}
.crop-window>span{position:absolute;background:rgba(255,255,255,.68)}
.crop-window>span:nth-of-type(1),.crop-window>span:nth-of-type(2){top:0;bottom:0;width:1px}
.crop-window>span:nth-of-type(1){left:33.333%}
.crop-window>span:nth-of-type(2){right:33.333%}
.crop-window>span:nth-of-type(3),.crop-window>span:nth-of-type(4){left:0;right:0;height:1px}
.crop-window>span:nth-of-type(3){top:33.333%}
.crop-window>span:nth-of-type(4){bottom:33.333%}
.crop-window>i{position:absolute;border-color:#fff;}
.crop-window>i:nth-of-type(1){left:-3px;top:-3px;}
.crop-window>i:nth-of-type(2){right:-3px;top:-3px;}
.crop-window>i:nth-of-type(3){right:-3px;bottom:-3px;}
.crop-window>i:nth-of-type(4){left:-3px;bottom:-3px;}
.crop-ratio{position:absolute;left:50%;bottom:22px;z-index:5;padding:8px 12px;border-radius:11px;background:rgba(31,29,27,.82);color:#fff;font-size:13px;transform:translateX(-50%);backdrop-filter:blur(12px)}
.photo-workflow--rotate{display:grid;place-items:center;background:rgba(31,29,27,.08)}

.photo-workflow--rotate .rotate-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.21) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.21) 1px,transparent 1px);background-size:12.5% 12.5%;mask-image:linear-gradient(to bottom,transparent,black 14%,black 86%,transparent)}
[data-workspace][data-slug="image-rotate"] .preview-stage__image--underlay{width:74%!important;height:68%!important;object-fit:cover!important;transform:rotate(var(--rotate-preview-angle,0deg)) scaleX(var(--rotate-preview-flip-x,1)) scaleY(var(--rotate-preview-flip-y,1));filter:saturate(1.04) contrast(1.02);}
.rotate-dial{position:absolute;right:24px;top:24px;display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(31,29,27,.78);box-shadow:0 16px 38px rgba(0,0,0,.22);color:#fff;backdrop-filter:blur(12px)}
.rotate-dial:before{content:"";position:absolute;inset:12px;border:2px solid rgba(198,188,178,.74);border-left-color:transparent;border-radius:50%}
.rotate-dial span{font-size:17px;font-weight:900}
.rotate-dial i{position:absolute;left:50%;top:6px;width:2px;height:13px;background:#fff;transform-origin:50% 35px;transform:rotate(var(--rotate-preview-angle,0deg))}
.straighten-label{position:absolute;left:50%;bottom:19px;padding:8px 12px;border-radius:10px;background:rgba(31,29,27,.78);color:#fff;font-size:12px;transform:translateX(-50%);backdrop-filter:blur(12px)}
.live-watermark{position:absolute;right:8%;bottom:9%;z-index:4;padding:7px 10px;border:1px dashed rgba(255,255,255,.72);border-radius:7px;color:rgba(255,255,255,.72);font-size:18px;font-weight:900;letter-spacing:.03em;text-shadow:0 2px 10px rgba(0,0,0,.42);transform:rotate(0deg)}

.live-watermark.has-image-preview{padding:5px;border-style:solid;background:rgba(31,29,27,.22);text-shadow:none;transform:none}
.live-watermark.has-image-preview img{display:block;max-width:132px;max-height:82px;width:auto;height:auto;object-fit:contain;border-radius:5px;box-shadow:0 4px 16px rgba(0,0,0,.22)}
@media(max-width:760px){.live-watermark.has-image-preview img{max-width:96px;max-height:62px}}
.watermark-settings{position:absolute;right:20px;top:20px;z-index:5;display:grid;grid-template-columns:1fr auto;gap:6px 12px;width:196px;padding:14px;border:1px solid rgba(255,255,255,.3);border-radius:15px;background:rgba(31,29,27,.78);box-shadow:0 15px 38px rgba(0,0,0,.22);color:#dce7fa;backdrop-filter:blur(13px)}
.watermark-settings span,.watermark-settings em{font-size:12px;font-style:normal}
.watermark-settings strong{color:#fff}
.watermark-settings i{grid-column:1/-1;display:block;height:5px;border-radius:9px;background:rgba(255,255,255,.15)}
.watermark-settings i b{display:block;width:45%;height:100%;border-radius:inherit;background:#c6bcb2}
.watermark-settings em{grid-column:1/-1;color:#9fb0cb}
.photo-workflow--convert,.photo-workflow--heic{display:flex;align-items:center;justify-content:center;gap:24px;padding:30px;}
.format-source,.heic-file,.heic-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:142px;min-height:160px;padding:21px 18px;border:1px solid rgba(255,255,255,.38);border-radius:20px;background:rgba(255,255,255,.91);box-shadow:0 18px 48px rgba(31,29,27,.2);color:#6e432a;backdrop-filter:blur(14px)}
.format-source span,.heic-file span,.heic-result span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:12px;border-radius:17px;background:linear-gradient(135deg,#9b5c36,#b57952);color:#fff;font-size:19px;font-weight:950;box-shadow:0 12px 28px rgba(181,121,82,.28)}
.format-source strong,.heic-file strong,.heic-result strong{font-size:14px}
.format-source em,.heic-file em,.heic-result em{margin-top:6px;color:#706860;font-size:12px;font-style:normal}
.format-arrow{color:#fff;font-size:31px;font-style:normal;text-shadow:0 4px 14px rgba(0,0,0,.28)}
.format-options{display:grid;gap:9px;width:min(245px,40%)}
.format-options>span{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.38);border-radius:14px;background:rgba(255,255,255,.90);box-shadow:0 10px 28px rgba(31,29,27,.13);color:#706860}
.format-options b{color:#6e432a}
.format-options em{font-size:12px;font-style:normal}


.heic-file span{background:linear-gradient(135deg,#6e432a,#6e432a)}
.heic-result span{background:linear-gradient(135deg,#5f725b,#b57952)}
.photo-workflow--gif{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 0 66%,rgba(31,29,27,.86) 66% 100%)}
.gif-play{position:absolute;left:50%;top:43%;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(31,29,27,.72);box-shadow:0 18px 44px rgba(0,0,0,.25);color:#fff;font-size:20px;transform:translate(-50%,-50%);backdrop-filter:blur(12px)}
.gif-timeline{position:absolute;left:18px;right:18px;bottom:14px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(31,29,27,.82);box-shadow:0 14px 34px rgba(0,0,0,.2);backdrop-filter:blur(14px)}
.gif-timeline>span.is-active{border-color:#c6bcb2;box-shadow:0 0 0 2px rgba(198,188,178,.16)}
.gif-timeline img{width:100%;height:100%;object-fit:cover}
.gif-timeline b{position:absolute;left:5px;top:5px;padding:2px 5px;border-radius:5px;background:rgba(31,29,27,.72);color:#fff;font-size:10px}
.gif-meta{position:absolute;right:20px;top:18px;display:grid;gap:2px;padding:9px 11px;border-radius:11px;background:rgba(31,29,27,.74);color:#b9c7de;font-size:11px;backdrop-filter:blur(12px)}
.gif-meta strong{color:#fff;font-size:13px}
.gif-scrubber{position:absolute;left:18px;right:18px;top:18px;display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:12px;background:rgba(31,29,27,.76);color:#d6e1f4;font-size:11px;backdrop-filter:blur(12px)}
.gif-scrubber>i{flex:1;height:5px;border-radius:9px;background:rgba(255,255,255,.18)}
.gif-scrubber>i b{display:block;width:25%;height:100%;border-radius:inherit;background:#c6bcb2}
.social-crop-status{position:absolute;left:50%;bottom:18px;z-index:6;display:grid;gap:3px;width:max-content;max-width:82%;padding:10px 13px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(31,29,27,.80);box-shadow:0 14px 36px rgba(0,0,0,.22);color:#d9e5f7;text-align:center;transform:translateX(-50%);backdrop-filter:blur(12px)}
.social-crop-status strong{color:#fff;font-size:13px}.social-crop-status span,.social-crop-status em{font-size:10px;font-style:normal}.social-crop-status em{color:#c6bcb2}
.preview-guides--social{z-index:7;inset:auto;border:2px solid rgba(198,188,178,.96);box-shadow:0 0 0 9999px rgba(31,29,27,.12)}
.preview-guides--social>b{position:absolute;left:8px;top:8px;padding:5px 7px;border-radius:7px;background:rgba(31,29,27,.76);color:#fff;font-size:9px;font-weight:800;white-space:nowrap}
.social-safe-area{position:absolute;left:10%;right:10%;top:12%;bottom:18%;z-index:4;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 999px rgba(31,29,27,.22)}
.social-safe-area:before,.social-safe-area:after{content:"";position:absolute;background:rgba(255,255,255,.52)}
.social-safe-area:before{left:18%;right:18%;top:0;bottom:0;border-left:1px dashed #fff;border-right:1px dashed #fff;background:none}
.social-safe-area:after{left:0;right:0;top:25%;height:1px;border-top:1px dashed #fff;background:none}
.social-safe-area>i{position:absolute;width:19px;height:19px;border-color:#fff}
.social-safe-area>i:nth-of-type(1){left:-3px;top:-3px;border-left:4px solid;border-top:4px solid}
.social-safe-area>i:nth-of-type(2){right:-3px;top:-3px;border-right:4px solid;border-top:4px solid}
.social-safe-area>i:nth-of-type(3){right:-3px;bottom:-3px;border-right:4px solid;border-bottom:4px solid}
.social-safe-area>i:nth-of-type(4){left:-3px;bottom:-3px;border-left:4px solid;border-bottom:4px solid}
.safe-title{position:absolute;left:20px;top:20px;padding:7px 10px;border-radius:9px;background:rgba(31,29,27,.74);color:#fff;font-size:12px}
.safe-avatar{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:76px;height:76px;border:2px dashed rgba(255,255,255,.84);border-radius:50%;background:rgba(31,29,27,.30);color:#fff;font-size:11px;text-align:center}
.platform-pills{position:absolute;left:50%;bottom:16px;z-index:5;display:flex;gap:7px;padding:6px;border-radius:12px;background:rgba(31,29,27,.80);transform:translateX(-50%);backdrop-filter:blur(12px)}
.platform-pills span{padding:6px 9px;border-radius:8px;color:#cbd7e9;font-size:11px;white-space:nowrap}
.platform-pills .is-active{background:linear-gradient(135deg,#9b5c36,#b57952);color:#fff}
.social-size-board{display:grid;align-items:center;grid-template-columns:1.45fr .75fr .7fr;gap:14px;height:100%;min-height:320px;padding:24px;background:linear-gradient(145deg,rgba(31,29,27,.93),rgba(110,67,42,.88))}
.social-size-card{display:grid;grid-template-rows:1fr auto auto;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:#fff;box-shadow:0 17px 45px rgba(0,0,0,.22)}
.social-size-card img{width:100%;height:100%;min-height:0;object-fit:cover}
.social-size-card b{padding:8px 10px 2px;color:#6e432a;font-size:12px}
.social-size-card span{padding:0 10px 9px;color:#748198;font-size:10px}
.social-size-card--wide{height:225px;border:2px solid rgba(181,121,82,.75);box-shadow:0 0 0 4px rgba(181,121,82,.10),0 20px 52px rgba(0,0,0,.25)}
.social-size-card--square{height:180px}
.social-size-card--portrait{height:230px}
.social-size-card--portrait img{object-position:center}
.avatar-mask{position:relative;width:250px;height:250px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 999px rgba(31,29,27,.30),0 18px 52px rgba(31,29,27,.28)}
.avatar-mask:before,.avatar-mask:after{content:"";position:absolute;background:rgba(255,255,255,.54)}
.avatar-mask:before{left:33.333%;top:0;bottom:0;width:1px;box-shadow:83px 0 rgba(255,255,255,.54)}
.avatar-mask:after{top:33.333%;left:0;right:0;height:1px;box-shadow:0 83px rgba(255,255,255,.54)}
.avatar-mask>span{position:absolute;left:50%;top:50%;width:11px;height:11px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%)}
.avatar-mask>i{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.24)}
.avatar-mask>i:nth-of-type(1){left:50%;top:-7px}
.avatar-mask>i:nth-of-type(2){right:-7px;top:50%}
.avatar-mask>i:nth-of-type(3){left:50%;bottom:-7px}
.avatar-mask>i:nth-of-type(4){left:-7px;top:50%}
.photo-size-board>div{display:grid;grid-template-rows:1fr auto auto;overflow:hidden;border:1px solid rgba(255,255,255,.20);border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.photo-size-board>div:nth-child(1){width:150px;height:225px}
.photo-size-board>div:nth-child(2){width:165px;height:245px}
.photo-size-board>div:nth-child(3){width:160px;height:235px}
.photo-size-board img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 19%}
.photo-size-board b{padding:7px 9px 1px;color:#6e432a;font-size:12px}
.photo-size-board span{padding:0 9px 8px;color:#748198;font-size:10px}
[data-workspace][data-slug="photo-size"] .preview-stage__image--underlay,.social-size-board~img{opacity:0}
.batch-board{display:flex;flex-direction:column;justify-content:center;padding:24px;background:linear-gradient(145deg,rgba(31,29,27,.94),rgba(110,67,42,.90))}
.batch-board__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#fff}
.batch-board__head strong{font-size:18px}
.batch-board__head span{padding:6px 9px;border-radius:9px;background:rgba(181,121,82,.14);color:#c6bcb2;font-size:12px}
.batch-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.batch-list>span{display:grid;grid-template-columns:64px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;padding:9px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.08);color:#fff}
.batch-list img{grid-row:1/3;width:64px!important;height:48px!important;max-width:none!important;max-height:none!important;border-radius:8px;object-fit:cover}
.batch-list b{font-size:12px}
.batch-list em{color:#aebbd1;font-size:10px;font-style:normal}
.batch-list i{grid-column:3;grid-row:1/3;padding:5px 7px;border-radius:7px;background:rgba(181,121,82,.13);color:#c6bcb2;font-size:10px;font-style:normal}
.batch-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.batch-thumbnails>span{display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:#fff;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.batch-thumbnails img{width:100%!important;height:132px!important;max-width:none!important;max-height:none!important;object-fit:cover}
.batch-thumbnails>span:nth-child(3) img{object-position:center 18%}
.batch-thumbnails b{padding:8px;color:#6e432a;font-size:11px;text-align:center}
[data-workspace][data-slug^="batch-"] .preview-stage__image--underlay{opacity:0}
[data-workspace][data-slug^="batch-"] .preview-stage[data-state="result"] .preview-stage__image--underlay{opacity:1}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="example"] .preview-stage__image--underlay{opacity:0}
.dpi-board{overflow:hidden;}
.dpi-board:before,.dpi-board:after{content:"";position:absolute;border:1px solid rgba(181,121,82,.24);border-radius:50%;pointer-events:none}
.dpi-board:before{width:720px;height:720px;right:-315px;top:-470px}.dpi-board:after{width:520px;height:520px;right:-220px;top:-335px}
.dpi-hero{position:absolute;left:8%;top:15%;z-index:4;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:12px;color:#fff}.dpi-hero strong{font-size:76px;line-height:.82;letter-spacing:-4px;color:#b57952}.dpi-hero span{padding-bottom:5px;font-size:28px;font-weight:800}.dpi-hero small{grid-column:1/3;margin-top:14px;color:#9fb0c9;font-size:12px}
.dpi-ruler{position:absolute;z-index:4;color:#d9e4f5;font-size:10px}
.dpi-ruler--x{left:8%;right:39%;bottom:12%;display:flex;justify-content:space-between;padding-top:10px;border-top:2px solid rgba(219,234,254,.88);background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(219,234,254,.62) 8px 9px) top/100% 7px no-repeat}
.dpi-ruler--y{left:5%;top:13%;bottom:16%;display:flex;flex-direction:column;justify-content:space-between;padding-right:10px;border-right:2px solid rgba(219,234,254,.88);background:repeating-linear-gradient(180deg,transparent 0 8px,rgba(219,234,254,.62) 8px 9px) right/7px 100% no-repeat}
.dpi-summary{position:absolute;right:20px;top:50%;z-index:4;display:grid;gap:12px;width:33%;transform:translateY(-50%)}
.dpi-summary span{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08);color:#aebbd1;font-size:11px;backdrop-filter:blur(8px)}
.dpi-summary b{color:#fff;font-size:13px;line-height:1.35}
.background-compare__after{position:absolute;left:52%;right:0;top:0;bottom:0;overflow:hidden}
.background-compare__after img{position:absolute;right:0;top:0;width:calc(100% / .48)!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;object-position:center 20%;transform:none!important;filter:none!important}
.background-compare .compare-line{left:52%}
[data-workspace][data-slug="background-tool"] .preview-stage__image--underlay{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important;filter:none}
@media(max-width:760px){.photo-badge{top:12px;padding:6px 8px;font-size:10px}.photo-badge b{font-size:11px}.photo-badge--left{left:12px}.photo-badge--right{right:12px}.quality-chip span{font-size:10px}.quality-chip strong{font-size:12px}.dimension-frame{left:8%;right:8%;top:16%;bottom:19%}.dimension-frame__side{right:-56px}.resize-summary{bottom:11px;gap:8px;padding:8px 10px}.resize-summary b{font-size:11px}.resize-summary span{font-size:9px}.crop-dim--left{width:8%}.crop-dim--right{width:8%}.crop-dim--top{left:8%;right:8%;height:16%}.crop-dim--bottom{left:8%;right:8%;height:19%}.crop-window{left:8%;right:8%;top:16%;bottom:19%}[data-workspace][data-slug="image-rotate"] .preview-stage__image--underlay{width:82%!important;height:62%!important}.rotate-dial{right:12px;top:12px;width:64px;height:64px}.rotate-dial:before{inset:9px}.rotate-dial i{transform-origin:50% 27px}.straighten-label{bottom:12px;font-size:10px;white-space:nowrap}.watermark-settings{right:11px;top:11px;width:155px;padding:10px}.live-watermark{right:6%;bottom:8%;font-size:14px}.photo-workflow--convert,.photo-workflow--heic{gap:9px;padding:15px}.format-source,.heic-file,.heic-result{min-width:92px;min-height:122px;padding:13px 8px}.format-source span,.heic-file span,.heic-result span{width:48px;height:48px;margin-bottom:8px;border-radius:13px;font-size:14px}.format-source strong,.heic-file strong,.heic-result strong{font-size:10px}.format-source em,.heic-file em,.heic-result em{font-size:9px}.format-options{gap:6px;width:42%}.format-options>span{grid-template-columns:42px 1fr;gap:5px;padding:8px}.format-options b{font-size:10px}.format-options em{font-size:9px}.format-arrow{font-size:20px}.gif-timeline{left:9px;right:9px;bottom:8px;gap:5px;padding:6px}.gif-timeline>span{height:48px}.gif-play{top:40%;width:48px;height:48px}.gif-meta{right:10px;top:10px}.gif-scrubber{left:9px;right:9px;top:9px}.social-safe-area{left:6%;right:6%;top:12%;bottom:20%}.safe-title{left:9px;top:9px;padding:5px 7px;font-size:9px}.safe-avatar{right:8px;bottom:8px;width:56px;height:56px;font-size:8px}.platform-pills{bottom:9px;gap:3px;padding:4px}.platform-pills span{padding:5px 6px;font-size:8px}.social-size-board{grid-template-columns:1.3fr .85fr .72fr;gap:7px;padding:12px}.social-size-card--wide{height:165px}.social-size-card--square{height:142px}.social-size-card--portrait{height:178px}.social-size-card b{padding:6px 6px 1px;font-size:9px}.social-size-card span{padding:0 6px 6px;font-size:8px}.avatar-mask{width:218px;height:218px}.avatar-mask:before{box-shadow:72px 0 rgba(255,255,255,.54)}.avatar-mask:after{box-shadow:0 72px rgba(255,255,255,.54)}.avatar-result{right:10px;bottom:10px;padding:6px}.photo-size-board>div:nth-child(1){width:88px;height:164px}.photo-size-board>div:nth-child(2){width:94px;height:176px}.photo-size-board>div:nth-child(3){width:91px;height:170px}.photo-size-board b{padding:5px 5px 1px;font-size:9px}.photo-size-board span{padding:0 5px 5px;font-size:7px}.batch-board{padding:12px}.batch-board__head{margin-bottom:7px}.batch-board__head strong{font-size:14px}.batch-list{gap:5px}.batch-list>span{grid-template-columns:44px 1fr;padding:6px}.batch-list img{width:44px!important;height:36px!important}.batch-list b{font-size:9px}.batch-list em{font-size:7px}.batch-list i{display:none}.batch-thumbnails{gap:5px}.batch-thumbnails img{height:96px!important}.batch-thumbnails b{padding:5px;font-size:8px}.dpi-hero{left:11%;top:11%}.dpi-hero strong{font-size:52px}.dpi-hero span{font-size:20px}.dpi-hero small{margin-top:8px;font-size:9px}.dpi-ruler--x{left:10%;right:10%;bottom:39%}.dpi-ruler--y{left:6%;top:8%;bottom:42%}.dpi-summary{left:10px;right:10px;top:auto;bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:auto;transform:none}.dpi-summary span{gap:2px;padding:7px;font-size:8px}.dpi-summary b{font-size:9px}}
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="example"] .preview-stage__image--underlay,
[data-workspace][data-slug="background-tool"] .preview-stage[data-state="example"] .preview-stage__image--underlay,
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="example"] .preview-stage__image--underlay,
[data-workspace][data-slug="social-size"] .preview-stage[data-state="example"] .preview-stage__image--underlay{display:none!important}
.avatar-preview{display:flex;align-items:center;justify-content:center;gap:34px;padding:26px;background:radial-gradient(circle at 50% 14%,rgba(181,121,82,.16),transparent 42%),linear-gradient(145deg,#6e432a,#6e432a);}
.avatar-source{position:relative;width:220px;height:305px;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:20px;background:#438ce4;box-shadow:0 24px 56px rgba(0,0,0,.28)}
.avatar-source>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;filter:none!important;transform:scale(var(--avatar-preview-zoom,1));transform-origin:center;transition:transform .16s ease}
.avatar-source>span{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:8px;background:rgba(31,29,27,.72);color:#fff;font-size:11px;backdrop-filter:blur(10px)}
.avatar-crop-ring{position:absolute;left:50%;top:43%;width:172px;height:172px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 999px rgba(31,29,27,.32);transform:translate(-50%,-50%)}
.avatar-crop-ring:before,.avatar-crop-ring:after{content:"";position:absolute;background:rgba(255,255,255,.48)}
.avatar-crop-ring:before{left:50%;top:0;bottom:0;width:1px}
.avatar-crop-ring:after{left:0;right:0;top:50%;height:1px}
.avatar-crop-ring i{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(0,0,0,.25)}
.avatar-crop-ring i:nth-child(1){left:50%;top:-5px}
.avatar-crop-ring i:nth-child(2){right:-5px;top:50%}
.avatar-crop-ring i:nth-child(3){left:50%;bottom:-5px}
.avatar-crop-ring i:nth-child(4){left:-5px;top:50%}
.avatar-arrow,.background-arrow{color:#c6bcb2;font-size:30px;font-style:normal;font-weight:900;text-shadow:0 6px 18px rgba(0,0,0,.22)}
.avatar-result{border-radius:15px;color:#fff;font-size:11px;text-align:center;position:relative;right:auto;bottom:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;}
.avatar-result__viewport{width:210px;height:210px;overflow:hidden;border:6px solid rgba(255,255,255,.96);border-radius:50%;box-shadow:0 24px 56px rgba(0,0,0,.32);background:#438ce4}.avatar-result__viewport img{width:100%!important;height:100%!important;min-width:0;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;filter:none!important;transform:scale(var(--avatar-preview-zoom,1));transform-origin:center;transition:transform .16s ease}
.avatar-result strong{margin-top:8px;color:#fff;font-size:14px}
.avatar-result span{font-weight:800;color:#b9c7df;font-size:11px;}
.background-compare{overflow:hidden;display:flex;align-items:center;justify-content:center;gap:28px;padding:24px;background:radial-gradient(circle at 50% 10%,rgba(181,121,82,.13),transparent 40%),linear-gradient(145deg,#6e432a,#6e432a);}
.background-card{position:relative;display:grid;grid-template-rows:1fr auto auto;width:214px;height:318px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:19px;background:#fff;box-shadow:0 24px 58px rgba(0,0,0,.28)}
.background-card img{width:100%!important;height:100%!important;min-height:0;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 16%!important;filter:none!important}
.background-card span{padding:8px 11px 1px;color:#6e432a;font-size:13px;font-weight:900}
.background-card small{padding:0 11px 9px;color:#77839a;font-size:10px}
.background-swatches{position:absolute;right:18px;bottom:16px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(31,29,27,.76);backdrop-filter:blur(12px)}
.background-swatches b{width:19px;height:19px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:var(--swatch)}
.background-swatches em{margin-left:4px;color:#b8c5dc;font-size:10px;font-style:normal}
@media(max-width:760px){.avatar-preview{gap:12px;padding:13px;}.avatar-source{width:132px;height:210px}.avatar-crop-ring{top:41%;width:112px;height:112px}.avatar-result__viewport{width:134px;height:134px;border-width:4px;}.avatar-arrow{font-size:20px}.avatar-result strong{font-size:11px}.avatar-result span{font-size:9px}.background-compare{gap:10px;padding:12px}.background-card{width:132px;height:230px}.background-arrow{font-size:20px}.background-card span{padding:6px 7px 1px;font-size:10px}.background-card small{padding:0 7px 6px;font-size:8px}.background-swatches{right:9px;bottom:8px;padding:5px 6px}.background-swatches b{width:14px;height:14px}.background-swatches em{font-size:8px}.photo-size-board,.social-size-board{min-height:302px}}

.workspace-titlebar{margin-bottom:14px;}
.workspace-titlebar h1{line-height:1.14;}
.workspace-titlebar p{margin:0;max-width:850px;}
.workspace-titlebar__meta .icon-button{width:auto;padding:0 13px;font-weight:800}
.workspace-grid{display:grid;align-items:start;min-height:720px;grid-template-columns:82px minmax(560px,1fr) 368px;}
.workspace-rail{position:sticky;top:124px;max-height:calc(100vh - 142px);border:1px solid var(--line);background:rgba(255,255,255,.94);box-shadow:var(--shadow-soft);overflow:hidden;z-index:20;transition:width .2s ease;}

.workspace-rail:not(.is-expanded) .rail-toggle span,
.workspace-rail:not(.is-expanded) .rail-section h2,
.workspace-rail:not(.is-expanded) .rail-tool b,
.workspace-rail:not(.is-expanded) .rail-history,
.workspace-rail:not(.is-expanded) .rail-all-link{display:none}


.workspace-rail:not(.is-expanded) .rail-tool:hover:after{content:attr(data-label);position:absolute;left:58px;top:50%;z-index:30;min-width:110px;padding:8px 10px;border-radius:10px;background:#6e432a;color:#fff;font-size:12px;white-space:nowrap;box-shadow:0 10px 28px rgba(0,0,0,.22);transform:translateY(-50%)}
.preview-card{border-color:#cbd6ea;box-shadow:0 24px 64px rgba(110,67,42,.14);}

.preview-stage{position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;min-height:520px;}
.preview-stage:before{content:"";position:absolute;inset:0;z-index:-1;background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;opacity:.28;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.05) 75%);}
.preview-stage[data-state="user"] .preview-special,.preview-stage[data-state="result"] .preview-special{display:none!important;}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="user"] .preview-special{display:block!important;}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="user"] .watermark-settings{display:none!important;}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="user"] .live-watermark{padding:0;border:0;background:transparent;border-radius:0;font-weight:400;letter-spacing:0;text-shadow:none;}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="user"] .live-watermark.has-image-preview img{max-width:none;max-height:none;border-radius:0;box-shadow:none;}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="example"] .preview-stage__image--underlay,
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="user"] .preview-stage__image--underlay{width:auto!important;height:auto!important;max-width:calc(100% - 34px)!important;max-height:480px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 22px 48px rgba(0,0,0,.34))!important;}
@media(max-width:760px){[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="example"] .preview-stage__image--underlay,[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="user"] .preview-stage__image--underlay{max-width:calc(100% - 20px)!important;max-height:326px!important;}}
.preview-stage[data-state="user"]>img,.preview-stage[data-state="result"]>img{max-width:calc(100% - 34px);max-height:480px;filter:drop-shadow(0 22px 48px rgba(0,0,0,.34))}
.preview-stage[data-state="result"] .preview-stage__image--underlay{width:auto!important;height:auto!important;max-width:calc(100% - 34px)!important;max-height:480px!important;object-fit:var(--pts-preview-fit,contain)!important;object-position:center!important;filter:drop-shadow(0 22px 48px rgba(0,0,0,.34))!important}
.workspace-panel{position:sticky;top:124px;overflow:hidden;border-color:#cbd6ea;box-shadow:0 24px 64px rgba(110,67,42,.12);}
.panel-heading p{color:#706860}
.panel-section--upload{background:linear-gradient(180deg,#fff,#fbfcff)}
.photo-workflow--compress{overflow:hidden}
.photo-workflow--compress .compress-split{position:absolute;inset:0;overflow:hidden}
.photo-workflow--compress .compress-split img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;filter:none!important}
.photo-workflow--compress .compress-split--after{left:50%}
.photo-workflow--compress .compress-split--after img{position:absolute;right:0;width:200%!important}
.photo-workflow--compress .compare-line{left:50%}
.compression-detail{position:absolute;left:18px;bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:7px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(31,29,27,.80);box-shadow:0 14px 34px rgba(0,0,0,.28);backdrop-filter:blur(10px)}
.compression-detail span{position:relative;width:92px;height:76px;border-radius:9px;}
.compression-detail img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#171513;filter:none!important}
.compression-detail b{position:absolute;left:5px;bottom:5px;padding:3px 5px;border-radius:5px;background:rgba(31,29,27,.76);color:#fff;font-size:8px}
.gif-timeline>span{height:64px;overflow:hidden;border:2px solid transparent;border-radius:9px;background:#6e432a;position:relative;grid-template-rows:1fr auto;}
.gif-timeline>span em{position:absolute;right:4px;bottom:4px;padding:2px 4px;border-radius:4px;background:rgba(31,29,27,.78);color:#fff;font-size:8px;font-style:normal}
.gif-timeline>span b{left:4px;right:auto}
.frame-editor{margin:4px 0 14px;padding:11px;border:1px solid #d8e0ef;border-radius:14px;background:#f7f9fd}
.frame-editor__head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.frame-editor__head span{font-size:13px;font-weight:850;color:#534c45}
.frame-editor__head small{color:#7a879e;}
.frame-editor__list{display:grid;gap:7px;max-height:246px;overflow:auto}
.frame-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid #dce3f0;border-radius:11px;background:#fff;cursor:grab}
.frame-item img{width:54px;height:42px;object-fit:cover;border-radius:7px}
.frame-item strong{display:block;overflow:hidden;color:#534c45;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.frame-item label{display:grid;grid-template-columns:auto 58px auto;align-items:center;gap:4px;margin-top:4px;color:#7b879a;font-size:9px}
.frame-item input{min-width:0;height:25px;padding:2px 5px;border:1px solid #cdd6e5;border-radius:6px;font-size:10px}
.frame-item em{font-size:9px;font-style:normal}
.frame-item__actions{display:flex;}
.frame-item__actions button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid #d4dceb;border-radius:7px;background:#f6f8fc;color:#706860;font-weight:900}
.frame-item__actions button:last-child{color:#c13b58}
[data-color-field][hidden]{display:none!important}
.background-card--after{box-shadow:0 0 0 3px rgba(198,188,178,.24),0 24px 58px rgba(0,0,0,.30);background:#fff;}
.background-card--after img{object-fit:cover!important;object-position:center 16%!important}
.background-card--after[data-mode="transparent"]{background-color:#fff!important;background-image:linear-gradient(45deg,#e7ebf2 25%,transparent 25%),linear-gradient(-45deg,#e7ebf2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7ebf2 75%),linear-gradient(-45deg,transparent 75%,#e7ebf2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.background-card--after[data-mode="transparent"] img{opacity:1}
.photo-size-board{height:100%;min-height:320px;display:grid;grid-template-columns:minmax(210px,320px) minmax(180px,260px);align-items:center;justify-content:center;gap:24px;padding:28px;background:radial-gradient(circle at 50% 10%,rgba(155,92,54,.20),transparent 42%),linear-gradient(145deg,#6e432a,#6e432a);}
.photo-size-selected{position:relative;display:grid;grid-template-rows:1fr auto auto;width:min(100%,286px);height:390px;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:19px;background:#fff;box-shadow:0 26px 64px rgba(0,0,0,.34)}
.photo-size-selected img{width:100%!important;height:100%!important;min-height:0;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 16%!important;filter:none!important}
.photo-size-selected>b{padding:10px 12px 2px;color:#6e432a;font-size:14px}
.photo-size-selected>span:not(.photo-size-selected__tag){padding:0 12px 11px;color:#748198;font-size:10px}
.photo-size-selected__tag{position:absolute;left:12px;top:12px;z-index:2;padding:6px 9px;border-radius:8px;background:rgba(31,29,27,.78);color:#fff;font-size:10px}
.photo-size-reference{display:grid;gap:10px}
.photo-size-reference>span{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:11px;padding:10px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.08);color:#fff}
.photo-size-reference>span>img{display:block!important;width:58px!important;height:78px!important;min-height:0!important;max-width:none!important;max-height:none!important;border-radius:9px;object-fit:cover!important;object-position:center 18%!important;filter:none!important}
.photo-size-reference>span>i{display:grid;gap:4px;min-width:0;font-style:normal}
.photo-size-reference b{font-size:13px}
.photo-size-reference em,.photo-size-reference small{color:#b8c5da;font-size:10px;font-style:normal;line-height:1.5}
.photo-size-reference>small{display:block;padding:4px 2px;color:#b8c5da;line-height:1.55}
.avatar-preview[data-avatar-shape="square"] .avatar-crop-ring,.avatar-preview[data-avatar-shape="square"] .avatar-result__viewport{border-radius:18px}
.avatar-preview[data-avatar-shape="circle"] .avatar-crop-ring,.avatar-preview[data-avatar-shape="circle"] .avatar-result__viewport{border-radius:50%}
@media(max-width:1040px){.workspace-grid{grid-template-columns:74px minmax(0,1fr) 344px}.workspace-rail{width:74px}.workspace-rail.is-expanded{width:260px}}
@media(max-width:760px){.workspace-titlebar__meta .icon-button{display:none;}.compression-detail{left:9px;bottom:9px;padding:5px}.compression-detail span{width:62px;height:52px}.quality-chip{right:11px;bottom:11px;padding:9px 11px;width:130px;}.frame-editor__head{display:grid}.frame-item{grid-template-columns:44px minmax(0,1fr)}.frame-item img{width:44px;height:38px}.frame-item__actions{grid-column:1/-1;justify-content:flex-end}.photo-size-board{grid-template-columns:1fr .65fr;gap:10px;padding:13px;}.photo-size-selected{width:100%;height:270px}.photo-size-reference>span{grid-template-columns:38px minmax(0,1fr);gap:7px;padding:7px}.photo-size-reference>span>img{width:38px!important;height:54px!important;border-radius:6px}.photo-size-reference b{font-size:10px}.photo-size-reference em,.photo-size-reference small{font-size:8px}}
@media(max-width:760px){.workspace-shell{width:100%;max-width:none;padding:10px 12px 26px}.workspace-titlebar{display:block;margin:0 0 10px;padding:0 2px}.breadcrumbs{gap:5px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-kicker{margin-top:3px;font-size:10px}.workspace-titlebar h1{margin:3px 0 1px;font-size:27px;line-height:1.08}.workspace-titlebar p{display:-webkit-box;max-width:none;margin:0;overflow:hidden;font-size:13px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.workspace-titlebar__meta{display:none!important}.workspace-titlebar__meta:has([data-pipeline-toggle]){display:flex!important;align-items:center;justify-content:flex-start;gap:8px;margin-top:10px}.workspace-titlebar__meta:has([data-pipeline-toggle]) .icon-button{width:auto;min-width:0;min-height:40px;padding:0 12px}.workspace-grid{display:flex;width:100%;min-height:0;flex-direction:column;gap:11px}.workspace-rail{display:none!important}.workspace-main{order:1;width:100%;gap:11px}.workspace-panel{position:static;top:auto;order:2;width:100%;overflow:visible}.upload-zone{display:none!important}.preview-card,.workspace-panel,.result-card,.message-card,.tool-notes{width:100%;border-radius:17px}.preview-card__header{padding:11px 12px}.preview-card__header>div:first-child{gap:8px;min-width:0}.preview-card__header h2{font-size:15px}.preview-card__header p{display:none}.step-number{width:27px;height:27px;border-radius:8px;font-size:12px}.preview-tools{gap:5px}.preview-tools .icon-button{width:38px;height:38px;border-radius:11px}.preview-upload-cta{min-height:38px;padding:0 10px;font-size:12px}.preview-stage{min-height:342px;}.preview-stage img,.preview-stage canvas{max-width:calc(100% - 20px);max-height:326px}.preview-info{gap:7px;padding:9px 11px;font-size:11px}.preview-info span+span:before{margin-right:7px}.panel-section{padding:14px}.panel-heading{margin-bottom:12px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:12px}.field{gap:5px;margin-bottom:11px;font-size:13px}.field input,.field select{height:44px;font-size:14px}.field-grid{gap:8px}.privacy-confirm{padding:10px 14px}.privacy-confirm .check-row{min-height:0;margin:0}.action-panel{position:static;display:grid;gap:8px;padding:12px 14px}.action-panel .button{min-height:46px;font-size:14px}.action-hint{font-size:11px}.status-panel{padding:12px 14px}.status-panel h2{margin-bottom:7px;font-size:13px}.status-panel dl{gap:5px}.status-panel dl div{font-size:11px}.tool-notes{grid-template-columns:1fr;gap:15px;margin:11px 0;padding:17px}.tool-notes h2{font-size:14px}.tool-notes p{font-size:12px}.page-tool .managed-ad-slot{margin-top:14px;margin-bottom:14px}.page-tool .workspace-main>.managed-ad-slot,.page-tool [data-ordinary-main]>.managed-ad-slot{margin-top:3px;margin-bottom:3px}.page-tool .workspace-panel>.managed-ad-slot,.page-tool [data-ordinary-panel]>.managed-ad-slot{margin-top:4px;margin-bottom:4px}}

.photo-workflow--resize{display:grid;place-items:center;padding:34px 30px 78px;background:radial-gradient(circle at 50% 12%,rgba(181,121,82,.23),transparent 42%),linear-gradient(145deg,rgba(31,29,27,.95),rgba(110,67,42,.92))}
.resize-output-card{position:relative;display:grid;width:min(78%,560px);place-items:center}
.resize-mode-badge{position:absolute;left:50%;top:-22px;z-index:4;transform:translateX(-50%);padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(31,29,27,.78);color:#fff;font-size:11px;font-weight:850;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.resize-output-canvas{--resize-aspect:3/2;position:relative;width:100%;aspect-ratio:var(--resize-aspect);overflow:visible;border:10px solid rgba(255,255,255,.94);border-radius:8px;background:#fff;box-shadow:0 24px 55px rgba(0,0,0,.30)}
.resize-output-canvas img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;filter:none!important}
.resize-output-canvas[data-fit="scale"] img{object-fit:fill!important}.resize-output-canvas[data-fit="contain"] img{object-fit:contain!important}.resize-output-canvas[data-fit="cover"] img{object-fit:cover!important}.resize-output-canvas[data-fit="stretch"] img{object-fit:fill!important}
.resize-axis{position:absolute;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.65)}
.resize-axis:before,.resize-axis:after{content:"";position:absolute;background:rgba(255,255,255,.78)}
.resize-axis--width{left:0;right:0;bottom:-31px}.resize-axis--width:before{left:0;right:0;top:-5px;height:1px}.resize-axis--width:after{display:none}
.resize-axis--height{right:-47px;top:0;bottom:0;writing-mode:vertical-rl}.resize-axis--height:before{top:0;bottom:0;left:-6px;width:1px}.resize-axis--height:after{display:none}
.photo-workflow--resize .resize-summary{z-index:5}

.photo-workflow--crop [data-crop-grid][hidden]{display:none!important}

.format-source{gap:4px}
.photo-workflow--convert .format-source .format-source__label{display:block;width:auto;height:auto;margin:0 0 8px;padding:5px 9px;border-radius:999px;background:#eee9e2;color:#9b5c36;font-size:11px;font-weight:850;line-height:1;white-space:nowrap;box-shadow:none}
.photo-workflow--convert .format-source .format-source__type{display:grid;place-items:center;width:68px;height:68px;margin:0 0 9px;border-radius:18px;background:linear-gradient(135deg,#9b5c36,#b57952);color:#fff;font-size:20px;font-weight:950;box-shadow:0 12px 28px rgba(181,121,82,.28)}
.photo-workflow--convert{background:radial-gradient(circle at 50% 5%,rgba(181,121,82,.24),transparent 45%),linear-gradient(145deg,#6e432a,#6e432a)}
[data-workspace][data-slug="image-converter"] .preview-stage__image--underlay{opacity:0}
.photo-workflow--convert .format-options{grid-template-columns:repeat(2,minmax(145px,1fr));width:min(390px,52%)}
.photo-workflow--convert .format-options>span{grid-template-columns:1fr;align-content:center;gap:4px;min-width:0;min-height:72px;padding:12px 15px}

.batch-list--compress{grid-template-columns:1fr 1fr}
.batch-list--compress>span{grid-template-columns:58px minmax(0,1fr) auto;min-width:0}
.batch-list--compress em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.batch-board__total{display:grid;grid-template-columns:repeat(3,auto);justify-content:end;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.13);color:#b9c7db;font-size:10px}
.batch-board__total strong{color:#c6bcb2}
.batch-result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.batch-result-summary>span{display:grid;gap:4px;padding:13px;border:1px solid #e1e7f1;border-radius:13px;background:#f8faff}
.batch-result-summary small{color:#75829a;font-size:11px}.batch-result-summary strong{color:#6e432a;font-size:16px}
.batch-result-table{overflow:hidden;border:1px solid #e1e7f1;border-radius:14px}
.batch-result-row{display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(4,minmax(82px,.75fr)) 70px;align-items:center;gap:10px;padding:11px 13px;border-top:1px solid #e8edf5;background:#fff;font-size:12px}
.batch-result-row:first-child{border-top:0}.batch-result-row--head{background:#f3f6fb;color:#706860;font-size:11px;font-weight:850}
.batch-result-row>span{min-width:0}.batch-result-row b{display:block;overflow:hidden;color:#6e432a;text-overflow:ellipsis;white-space:nowrap}.batch-result-row small{display:block;margin-top:3px;color:#8a96aa;font-size:10px}.batch-result-row strong{color:#9b5c36}.batch-result-row a{color:#9b5c36;font-weight:850}
.batch-zip-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid #cdd8ff;border-radius:14px;background:linear-gradient(135deg,#f5f7ff,#eef9ff)}
.batch-zip-row strong{display:block;color:#6e432a}.batch-zip-row small{display:block;margin-top:4px;color:#706860}.batch-zip-row a{padding:9px 13px;border-radius:10px;background:#9b5c36;color:#fff;font-size:12px;font-weight:900}

@media(max-width:760px){.photo-workflow--resize{padding:25px 28px 72px}.resize-output-card{width:76%}.resize-axis--height{right:-41px}.photo-workflow--convert .format-source .format-source__type{width:52px;height:52px;font-size:16px}.photo-workflow--convert .format-source .format-source__label{margin-bottom:5px;font-size:9px}.photo-workflow--convert .format-options{grid-template-columns:repeat(2,minmax(88px,1fr));width:58%}.batch-board__total{grid-template-columns:1fr 1fr;gap:5px}.batch-board__total strong{grid-column:1/-1}.batch-result-summary{grid-template-columns:1fr 1fr}.batch-result-table{overflow-x:auto}.batch-result-row{min-width:690px}.batch-zip-row{grid-template-columns:1fr}.batch-zip-row a{text-align:center}}

.batch-demo-note{display:block;margin-top:8px;color:#aebcd3;font-size:9px;line-height:1.45}

[data-batch-height-field].is-auto input:disabled{background:#f1f4fa;color:#706860;opacity:1;cursor:not-allowed}

/* Interactive crop and watermark controls. */
.manual-crop-overlay{z-index:5;pointer-events:none}
[data-preview-stage][data-state="user"] .manual-crop-overlay:not([hidden]){display:block!important}
.manual-crop-overlay .crop-dim{position:absolute;z-index:1;background:rgba(31,29,27,.50);backdrop-filter:none;-webkit-backdrop-filter:none}
.manual-crop-overlay .crop-window{z-index:3;pointer-events:auto;touch-action:none;cursor:move;user-select:none}
.manual-crop-overlay .crop-window.is-dragging{cursor:grabbing}
.manual-crop-overlay .crop-window>i{pointer-events:auto;touch-action:none}
.crop-ratio--manual{z-index:4;left:auto;right:16px;bottom:16px;max-width:calc(100% - 32px)}
.manual-crop-controls{margin:10px 0 14px;border:1px solid #dce5f3;border-radius:13px;background:#f9fbff}
.manual-crop-controls summary{padding:11px 12px;color:#534c45;font-size:13px;font-weight:850}
.manual-crop-controls>p{margin:0;padding:0 12px 8px;color:#706860;font-size:12px;line-height:1.55}
.manual-crop-controls .manual-crop-grid{padding:0 12px 11px}
.manual-crop-controls.is-disabled{opacity:.54}
.manual-crop-controls.is-disabled input{pointer-events:none}
.watermark-file-field{margin:4px 0 10px;padding:11px;border:1px solid #dce5f3;border-radius:12px;background:#f9fbff}
.watermark-file-field .file-field{margin:0}
.watermark-file-field input[type="file"]{height:auto;min-height:44px;padding:8px;background:#fff}
.watermark-file-field small{display:block;margin-top:5px;color:#706860;overflow-wrap:anywhere}
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="example"] .manual-crop-overlay,
[data-workspace][data-slug="social-size"] .preview-stage[data-state="example"] .manual-crop-overlay{display:none}
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="user"] .photo-size-board,
[data-workspace][data-slug="social-size"] .preview-stage[data-state="user"] .social-size-board,
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="result"] .photo-size-board,
[data-workspace][data-slug="social-size"] .preview-stage[data-state="result"] .social-size-board{display:none}
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="user"] .preview-stage__image--underlay,
[data-workspace][data-slug="social-size"] .preview-stage[data-state="user"] .preview-stage__image--underlay{opacity:1}
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="result"] .manual-crop-overlay,
[data-workspace][data-slug="social-size"] .preview-stage[data-state="result"] .manual-crop-overlay,
[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="result"] .manual-crop-overlay,
[data-workspace][data-slug="social-cropper"] .preview-stage[data-state="result"] .manual-crop-overlay{display:none}
@media(max-width:760px){.manual-crop-controls .manual-crop-grid{grid-template-columns:1fr 1fr}.crop-ratio--manual{right:10px;bottom:10px;font-size:10px}}

.spec-source-info{display:grid;gap:5px;margin-top:10px;padding-top:10px;border-top:1px dashed #d9e0ee}.spec-source-info small{display:block;line-height:1.5}.spec-source-status{color:#534c45;font-weight:750}.spec-source-line{color:#706860;overflow-wrap:anywhere}.spec-source-warning{color:#9a5a13}

/* reachable batch-resize, catalog filters, background brush and batch ZIP controls. */
.batch-resize-items{margin:10px 0 14px;padding:12px;border:1px solid #dce5f3;border-radius:14px;background:#f9fbff}
.batch-resize-items__head{display:grid;gap:3px;margin-bottom:10px}.batch-resize-items__head strong{color:#6e432a;font-size:13px}.batch-resize-items__head small,.batch-resize-items__empty{color:#706860;font-size:11px;line-height:1.5}.batch-resize-items__empty{margin:0}
[data-batch-resize-item-list]{display:grid;gap:9px}.batch-resize-item{padding:10px;border:1px solid #e1e7f1;border-radius:12px;background:#fff}.batch-resize-item__title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.batch-resize-item__title strong{min-width:0;overflow:hidden;color:#6e432a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.batch-resize-item__title span{flex:none;color:#8a96aa;font-size:10px}.batch-resize-item__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.batch-resize-item__grid label{position:relative;display:grid;gap:4px;min-width:0;color:#706860;font-size:10px}.batch-resize-item__grid>label:first-child{grid-column:1/-1}.batch-resize-item__grid input,.batch-resize-item__grid select{width:100%;height:36px;padding:0 8px;border:1px solid #d9e1ee;border-radius:9px;background:#fff;color:#6e432a;font-size:12px}.batch-resize-item__grid em{position:absolute;right:7px;bottom:10px;color:#8d98aa;font-size:9px;font-style:normal;pointer-events:none}.batch-resize-item__grid input{padding-right:27px}.batch-resize-item[data-mode="percentage"] [data-batch-item-width],.batch-resize-item[data-mode="percentage"] [data-batch-item-height]{display:none}.batch-resize-item[data-mode="pixels"] [data-batch-item-percent]{display:none}.batch-resize-item__lock{margin:8px 0 0!important;font-size:11px!important}.batch-resize-item[data-mode="percentage"] .batch-resize-item__lock{display:none}
.catalog-filter-grid{align-items:end}.catalog-filter-grid .field{min-width:0}.catalog-filter-grid select{max-width:100%}
.background-brush-controls{margin:10px 0 14px;padding:11px;border:1px solid #dce5f3;border-radius:13px;background:#f9fbff}.background-brush-controls__head{display:grid;gap:3px;margin-bottom:9px}.background-brush-controls__head strong{color:#534c45;font-size:13px}.background-brush-controls__head small{color:#706860;font-size:11px;line-height:1.45}.background-brush-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.background-brush-actions .text-button{padding:6px 9px;border:1px solid #dbe3f0;border-radius:8px;background:#fff;font-size:11px}.background-brush-actions span{margin-left:auto;color:#706860;font-size:11px;font-weight:750}
.background-brush-overlay{position:absolute;inset:0;z-index:6;pointer-events:none}.background-brush-overlay[hidden]{display:none}.background-brush-mark{position:absolute;display:block;border:2px solid rgba(255,255,255,.96);border-radius:50%;box-shadow:0 0 0 2px rgba(110,67,42,.36);transform:none}.background-brush-mark.is-erase{background:rgba(225,68,91,.24)}.background-brush-mark.is-restore{background:rgba(155,92,54,.24)}
[data-workspace][data-slug="background-tool"] .preview-stage[data-state="user"]{cursor:crosshair;touch-action:none}
@media(max-width:760px){.batch-resize-item__grid{grid-template-columns:1fr 1fr}.catalog-filter-grid{grid-template-columns:1fr}.background-brush-actions span{width:100%;margin-left:0}}

/* registered-capability reachability: crop rotation, quick rotate, DPI mm/inch */
.rotate-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.rotate-quick-actions .text-button{min-height:38px;padding:8px 10px;border:1px solid var(--line,#d8e0ef);border-radius:10px;background:rgba(255,255,255,.76);font-size:12px;text-align:center}.dpi-physical-fields{align-items:end}@media(max-width:430px){.rotate-quick-actions{grid-template-columns:1fr}.rotate-quick-actions .text-button{width:100%}}

/* capability-reachability guards: GIF duration + social-size preview-only safe area */
.gif-duration-summary{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:2px 0 12px;padding:10px 11px;border:1px solid #d7e2f2;border-radius:12px;background:#f7faff}.gif-duration-summary span{font-size:12px;font-weight:800;color:#534c45}.gif-duration-summary strong{font-size:12px;color:#b57952}.gif-duration-summary small{grid-column:1/-1;font-size:10px;line-height:1.45;color:#718096}.gif-duration-summary.is-over-limit{border-color:#fecaca;background:#fff7f7}.gif-duration-summary.is-over-limit strong{color:#b91c1c}.spec-safe-area,.spec-safe-area-note{display:block;margin-top:6px;line-height:1.45}.spec-safe-area{padding:6px 8px;border-radius:8px;background:#eefcff;color:#9b5c36;font-weight:750}.spec-safe-area-note{color:#738198;font-size:10px}@media(max-width:760px){.gif-duration-summary{grid-template-columns:1fr;padding:9px}.gif-duration-summary strong{grid-row:2}.gif-duration-summary small{grid-row:3}}

@media(max-width:760px){.social-crop-status{bottom:10px;max-width:88%;padding:8px 10px}.social-crop-status strong{font-size:11px}.social-crop-status span,.social-crop-status em{font-size:8px}.preview-guides--social>b{left:5px;top:5px;font-size:7px}}


/* ID-photo manual crop is WYSIWYG. User input keeps its natural aspect in a contain viewport;
   the portrait specification belongs to the crop window, not to the underlying source image. */
[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="user"] [data-preview-image]{
  width:auto!important;height:auto!important;max-width:calc(100% - 34px)!important;max-height:500px!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;
  border:1px solid rgba(110,67,42,.14);box-shadow:0 20px 48px rgba(110,67,42,.20);filter:none!important;
}
[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="result"] [data-preview-image]{aspect-ratio:auto!important;}
@media(max-width:760px){[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="user"] [data-preview-image]{max-width:calc(100% - 20px)!important;max-height:420px!important;}}


/* user-upload preview state stays bounded and WYSIWYG across the shared workspace. */
[data-workspace]:not([data-slug="id-photo-maker"]) .preview-stage[data-state="user"] .preview-stage__image--underlay{
  width:auto!important;height:auto!important;max-width:calc(100% - 34px)!important;max-height:480px!important;
  object-fit:var(--pts-preview-fit,contain)!important;object-position:center center!important;filter:drop-shadow(0 22px 48px rgba(0,0,0,.34))!important;
}
[data-workspace][data-slug="image-rotate"] .preview-stage[data-state="user"] .preview-stage__image--underlay{
  width:auto!important;height:auto!important;max-width:min(74%,680px)!important;max-height:420px!important;object-fit:var(--pts-preview-fit,contain)!important;
  transform:rotate(var(--rotate-preview-angle,0deg)) scaleX(var(--rotate-preview-flip-x,1)) scaleY(var(--rotate-preview-flip-y,1));
}
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="user"] .avatar-preview,
[data-workspace][data-slug="batch-compress"] .preview-stage[data-state="user"] .batch-board,
[data-workspace][data-slug="batch-resize"] .preview-stage[data-state="user"] .batch-board{display:flex!important}
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="user"] .preview-stage__image--underlay{display:none!important}
[data-workspace][data-slug^="batch-"] .preview-stage[data-state="user"] .preview-stage__image--underlay{opacity:0!important}
.batch-user-item b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){
  [data-workspace]:not([data-slug="id-photo-maker"]) .preview-stage[data-state="user"] .preview-stage__image--underlay{max-width:calc(100% - 20px)!important;max-height:326px!important}
  [data-workspace][data-slug="image-rotate"] .preview-stage[data-state="user"] .preview-stage__image--underlay{max-width:76%!important;max-height:300px!important}
}


/* result visibility, controlled fit-mode, and non-browser-decodable file fallback. */
[data-workspace][data-slug="image-converter"] .preview-stage[data-state="user"] .preview-stage__image--underlay,
[data-workspace][data-slug="image-converter"] .preview-stage[data-state="result"] .preview-stage__image--underlay,
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="result"] .preview-stage__image--underlay{opacity:1!important;display:block!important}
.file-preview-fallback{position:absolute;inset:28px;z-index:7;display:grid;place-items:center;align-content:center;gap:9px;padding:28px;border:1px solid rgba(255,255,255,.20);border-radius:22px;background:linear-gradient(145deg,rgba(31,29,27,.94),rgba(110,67,42,.90));color:#fff;text-align:center;box-shadow:0 22px 54px rgba(0,0,0,.28)}
.file-preview-fallback[hidden]{display:none!important}.file-preview-fallback__type{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#534c45,#9b5c36);font-size:18px;font-weight:950;box-shadow:0 15px 36px rgba(0,0,0,.24)}
.file-preview-fallback strong{max-width:min(520px,90%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.file-preview-fallback small{color:#b8c7dd;font-size:12px}.file-preview-fallback p{max-width:520px;margin:2px 0 0;color:#d6e0ef;font-size:12px;line-height:1.65}
[data-preview-fit][disabled]{opacity:.46;cursor:not-allowed}
@media(max-width:760px){.file-preview-fallback{inset:14px;padding:18px}.file-preview-fallback__type{width:58px;height:58px;border-radius:16px;font-size:15px}.file-preview-fallback strong{font-size:14px}.file-preview-fallback p{font-size:11px}}
/* ID-photo initial crop must be portrait even before JavaScript binds live geometry. */
.manual-crop-overlay--id .crop-window{left:32%;right:auto;top:5%;bottom:auto;width:36%;height:auto;aspect-ratio:25/35}
.manual-crop-overlay--id .crop-dim--left{left:0;top:0;bottom:0;width:32%;height:auto}
.manual-crop-overlay--id .crop-dim--right{left:68%;right:0;top:0;bottom:0;width:auto;height:auto}
.manual-crop-overlay--id .crop-dim--top{left:32%;right:32%;top:0;height:5%}
.manual-crop-overlay--id .crop-dim--bottom{left:32%;right:32%;top:auto;bottom:0;height:44.6%}


/* product-closure workspace consistency */
.mobile-tool-switcher{display:none}.workspace-shell:not(.workspace-shell--inspector):not(.workspace-shell--catalog):not(.workspace-shell--calculator) .preview-stage{min-height:520px}.workspace-shell--inspector .preview-stage,.workspace-shell--catalog .preview-stage,.workspace-shell--calculator .preview-stage{min-height:420px}.workspace-panel>.managed-ad-slot,[data-ordinary-panel]>.managed-ad-slot{border-radius:14px;background:transparent}.workspace-rail>.managed-ad-slot{padding:7px}.workspace-rail:not(.is-expanded)>.managed-ad-slot{display:none}@media(max-width:760px){.mobile-tool-switcher{display:grid;gap:6px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:#fff}.mobile-tool-switcher span{font-size:11px;font-weight:800;color:#706860}.mobile-tool-switcher select{height:42px;border:1px solid #d5dff0;border-radius:11px;padding:0 12px;background:#fff;font-weight:750}.workspace-shell:not(.workspace-shell--inspector):not(.workspace-shell--catalog):not(.workspace-shell--calculator) .preview-stage{min-height:342px}.workspace-shell--inspector .preview-stage,.workspace-shell--catalog .preview-stage,.workspace-shell--calculator .preview-stage{min-height:300px}}

/* rail and crop-preview cleanup */
.rail-head{display:block!important}
.rail-toggle{position:relative!important;justify-content:center;gap:9px;padding:0 10px!important;}
.workspace-rail:not(.is-expanded) .rail-toggle{padding:0!important;justify-content:center!important}
.workspace-rail:not(.is-expanded) .rail-toggle svg{width:23px;height:23px}
.workspace-rail:not(.is-expanded) .rail-toggle span{display:none!important}
.rail-toggle small{display:none!important}
.rail-all-link{display:none!important}
.workspace-rail:not(.is-expanded) .rail-tool{justify-content:center!important;}
.workspace-rail:not(.is-expanded) .rail-tool span{width:26px;flex-basis:26px}
.workspace-rail:not(.is-expanded) .rail-tool svg{width:23px;height:23px}

/* Do not show a mysterious crop frame on stock examples. Manual crop appears only after a user image is loaded. */
.manual-crop-overlay[hidden]{display:none!important}
.preview-guides--id{pointer-events:none}
.preview-guides--id .id-guide{font-weight:750;}
.preview-guides--id{border:0!important;box-shadow:none!important}
.preview-guides--id .id-guide--head,.preview-guides--id .id-guide--eyes,.preview-guides--id .id-guide--shoulders{border-top-style:dashed!important;border-top-color:rgba(255,255,255,.78)!important}

/* input clarity: optional compression target and auto-calculated resize height */
.field-note{display:block;margin-top:2px;color:#7b879e;font-size:12px;font-weight:500;line-height:1.45}
[data-resize-height-field].is-auto input:disabled{background:#f1f4fa;color:#706860;opacity:1;cursor:not-allowed}


/* examples must read as real photography, not vector illustration panels. */
.photo-workflow--convert,.photo-workflow--heic{background:linear-gradient(90deg,rgba(31,29,27,.56),rgba(31,29,27,.34))!important}
.dpi-board{backdrop-filter:blur(1px);}
.metadata-preview{background:linear-gradient(90deg,transparent 28%,rgba(31,29,27,.14) 52%,rgba(31,29,27,.82) 100%)!important}
.diagnostic-preview{background:linear-gradient(145deg,rgba(31,29,27,.88),rgba(110,67,42,.86))!important}
.preview-guides--id .id-guide{color:transparent!important;font-size:0!important;text-shadow:none!important}


/* rail refinement */
.workspace-rail{width:78px;border-radius:20px;}
.workspace-rail.is-expanded{width:272px}
.rail-toggle{min-height:46px;}

.rail-tool{min-height:44px;padding:7px 9px;}
.workspace-rail:not(.is-expanded) .rail-tool{padding:7px!important}
.rail-tool.is-active{border-color:#d7ddff;}
.rail-tool.is-active:before{left:-6px;top:11px;bottom:11px;width:3px}

/* logic + usability closure */
/* Keep the bottom tool icon away from the rail frame. */
.rail-tools{padding-bottom:14px!important}
.rail-tool--all{margin-top:6px!important;margin-bottom:8px!important}

/* The ID notice must not collide with the quality control below it. */
[data-workspace][data-slug="id-photo-maker"] [data-id-dpi-note]{margin-bottom:16px!important}
[data-workspace][data-slug="id-photo-maker"] [data-id-dpi-note]+.field{margin-top:0!important}

/* Example crop boxes are functional demonstrations, not decorative frames. */
[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="example"] .manual-crop-overlay:not([hidden]),
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="example"] .manual-crop-overlay:not([hidden]),
[data-workspace][data-slug="social-cropper"] .preview-stage[data-state="example"] .manual-crop-overlay:not([hidden]){display:block!important}
[data-workspace][data-slug="id-photo-maker"] .manual-crop-overlay .crop-window,
[data-workspace][data-slug="avatar-cropper"] .manual-crop-overlay .crop-window,
[data-workspace][data-slug="social-cropper"] .manual-crop-overlay .crop-window{border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(110,67,42,.45),0 12px 28px rgba(31,29,27,.16)}

/* Avatar uses the same source image on the left and in the actual result preview. */
[data-workspace][data-slug="avatar-cropper"] .preview-stage__image--underlay{display:block!important;max-width:46%!important;max-height:430px!important;transform:translateX(-24%);opacity:1!important}
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="user"] .preview-stage__image--underlay,
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="result"] .preview-stage__image--underlay{display:block!important}
.avatar-result-card-v2{position:absolute;z-index:6;right:8%;top:50%;display:grid;justify-items:center;gap:8px;width:230px;padding:15px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(31,29,27,.88);color:#fff;box-shadow:0 22px 50px rgba(31,29,27,.25);transform:translateY(-50%);backdrop-filter:blur(16px)}
.avatar-result-card-v2>span{color:#c6bcb2;font-size:11px;font-weight:850}.avatar-result-card-v2 strong{font-size:14px}.avatar-result-card-v2 small{color:#afbdd1;font-size:11px}
.avatar-result-card-v2 .avatar-result__viewport{width:190px;height:190px;overflow:hidden;border:4px solid #fff;border-radius:16px;background:#e8eef7;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.avatar-result-card-v2[data-avatar-shape="circle"] .avatar-result__viewport{border-radius:50%}
.avatar-result-card-v2 .avatar-result__viewport img{position:relative;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;transform-origin:left top}
.manual-crop-overlay--avatar .crop-ratio--manual{left:16px;right:auto}

/* Photo-size query: one selected specification, one matching photo, clear numeric information. */
[data-workspace][data-slug="photo-size"] .preview-stage__image--underlay{display:block!important;max-height:440px!important;opacity:1!important}
.photo-spec-card{position:absolute;z-index:6;right:7%;top:50%;display:grid;gap:6px;width:250px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:rgba(110,67,42,.90);color:#fff;box-shadow:0 20px 48px rgba(31,29,27,.24);transform:translateY(-50%);backdrop-filter:blur(14px)}
.photo-spec-card>span{color:#c6bcb2;font-size:11px;font-weight:850}.photo-spec-card strong{font-size:18px;line-height:1.3}.photo-spec-card b{font-size:22px}.photo-spec-card em{color:#c1cee1;font-size:13px;font-style:normal}.photo-spec-card small{padding-top:7px;border-top:1px solid rgba(255,255,255,.12);color:#aab9ce;line-height:1.55}

/* Social crop always demonstrates the selected ratio with a real crop box. */

[data-workspace][data-slug="social-cropper"] .preview-guides--social{z-index:4}

/* Social-size query is query-first: one selected format, explicit ratio and safe-area overlay. */
[data-workspace][data-slug="social-size"] .preview-stage__image--underlay{display:none!important}
.social-spec-demo{position:absolute;inset:0;z-index:4;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);align-items:center;gap:28px;padding:38px 7%}
.social-spec-frame{position:relative;width:min(100%,650px);aspect-ratio:var(--social-spec-aspect);overflow:hidden;border:4px solid #fff;border-radius:18px;background:#dfe8f4;box-shadow:0 22px 54px rgba(31,29,27,.24)}
.social-spec-frame img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
.social-spec-safe{position:absolute;border:2px dashed #b57952;border-radius:8px;box-shadow:0 0 0 999px rgba(31,29,27,.12)}
.social-spec-safe b{position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:8px;background:rgba(31,29,27,.82);color:#c6bcb2;font-size:10px;white-space:nowrap}
.social-spec-meta{display:grid;gap:7px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(110,67,42,.88);color:#fff;box-shadow:0 18px 42px rgba(31,29,27,.2)}
.social-spec-meta>span{color:#c6bcb2;font-size:11px;font-weight:850}.social-spec-meta strong{font-size:18px}.social-spec-meta b{font-size:22px}.social-spec-meta em{color:#c2cee0;font-size:13px;font-style:normal}.social-spec-meta small{padding-top:7px;border-top:1px solid rgba(255,255,255,.12);color:#adbad0;line-height:1.55}

@media(max-width:760px){
  [data-workspace][data-slug="avatar-cropper"] .preview-stage__image--underlay{max-width:54%!important;transform:translateX(-29%)}
  .avatar-result-card-v2{right:3%;width:165px;padding:10px}.avatar-result-card-v2 .avatar-result__viewport{width:132px;height:132px}
  .photo-spec-card{right:4%;width:190px;padding:13px}.photo-spec-card strong{font-size:14px}.photo-spec-card b{font-size:17px}
  .social-spec-demo{grid-template-columns:1fr;align-content:center;gap:13px;padding:18px}.social-spec-frame{max-height:250px}.social-spec-meta{width:100%;padding:12px}.social-spec-meta b{font-size:17px}
}
/* query-mode state separation */
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="user"] .photo-spec-card,
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="result"] .photo-spec-card,
[data-workspace][data-slug="social-size"] .preview-stage[data-state="user"] .social-spec-demo,
[data-workspace][data-slug="social-size"] .preview-stage[data-state="result"] .social-spec-demo{display:none!important}
[data-workspace][data-slug="social-size"] .preview-stage[data-state="example"] .preview-stage__image--underlay{display:none!important}
[data-workspace][data-slug="social-size"] .preview-stage[data-state="user"] .preview-stage__image--underlay{display:block!important;opacity:1!important;max-width:calc(100% - 34px)!important;max-height:500px!important}
.manual-crop-controls[hidden]{display:none!important}

/* avatar crop: keep the source portrait visible on the left and contain the result image inside its preview. */
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="example"] .preview-stage__image--underlay,
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="user"] .preview-stage__image--underlay{
  
  width:auto!important;
  height:auto!important;
  
  
  
  
  
  opacity:1!important;
}

[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport img{position:absolute!important}
@media(max-width:760px){
  
  .avatar-result-card-v2{right:4%;width:180px;padding:10px}
  .avatar-result-card-v2 .avatar-result__viewport{width:140px;height:140px}
}
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2{
  left:auto!important;
}
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2{inset:auto 8% auto auto!important;}
/* query-first ID-size preview: same source image, explicit non-interactive target ratio. */
.photo-spec-query-demo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:28px;padding:38px 7%}
.photo-spec-reference{position:relative;width:100%;max-width:610px;aspect-ratio:12/7;overflow:hidden;border:4px solid #fff;border-radius:18px;background:#dfe8f4;box-shadow:0 22px 54px rgba(31,29,27,.24)}
.photo-spec-reference>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;filter:none!important}
.photo-spec-reference-window{position:absolute;left:50%;top:50%;height:78%;aspect-ratio:var(--photo-spec-aspect);transform:translate(-50%,-50%);border:3px solid #fff;border-radius:10px;box-shadow:0 0 0 999px rgba(31,29,27,.24),0 12px 28px rgba(31,29,27,.24)}
.photo-spec-reference-window b{position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:8px;background:rgba(31,29,27,.82);color:#c6bcb2;font-size:10px;white-space:nowrap}
.photo-spec-query-demo .photo-spec-card{position:static!important;right:auto!important;top:auto!important;width:auto!important;transform:none!important}
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="user"] .photo-spec-query-demo,
[data-workspace][data-slug="photo-size"] .preview-stage[data-state="result"] .photo-spec-query-demo{display:none!important}
[data-workspace][data-slug="avatar-cropper"] .manual-crop-overlay--avatar .crop-ratio--manual{display:none!important}
@media(max-width:760px){.photo-spec-query-demo{grid-template-columns:1fr;gap:12px;padding:16px}.photo-spec-reference{max-height:230px}.photo-spec-query-demo .photo-spec-card{width:100%!important;padding:12px!important}}
/* converter preview keeps a real photograph visible instead of presenting a format-only diagram. */
.photo-workflow--convert .converter-photo-source{display:grid;grid-template-columns:minmax(180px,280px) 120px;gap:0;overflow:hidden;min-width:390px;min-height:190px;border:1px solid rgba(255,255,255,.36);border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(31,29,27,.22)}
.photo-workflow--convert .converter-photo-source>img{display:block!important;width:100%!important;height:100%!important;min-height:190px;object-fit:cover!important;object-position:center!important;max-width:none!important;max-height:none!important;filter:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.photo-workflow--convert .converter-photo-source>div{display:grid;align-content:center;gap:7px;padding:15px;color:#6e432a}
.photo-workflow--convert .converter-photo-source small{color:#706860;font-size:11px}
.photo-workflow--convert .converter-photo-source b{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#9b5c36,#b57952);color:#fff;font-size:16px}
.photo-workflow--convert .converter-photo-source strong{font-size:13px}.photo-workflow--convert .converter-photo-source em{color:#706860;font-size:11px;font-style:normal}
@media(max-width:760px){.photo-workflow--convert .converter-photo-source{grid-template-columns:1fr 92px;min-width:0;width:58%;min-height:130px}.photo-workflow--convert .converter-photo-source>img{min-height:130px}.photo-workflow--convert .converter-photo-source>div{padding:9px;gap:4px}.photo-workflow--convert .converter-photo-source b{width:42px;height:42px;font-size:13px}.photo-workflow--convert .converter-photo-source strong{font-size:10px}.photo-workflow--convert .converter-photo-source em,.photo-workflow--convert .converter-photo-source small{font-size:8px}.photo-workflow--convert .format-options{width:36%!important}}
/* keep DPI guidance grounded in a real photographic sample. */
.dpi-board{background:linear-gradient(135deg,rgba(31,29,27,.88),rgba(110,67,42,.72)),url("/assets/examples/v3/technical-board.jpg") center/cover no-repeat!important}
/* collapsed tool rail remains scrollable; no shortcut is clipped by the rail shell. */
.workspace-rail:not(.is-expanded) .rail-tools{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none;}
.workspace-rail:not(.is-expanded) .rail-tools::-webkit-scrollbar{width:0;height:0}

/* crop visibility, natural ID-photo geometry and rail logic */
[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="example"] img,
[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="user"] img{
  aspect-ratio:auto!important;object-fit:contain!important;width:auto!important;height:auto!important;
  max-width:calc(100% - 34px)!important;max-height:500px!important;
}

.crop-window>i:nth-of-type(1){border-left:4px solid currentColor!important;border-top:4px solid currentColor!important}
.crop-window>i:nth-of-type(2){border-right:4px solid currentColor!important;border-top:4px solid currentColor!important}
.crop-window>i:nth-of-type(3){border-right:4px solid currentColor!important;border-bottom:4px solid currentColor!important}
.crop-window>i:nth-of-type(4){border-left:4px solid currentColor!important;border-bottom:4px solid currentColor!important}

@keyframes crop-corner-breathe{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
.workspace-rail:not(.is-expanded) .rail-tool--secondary{display:none!important}
.workspace-rail:not(.is-expanded) .rail-tools{overflow:visible!important;padding-bottom:28px!important}
.workspace-rail:not(.is-expanded) .rail-tool--all{margin-bottom:8px}
.workspace-rail .rail-section h2 small{display:block;margin-top:3px;color:#8a97ad;font-size:10px;font-weight:650}
.workspace-rail:not(.is-expanded) .rail-section h2 small{display:none}
.workspace-rail:not(.is-expanded) .rail-scroll-hint{display:none!important}
.workspace-rail.is-expanded .rail-tools{max-height:calc(100vh - 320px);overflow-y:auto;padding-right:3px;padding-bottom:22px}
.field-note--motion{margin:-6px 0 12px;color:#706860;font-size:12px;line-height:1.55}
@media(prefers-reduced-motion:reduce){.crop-window>i{animation:none!important}}

/* upload / process / result motion */
.workspace-shell.is-input-loading .preview-card{animation:pts-upload-arrive .62s cubic-bezier(.2,.8,.2,1)}
.action-panel .button.is-busy{overflow:hidden;box-shadow:0 0 0 1px rgba(181,121,82,.25),0 16px 38px rgba(155,92,54,.24)}
.action-panel .button.is-busy:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.36) 50%,transparent 75%);animation:pts-button-sheen .9s linear infinite}
.workspace-shell.has-fresh-result .result-card:not([hidden]){animation:pts-result-reveal .56s cubic-bezier(.16,1,.3,1)}
[data-download-button]:not(:disabled){box-shadow:0 10px 28px rgba(155,92,54,.16)}
[data-download-button].is-downloading{animation:pts-download-pulse .72s ease}
@keyframes pts-upload-arrive{0%{transform:translateY(7px);box-shadow:0 0 0 rgba(155,92,54,0)}55%{box-shadow:0 18px 55px rgba(155,92,54,.17)}100%{transform:none}}
@keyframes pts-button-sheen{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@keyframes pts-result-reveal{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pts-download-pulse{0%,100%{transform:scale(1)}40%{transform:scale(.96)}65%{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.workspace-shell.is-input-loading .preview-card,.action-panel .button.is-busy:after,.workspace-shell.has-fresh-result .result-card,[data-download-button].is-downloading{animation:none!important}}

/* GIF frame visibility and EXIF sample clarity */
[data-workspace][data-slug="gif-maker"] .gif-timeline>span{display:block!important;position:relative!important;min-width:0!important;background:#6e432a!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline>span[hidden]{display:none!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline>span img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;opacity:1!important;filter:none!important;transform:none!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline>span b,[data-workspace][data-slug="gif-maker"] .gif-timeline>span em{z-index:2}



/* status kicker: keep category and processing location visually separate. */
.workspace-kicker{display:flex;align-items:center;gap:8px;font-weight:760;line-height:1.25;}
.workspace-kicker i{display:block;flex:0 0 4px;width:4px;height:4px;border-radius:50%;}

@media(max-width:760px){.workspace-kicker{gap:6px}.workspace-kicker i{width:3px;height:3px;flex-basis:3px}}

/* crop visibility, crisp social cover, avatar output and compact GIF frames. */
[data-workspace][data-slug="social-cropper"] .preview-stage__image--underlay{display:block!important;width:auto!important;height:auto!important;max-width:calc(100% - 34px)!important;max-height:500px!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;image-rendering:auto!important;opacity:1!important}
[data-workspace][data-slug="social-cropper"] [data-manual-crop-overlay]:not([hidden]){display:block!important;z-index:6!important}
[data-workspace][data-slug="social-cropper"] .preview-guides--social:not([hidden]){display:block!important;z-index:7!important;border:2px dashed rgba(255,255,255,.96)!important;background:rgba(181,121,82,.05)!important;box-shadow:0 0 0 1px rgba(110,67,42,.25)!important}
[data-workspace][data-slug="social-cropper"] .preview-guides--social b{background:rgba(110,67,42,.88)!important;color:#c6bcb2!important}
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport{position:relative!important;overflow:hidden!important;background:#e7edf6!important}
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport img{display:block!important;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}
[data-workspace][data-slug="gif-maker"] .photo-workflow--gif{background:linear-gradient(180deg,transparent 0 78%,rgba(31,29,27,.86) 78% 100%)!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline{left:16px!important;right:16px!important;bottom:10px!important;gap:7px!important;padding:6px!important;border-radius:12px!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline>span{border-radius:7px!important;}
[data-workspace][data-slug="gif-maker"] .gif-timeline b,[data-workspace][data-slug="gif-maker"] .gif-timeline em{font-size:8px!important;padding:1px 4px!important}





[data-workspace][data-slug="exif-viewer"] .metadata-preview__panel{min-width:min(420px,62vw)!important}
[data-workspace][data-slug="exif-viewer"] .metadata-preview__panel div{gap:14px!important}
[data-workspace][data-slug="exif-viewer"] .metadata-preview__panel b{max-width:260px!important;text-align:right!important;line-height:1.35!important}
@media(max-width:760px){[data-workspace][data-slug="gif-maker"] .gif-timeline>span{height:40px!important}[data-workspace][data-slug="gif-maker"] .frame-editor__list{max-height:170px!important}}

/* GIF maker: four demo frames remain visible without consuming the parameter panel. */



[data-workspace][data-slug="gif-maker"] .frame-editor__head small{font-size:9px!important}








[data-workspace][data-slug="gif-maker"] .frame-item__actions{gap:2px!important}

[data-workspace][data-slug="gif-maker"] .gif-timeline>span{height:42px!important}
@media(max-width:760px){[data-workspace][data-slug="gif-maker"] .frame-editor__list{max-height:136px!important}[data-workspace][data-slug="gif-maker"] .frame-item{grid-template-columns:30px minmax(0,1fr) auto!important}[data-workspace][data-slug="gif-maker"] .frame-item img{width:30px!important;height:22px!important}[data-workspace][data-slug="gif-maker"] .frame-item__actions{grid-column:auto!important}}

/* processing location is explicit on every tool page, without cluttering tool-center cards. */






/* GIF correction: remove the oversized dark floor; thumbnails remain actual images and stay compact. */
[data-workspace][data-slug="gif-maker"] .photo-workflow--gif,
[data-workspace][data-slug="gif-editor"] .photo-workflow--gif{background:transparent!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline,
[data-workspace][data-slug="gif-editor"] .gif-timeline{left:14px!important;right:14px!important;bottom:12px!important;gap:7px!important;padding:6px!important;border-radius:12px!important;background:rgba(31,29,27,.86)!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline>span,
[data-workspace][data-slug="gif-editor"] .gif-timeline>span{display:block!important;position:relative!important;height:54px!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:7px!important;background:#6e432a!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline>span img,
[data-workspace][data-slug="gif-editor"] .gif-timeline>span img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}
[data-workspace][data-slug="gif-maker"] .gif-timeline>span b,
[data-workspace][data-slug="gif-maker"] .gif-timeline>span em,
[data-workspace][data-slug="gif-editor"] .gif-timeline>span b,
[data-workspace][data-slug="gif-editor"] .gif-timeline>span em{z-index:3!important}
[data-workspace][data-slug="gif-maker"] .gif-play{top:48%!important}

[data-workspace][data-slug="gif-maker"] .frame-editor{padding:8px!important;margin:4px 0 11px!important;border-radius:12px!important}
[data-workspace][data-slug="gif-maker"] .frame-editor__head{align-items:center!important;margin-bottom:6px!important}
[data-workspace][data-slug="gif-maker"] .frame-editor__head span{font-size:11px!important}.frame-editor__head small{font-size:9px!important}
[data-workspace][data-slug="gif-maker"] .frame-editor__list{gap:5px!important;max-height:194px!important;overflow:auto!important}
[data-workspace][data-slug="gif-maker"] .frame-item{grid-template-columns:44px minmax(0,1fr) auto!important;gap:6px!important;min-height:44px!important;padding:4px 5px!important;border-radius:8px!important}
[data-workspace][data-slug="gif-maker"] .frame-item img{display:block!important;width:44px!important;height:34px!important;max-width:44px!important;max-height:34px!important;border-radius:6px!important;object-fit:cover!important;object-position:center!important;opacity:1!important;visibility:visible!important;filter:none!important}
[data-workspace][data-slug="gif-maker"] .frame-item strong{font-size:9px!important;line-height:1.1!important}
[data-workspace][data-slug="gif-maker"] .frame-item label{display:flex!important;align-items:center!important;gap:3px!important;margin-top:2px!important;font-size:8px!important;line-height:1!important}
[data-workspace][data-slug="gif-maker"] .frame-item label span{display:inline!important}
[data-workspace][data-slug="gif-maker"] .frame-item input{width:48px!important;height:22px!important;padding:0 4px!important;border-radius:5px!important;font-size:8px!important}
[data-workspace][data-slug="gif-maker"] .frame-item em{font-size:8px!important}.frame-item__actions{gap:2px!important}
[data-workspace][data-slug="gif-maker"] .frame-item__actions button{width:22px!important;height:22px!important;border-radius:5px!important;font-size:10px!important}
@media(max-width:760px){[data-workspace][data-slug="gif-maker"] .gif-timeline>span,[data-workspace][data-slug="gif-editor"] .gif-timeline>span{height:46px!important}[data-workspace][data-slug="gif-maker"] .frame-editor__list{max-height:184px!important}}

/* Avatar example framing refinements. */











[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="example"] .preview-stage__image--underlay,[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="user"] .preview-stage__image--underlay{object-position:center 18%!important}

/* Processing state: keep the user's image visible. No workbench-wide scan beam.
   A compact bottom status strip shows the real phase and uses only local breathing motion. */
.processing-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:10!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:12px!important;
  background:linear-gradient(180deg,rgba(31,29,27,0) 0%,rgba(31,29,27,.025) 58%,rgba(31,29,27,.14) 100%)!important;
  backdrop-filter:none!important;
}
/* Hidden is an application state. It must always override the active flex layout. */
[data-processing-overlay][hidden]{display:none!important}
.processing-card{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "kicker title cancel"
    "message message cancel"
    "steps steps steps"
    "progress progress progress";
  align-items:center;
  column-gap:9px;
  row-gap:5px;
  width:min(470px,calc(100% - 8px));
  padding:10px 11px 9px;
  border:1px solid rgba(199,209,226,.82);
  border-radius:14px;
  background:rgba(252,253,255,.94);
  box-shadow:0 10px 28px rgba(110,67,42,.16),inset 0 1px 0 rgba(255,255,255,.96);
  color:#2d2925;
  text-align:left;
  backdrop-filter:blur(12px) saturate(1.04);
}
.processing-kicker{
  grid-area:kicker;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#706860!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.08em;
  white-space:nowrap;
}
.processing-kicker>i{
  width:7px;height:7px;border-radius:50%;
  background:#b57952;
  box-shadow:0 0 0 4px rgba(181,121,82,.09);
  animation:pts-process-dot 1.25s ease-in-out infinite;
}
.processing-card>[data-processing-title]{grid-area:title;color:#6e432a;font-size:13px;line-height:1.2;font-weight:820;letter-spacing:-.01em;min-width:0}
.processing-card>[data-processing-message]{grid-area:message;color:#738096!important;font-size:10.5px!important;line-height:1.35;min-width:0}
.processing-steps{
  grid-area:steps;
  display:flex;
  align-items:center;
  gap:15px;
  margin:1px 0 0;
  padding:0;
  list-style:none;
}
.processing-steps li{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#9aa5b6;
  font-size:9.5px;
  font-weight:720;
  line-height:1.2;
  transition:color .16s ease;
}
.processing-steps li>i{
  position:relative;
  display:block;
  flex:0 0 auto;
  width:7px;height:7px;
  border:1.5px solid #c3cad6;
  border-radius:50%;
  background:#fff;
}
.processing-steps li.is-active{color:#9b5c36;transform:none}
.processing-steps li.is-active>i{border-color:#b57952;background:#b57952;box-shadow:0 0 0 3px rgba(181,121,82,.10);animation:pts-process-dot 1.25s ease-in-out infinite}
.processing-steps li.is-done{color:#706860;border:0}
.processing-steps li.is-done>i{border-color:#91877d;background:#91877d}
.processing-steps li.is-done>i:after{content:"";position:absolute;left:1.8px;top:.4px;width:2px;height:3.5px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(42deg)}
.processing-progress{
  grid-area:progress;
  position:relative;
  overflow:hidden;
  height:2px;
  margin-top:1px;
  border-radius:999px;
  background:#e6eaf1;
}
.processing-progress>i{
  position:absolute;
  inset:0;
  border-radius:inherit;
  transform-origin:center;
  background:linear-gradient(90deg,rgba(181,121,82,.18),#b57952 50%,rgba(145,135,125,.18));
  opacity:.78;
  animation:pts-process-breathe 1.35s ease-in-out infinite;
}
.processing-card [data-cancel-process]{grid-area:cancel;align-self:center;justify-self:end;min-height:28px!important;padding:0 10px!important;border-color:#d7dde8!important;background:#f7f9fc!important;color:#706860!important;font-size:10px!important;box-shadow:none!important}
.processing-card [data-cancel-process]:hover{border-color:#c8d0dc!important;background:#fff!important;color:#534c45!important;transform:none!important}
.processing-overlay[data-outcome="success"] .processing-card{border-color:#c8ddd6;background:rgba(251,254,253,.96)}
.processing-overlay[data-outcome="success"] .processing-kicker>i{background:#91877d;box-shadow:0 0 0 4px rgba(145,135,125,.09);animation:none}
.processing-overlay[data-outcome="success"] .processing-progress>i{animation:none;transform:scaleX(1);opacity:1;background:#91877d}
.processing-overlay[data-outcome="error"] .processing-card{border-color:#e4cbd1;background:rgba(255,252,253,.97)}
.processing-overlay[data-outcome="error"] .processing-kicker>i{background:#c46d80;box-shadow:0 0 0 4px rgba(196,109,128,.08);animation:none}
.processing-overlay[data-outcome="error"] .processing-progress>i{animation:none;transform:scaleX(1);opacity:1;background:#cb7b8c}
.processing-overlay[data-outcome="cancelled"] .processing-progress>i{animation:none;transform:scaleX(1);opacity:1;background:#a9b1bf}
@keyframes pts-process-breathe{0%,100%{transform:scaleX(.42);opacity:.42}50%{transform:scaleX(.88);opacity:.88}}
@keyframes pts-process-dot{0%,100%{transform:scale(.82);opacity:.68}50%{transform:scale(1.08);opacity:1}}
@media(max-width:760px){
  .processing-overlay{padding:8px!important}
  .processing-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"kicker title" "message message" "steps steps" "progress progress" "cancel cancel";width:calc(100% - 2px);padding:9px 10px 8px;border-radius:12px;row-gap:5px}
  .processing-card>[data-processing-title]{font-size:12.5px}.processing-card>[data-processing-message]{font-size:10px!important}
  .processing-steps{gap:10px;justify-content:space-between}.processing-steps li{font-size:8.8px}
  .processing-card [data-cancel-process]{justify-self:end;min-height:26px!important;margin-top:1px}
}
@media(prefers-reduced-motion:reduce){
  .processing-progress>i,.processing-steps li.is-active>i,.processing-kicker>i{animation:none!important}
  .processing-progress>i{transform:scaleX(.72);opacity:.72}
}
.workspace-shell.is-processing .processing-overlay:before{content:none!important;display:none!important}
.processing-steps li span{color:inherit!important;font-size:inherit!important;line-height:inherit!important}

@media(max-width:520px){
  .processing-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"kicker title cancel" "message message message" "progress progress progress";padding:9px 10px 8px;row-gap:4px}
  .processing-steps{display:none}
  .processing-card [data-cancel-process]{grid-area:cancel;justify-self:end;align-self:center;min-height:26px!important;margin:0;padding:0 9px!important}
}


/* Responsive status rows and fast-job processing policy. */











.preview-upload-cta{appearance:none;border:0;font:inherit;cursor:pointer}
.status-panel dl{display:grid;gap:0!important;min-width:0}
.status-panel dl>div{display:grid!important;grid-template-columns:minmax(76px,90px) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;min-width:0;padding:9px 0!important;border-bottom:1px solid #edf0f5}
.status-panel dl>div:last-child{border-bottom:0}.status-panel dt{min-width:0;line-height:1.5;}.status-panel dd{min-width:0!important;max-width:100%!important;margin:0!important;text-align:right!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;line-height:1.5;}
/* processing overlay is only revealed after a delay by JS; fast local jobs use button feedback only. */
.processing-card{max-height:calc(100% - 16px);overflow:auto}
@media(max-width:760px){.status-panel dl>div{grid-template-columns:78px minmax(0,1fr)!important}.status-panel dd{text-align:left!important}}

/* Mobile converter: no clipped format cards inside the preview viewport. */
@media(max-width:620px){
  .photo-workflow--convert{display:grid!important;grid-template-columns:1fr!important;align-content:center!important;justify-items:stretch!important;gap:8px!important;padding:12px!important;overflow:hidden!important}
  .photo-workflow--convert .converter-photo-source{grid-template-columns:minmax(0,1fr) 78px!important;width:100%!important;min-width:0!important;min-height:104px!important}
  .photo-workflow--convert .converter-photo-source>img{min-height:104px!important}
  .photo-workflow--convert .converter-photo-source>div{padding:8px!important}
  .photo-workflow--convert .converter-photo-source b{width:36px!important;height:36px!important;font-size:11px!important}
  .photo-workflow--convert .format-arrow{display:block!important;line-height:1!important;text-align:center!important;transform:rotate(90deg);font-size:16px!important}
  .photo-workflow--convert .format-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:5px!important}
  .photo-workflow--convert .format-options>span{min-width:0!important;min-height:48px!important;padding:6px 4px!important;text-align:center!important}
  .photo-workflow--convert .format-options b{font-size:9px!important}
  .photo-workflow--convert .format-options em{font-size:7.5px!important;line-height:1.15!important}
}

[data-workspace][data-slug="image-compress"] .preview-stage[data-state="example"] .photo-workflow--compress,
[data-workspace][data-slug="image-compress"] .preview-stage[data-state="user"] .photo-workflow--compress,
[data-workspace][data-slug="image-compress"] .preview-stage[data-state="result"] .photo-workflow--compress{display:block!important;pointer-events:none!important;--compare-position:50%}
[data-workspace][data-slug="image-compress"] .photo-workflow--compress .compress-split{inset:0!important;left:0!important}


[data-workspace][data-slug="image-compress"] .photo-workflow--compress .compare-line{pointer-events:auto!important;cursor:ew-resize;touch-action:none;outline:none;}
[data-workspace][data-slug="image-compress"] .photo-workflow--compress .compare-line:focus-visible i{box-shadow:0 0 0 4px rgba(181,121,82,.22),0 10px 28px rgba(0,0,0,.24)}
[data-workspace][data-slug="image-compress"] .photo-workflow--compress.is-dragging .compare-line i{transform:translate(-50%,-50%) scale(1.06);background:rgba(110,67,42,.9)}

[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-board,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-board{display:block!important;background:none!important;pointer-events:none!important;overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-board::before,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-board::after,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-board::before,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-board::after,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-ruler,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-ruler{display:none!important}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-hero,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-hero{position:absolute;left:auto!important;right:18px;top:18px;bottom:auto!important;width:auto!important;max-width:220px;display:grid;grid-template-columns:auto auto;align-items:end;gap:2px 7px;min-width:126px;padding:10px 12px;border:1px solid rgba(255,255,255,.62);border-radius:13px;background:rgba(31,29,27,.76);box-shadow:0 10px 28px rgba(31,29,27,.20);backdrop-filter:blur(10px);color:#fff;transform:none!important}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-hero strong,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-hero strong{font-size:28px;line-height:.95}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-hero span,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-hero span{font-size:11px;font-weight:850;opacity:.9}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-hero small,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-hero small{grid-column:1/-1;margin-top:3px;font-size:9.5px;color:#cad8f1}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-summary,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-summary{position:absolute;left:18px;right:18px;bottom:18px;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px;border:1px solid rgba(255,255,255,.58);border-radius:13px;background:rgba(31,29,27,.76);box-shadow:0 10px 30px rgba(31,29,27,.18);backdrop-filter:blur(10px)}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-summary span,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-summary span{display:grid;gap:2px;min-width:0;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.075);color:#b9c7df;font-size:9.5px}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-summary b,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-summary b{overflow-wrap:anywhere;color:#fff;font-size:11px;line-height:1.35}
@media(max-width:760px){[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-summary,[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-summary{left:10px;right:10px;bottom:10px;grid-template-columns:1fr}.dpi-summary span:nth-child(2){display:none!important}}

@media(max-width:760px){
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-hero,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-hero{left:auto!important;right:10px!important;top:10px!important;bottom:auto!important;min-width:108px!important;max-width:160px!important;padding:8px 10px!important}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-hero strong,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-hero strong{font-size:23px!important;letter-spacing:-1px!important}
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .dpi-hero small,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .dpi-hero small{display:none!important}
}









@media(max-width:760px){
  
  
  
}

.preview-clear-cta{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;
  border:1px solid #e0e5ef;border-radius:11px;background:#fff;color:#6a778d;font:inherit;font-size:12px;font-weight:800;
  cursor:pointer;box-shadow:0 4px 12px rgba(110,67,42,.04);transition:border-color .16s ease,color .16s ease,background .16s ease;
}
.preview-clear-cta:hover{border-color:#cbd3e2;background:#f8faff;color:#534c45}
.preview-clear-cta[hidden]{display:none!important}

/* Social safe area lives inside the crop window, so it must move and scale with the crop frame. */
.crop-safe-area{
  position:absolute;z-index:13;box-sizing:border-box;border:2px dashed rgba(181,121,82,.96);border-radius:4px;
  background:rgba(181,121,82,.045);box-shadow:0 0 0 1px rgba(31,29,27,.24),0 0 15px rgba(181,121,82,.14);
  pointer-events:none;
}
.crop-safe-area[hidden]{display:none!important}
.crop-safe-area b{
  position:absolute;left:7px;top:7px;max-width:calc(100% - 14px);padding:4px 7px;border-radius:7px;
  background:rgba(110,67,42,.82);color:#b57952;font-size:10px;font-weight:850;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* GIF preview controls are real controls. */
[data-workspace][data-slug="gif-maker"] .preview-stage[data-state="example"] .photo-workflow--gif,
[data-workspace][data-slug="gif-maker"] .preview-stage[data-state="user"] .photo-workflow--gif,
[data-workspace][data-slug="gif-editor"] .preview-stage[data-state="example"] .photo-workflow--gif,
[data-workspace][data-slug="gif-editor"] .preview-stage[data-state="user"] .photo-workflow--gif{
  display:block!important;
}
.photo-workflow--gif .gif-play{
  pointer-events:auto!important;cursor:pointer!important;z-index:8!important;
}
.photo-workflow--gif .gif-play:hover{transform:translateY(-1px) scale(1.03)}
.photo-workflow--gif .gif-play:focus-visible{outline:3px solid rgba(181,121,82,.28);outline-offset:3px}
.gif-freeze-canvas{position:absolute;z-index:2;object-fit:contain;pointer-events:none}

/* ID-photo output rows must be visually distinguishable, not just by a subtitle. */
.result-item--id-photo{
  grid-template-columns:72px minmax(0,1fr) auto!important;
  gap:13px!important;align-items:center!important;
}
.result-item__thumb{
  display:grid;place-items:center;width:64px;height:64px;padding:5px;border:1px solid #dce3ee;border-radius:10px;background:#f7f9fc;overflow:hidden;
}
.result-item__thumb img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:var(--result-aspect);object-fit:contain;border-radius:3px;background:#fff}
.result-item__thumb span{display:grid;place-items:center;box-sizing:border-box;width:min(100%,46px);aspect-ratio:var(--result-aspect);border:1px solid #ccd5e5;border-radius:3px;background:linear-gradient(145deg,#fff,#eef2f8);color:#706860;font-size:9px;font-weight:850;text-align:center}
.result-item__thumb.is-paper span{width:min(100%,54px)}
.result-item__copy{min-width:0}.result-item__title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.result-item__title strong{min-width:0}
.result-orientation-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid #e3d4c7;border-radius:999px;background:#f3f2ff;color:#b57952;font-size:10px;font-weight:900;white-space:nowrap}
@media(max-width:620px){
  .result-item--id-photo{grid-template-columns:56px minmax(0,1fr)!important}.result-item--id-photo>a{grid-column:2;justify-self:start}.result-item__thumb{width:50px;height:50px;padding:4px}
  .result-item--delivery-secondary.result-item--id-photo{grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important}.result-item--delivery-secondary.result-item--id-photo .result-item__thumb{max-width:50px!important}.result-item--delivery-secondary.result-item--id-photo .result-download-secondary{grid-column:1/-1;justify-self:stretch}
}

@media (min-width:761px) and (max-width:900px){
  .workspace-shell{width:100%;max-width:none;padding:16px 20px 32px}
  .workspace-grid{display:flex;width:100%;min-height:0;flex-direction:column;gap:14px}
  .workspace-rail{display:none!important}
  .workspace-main{order:1;width:100%;gap:14px}
  .workspace-panel{position:static;top:auto;order:2;width:100%;overflow:visible}
  .mobile-tool-switcher{display:grid;gap:6px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:#fff}
  .mobile-tool-switcher span{font-size:11px;font-weight:800;color:#706860}
  .mobile-tool-switcher select{height:42px;border:1px solid #d5dff0;border-radius:11px;padding:0 12px;background:#fff;font-weight:750}
}

/* Processing-location notice: user requested genuinely conspicuous, not tiny. */







@media(max-width:760px){
  
  
  
}

/* Preview fullscreen button now opens a real fullscreen workspace. */
.preview-card:fullscreen,.preview-card:-webkit-full-screen,.preview-card.is-preview-fullscreen{
  width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;
  border:0!important;border-radius:0!important;background:#eef3fb!important;z-index:99999!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
.preview-card.is-preview-fullscreen{position:fixed!important;inset:0!important}
.preview-card:fullscreen .preview-stage,.preview-card:-webkit-full-screen .preview-stage,.preview-card.is-preview-fullscreen .preview-stage{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;border-radius:0!important;
}
.preview-card:fullscreen .preview-stage>img,.preview-card:-webkit-full-screen .preview-stage>img,.preview-card.is-preview-fullscreen .preview-stage>img{
  max-width:calc(100vw - 56px)!important;max-height:calc(100vh - 150px)!important;object-fit:contain!important;
}
body.has-preview-fullscreen{overflow:hidden!important}

/* GIF preview button must never drift when hovered/focused/pressed. */
[data-gif-preview-toggle],.photo-workflow--gif .gif-play,
[data-gif-preview-toggle]:hover,[data-gif-preview-toggle]:focus,[data-gif-preview-toggle]:focus-visible,[data-gif-preview-toggle]:active,
.photo-workflow--gif .gif-play:hover,.photo-workflow--gif .gif-play:focus,.photo-workflow--gif .gif-play:focus-visible,.photo-workflow--gif .gif-play:active{
  transform:none!important;translate:none!important;scale:1!important;margin:0!important;
}

/* GIF maker visibly exposes at least three frame positions. */
.gif-frame-editor{align-items:stretch!important}
.frame-item--placeholder{
  min-height:66px!important;display:grid!important;place-items:center!important;border:2px dashed #b9c4de!important;
  border-radius:12px!important;background:linear-gradient(180deg,#fbfcff,#f4f6fc)!important;color:#706860!important;
  cursor:pointer!important;padding:8px!important;text-align:center!important;box-shadow:none!important;
}
.frame-item--placeholder:hover,.frame-item--placeholder:focus-visible{border-color:#b57952!important;background:#f5f3ff!important;color:#b57952!important;transform:none!important}
.frame-item--placeholder b{display:block!important;font-size:12px!important;line-height:1.25!important}
.frame-item--placeholder span{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.25!important}
.frame-item--placeholder strong{display:block!important;font-size:12px!important;line-height:1.25!important;font-weight:900!important}
.frame-item--placeholder small{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.25!important;color:inherit!important}
.frame-item--placeholder .frame-item__plus{display:block!important;font-size:22px!important;font-weight:500!important;line-height:1!important;color:#b57952!important}

[data-workspace][data-slug="id-photo-maker"] [data-id-standard-spec],
[data-workspace][data-slug="id-photo-maker"] [data-id-custom-spec],
[data-workspace][data-slug="id-photo-maker"] [data-id-electronic-options],
[data-workspace][data-slug="id-photo-maker"] [data-id-target-custom],
[data-workspace][data-slug="id-photo-maker"] [data-id-quality-control],
[data-workspace][data-slug="id-photo-maker"] [data-id-custom-background]{margin-bottom:10px}
[data-workspace][data-slug="id-photo-maker"] .id-color-inputs{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:center}
[data-workspace][data-slug="id-photo-maker"] .id-color-inputs input[type="color"]{width:54px;height:44px;min-height:44px;padding:4px;border:1px solid #cad4e7;border-radius:11px;background:#fff;cursor:pointer}
[data-workspace][data-slug="id-photo-maker"] .id-color-inputs input[type="text"]{margin:0;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
[data-workspace][data-slug="id-photo-maker"] .id-input-check{margin:10px 0 12px;padding:12px;border:1px solid #dce4f1;border-radius:14px;background:linear-gradient(180deg,#fbfcff,#f7f9fe)}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__head strong{font-size:14px;color:#6e432a}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__head span{font-size:10.5px;font-weight:800;padding:3px 7px;border:1px solid #d7dfed;border-radius:999px;}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__grid>div{min-width:0;padding:8px;border:1px solid #e2e8f2;border-radius:10px;background:#fff}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__grid span{display:block;color:#7a879e;font-size:10.5px;line-height:1.2}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__grid b{display:block;margin-top:4px;font-size:11.5px;line-height:1.35;word-break:break-word;}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__grid b.is-warning{color:#b06519}
[data-workspace][data-slug="id-photo-maker"] .id-input-check>p{margin:8px 0 0;color:#7a879e;font-size:10.5px;line-height:1.45}
[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-photo-background="custom"]{background:var(--id-custom-background,#b57952)}

.id-result-compare{margin:0 16px 12px;padding:13px;border:1px solid #dce4f1;border-radius:16px;background:linear-gradient(180deg,#fbfcff,#f6f8fc)}
.id-result-compare[hidden]{display:none!important}
.id-result-compare__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:9px}.id-result-compare__head strong{color:#6e432a;font-size:14.5px}.id-result-compare__head span{max-width:390px;color:#74829a;font-size:10.8px;line-height:1.4;text-align:right}
.id-result-compare__stage{--id-compare-position:50%;position:relative;overflow:hidden;width:min(100%,307px);max-height:430px;aspect-ratio:295/413;margin:0 auto;border:1px solid #cbd6e8;border-radius:13px;background:#e9eef6;box-shadow:0 10px 26px rgba(110,67,42,.10);touch-action:none;user-select:none}
.id-result-compare__stage>img,.id-result-compare__after,.id-result-compare__after>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.id-result-compare__after{clip-path:inset(0 0 0 var(--id-compare-position));overflow:hidden}
.id-result-compare__handle{position:absolute;z-index:6;top:0;bottom:0;left:var(--id-compare-position);width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 0 1px rgba(110,67,42,.15),0 0 14px rgba(255,255,255,.92);cursor:ew-resize;outline:none}.id-result-compare__handle i{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(110,67,42,.72);box-shadow:0 8px 20px rgba(110,67,42,.22);backdrop-filter:blur(8px)}
.id-result-compare__handle i:before,.id-result-compare__handle i:after{content:"";position:absolute;top:50%;width:7px;height:7px;border-top:2px solid #fff;border-left:2px solid #fff}.id-result-compare__handle i:before{left:8px;transform:translateY(-50%) rotate(-45deg)}.id-result-compare__handle i:after{right:8px;transform:translateY(-50%) rotate(135deg)}.id-result-compare__handle:focus-visible i{box-shadow:0 0 0 4px rgba(155,92,54,.16),0 8px 20px rgba(110,67,42,.22)}
.id-result-compare__label{position:absolute;z-index:5;top:9px;padding:5px 8px;border-radius:8px;background:rgba(31,29,27,.72);color:#fff;font-size:10px;line-height:1;backdrop-filter:blur(8px)}.id-result-compare__label.is-before{left:9px}.id-result-compare__label.is-after{right:9px}
.id-result-compare__note{display:block;width:min(100%,520px);margin:8px auto 0;color:#78869d;font-size:9.8px;line-height:1.45;text-align:center}
.id-detail-review{margin:0 16px 12px;padding:12px 13px;border:1px solid #d8e0ec;border-radius:15px;background:#fff}.id-detail-review[hidden]{display:none!important}.id-detail-review[data-has-issues="true"]{border-color:#e7c481;background:linear-gradient(180deg,#fffdf8,#fff9ef);box-shadow:inset 3px 0 0 #d89a3c}
.id-detail-review__head{display:flex;align-items:center;justify-content:space-between;gap:14px}.id-detail-review__head>div{display:grid;gap:2px;min-width:0}.id-detail-review__head strong{color:#4d4037;font-size:13.5px}.id-detail-review__head span{color:#778397;font-size:10.5px;line-height:1.4}.id-detail-review[data-has-issues="true"] .id-detail-review__head span{color:#9b651e;font-weight:750}.id-detail-review__head>button{flex:0 0 auto;min-height:32px;padding:0 10px;border:1px solid #d5dde9;border-radius:9px;background:#fff;color:#6e432a;font-size:10.5px;font-weight:850;cursor:pointer}
.id-detail-review__chips{display:flex;gap:6px;overflow:auto;margin:10px 0 8px;padding-bottom:1px;scrollbar-width:thin}.id-detail-review__chips[hidden]{display:none!important}.id-detail-review__chips button{display:grid;gap:1px;flex:0 0 auto;max-width:210px;padding:7px 9px;border:1px solid #dce3ed;border-radius:10px;background:#f8fafc;color:#5d5149;text-align:left;cursor:pointer}.id-detail-review__chips button b{font-size:10.5px;line-height:1.3}.id-detail-review__chips button small{color:#8690a1;font-size:9px;line-height:1.3}.id-detail-review__chips button.is-active{border-color:#c99b79;background:#fff7f0;box-shadow:inset 0 0 0 1px rgba(155,92,54,.08)}
.id-detail-review__body[hidden]{display:none!important}.id-detail-review__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 7px}.id-detail-review__toolbar>div{display:flex;gap:5px;flex-wrap:wrap}.id-detail-review__toolbar button{min-height:30px;padding:0 9px;border:1px solid #d9e0ea;border-radius:8px;background:#fff;color:#5d5149;font-size:10px;font-weight:800;cursor:pointer}.id-detail-review__toolbar>span{color:#6e432a;font-size:10.5px;font-weight:900;white-space:nowrap}
.id-detail-review__viewer{position:relative;overflow:hidden;width:100%;height:clamp(230px,28vw,292px);border:1px solid #cbd5e3;border-radius:12px;background:#edf1f6;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);touch-action:none;user-select:none;cursor:grab;outline:none}.id-detail-review__viewer.is-panning{cursor:grabbing}.id-detail-review__viewer:focus-visible{box-shadow:0 0 0 3px rgba(155,92,54,.13),inset 0 1px 0 rgba(255,255,255,.85)}
.id-detail-review__viewer>canvas,.id-detail-review__after,.id-detail-review__after>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.id-detail-review__after{z-index:2;overflow:hidden;clip-path:inset(0 0 0 50%)}
.id-detail-review__split{position:absolute;z-index:6;top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 0 1px rgba(110,67,42,.16),0 0 12px rgba(255,255,255,.85);cursor:ew-resize;outline:none}.id-detail-review__split i{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.85);background:rgba(110,67,42,.76);box-shadow:0 7px 18px rgba(31,29,27,.20)}.id-detail-review__split i:before,.id-detail-review__split i:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-top:2px solid #fff;border-left:2px solid #fff}.id-detail-review__split i:before{left:7px;transform:translateY(-50%) rotate(-45deg)}.id-detail-review__split i:after{right:7px;transform:translateY(-50%) rotate(135deg)}
.id-detail-review__marker{position:absolute;z-index:7;display:grid;justify-items:center;gap:4px;transform:translate(-50%,-50%);pointer-events:none}.id-detail-review__marker[hidden]{display:none!important}.id-detail-review__marker i{display:block;width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px rgba(181,113,45,.95),0 4px 12px rgba(31,29,27,.22)}.id-detail-review__marker i:before,.id-detail-review__marker i:after{content:"";position:absolute;background:#fff}.id-detail-review__marker b{padding:4px 6px;border-radius:7px;background:rgba(31,29,27,.78);color:#fff;font-size:8.8px;line-height:1;white-space:nowrap;backdrop-filter:blur(6px)}
.id-detail-review__label{position:absolute;z-index:5;top:8px;padding:4px 7px;border-radius:7px;background:rgba(31,29,27,.68);color:#fff;font-size:9px;line-height:1}.id-detail-review__label.is-before{left:8px}.id-detail-review__label.is-after{right:8px}
.id-detail-review__hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;color:#7b8798;font-size:9.5px;line-height:1.4}.id-detail-review__hint button{flex:0 0 auto;border:0;background:transparent;color:#9b5c36;font-size:10px;font-weight:850;cursor:pointer}
.preview-card.is-return-highlight{animation:pts-return-highlight 1.35s ease both}@keyframes pts-return-highlight{0%,100%{box-shadow:var(--shadow-soft)}25%{box-shadow:0 0 0 4px rgba(181,121,82,.18),0 18px 46px rgba(53,46,40,.12)}}
@media(max-width:620px){.id-result-compare,.id-detail-review{margin-left:10px;margin-right:10px;padding:10px}.id-result-compare__head{align-items:flex-start;flex-direction:column;gap:3px}.id-result-compare__head span{text-align:left}.id-result-compare__stage{width:min(100%,307px)}.id-detail-review__viewer{height:240px}.id-detail-review__hint{align-items:flex-start;flex-direction:column}.id-detail-review__hint button{padding:0}}

[data-workspace][data-slug="id-photo-maker"] [data-id-purpose-spec]{margin-bottom:10px}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist{
  margin:10px 0 12px;padding:13px;border:1px solid #d7e0ee;border-radius:15px;
  background:linear-gradient(180deg,#fbfdff 0%,#f5f8fe 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)
}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__head>div{min-width:0;display:grid;gap:2px}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__head strong{color:#6e432a;font-size:14px;line-height:1.25}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__head small{color:#706860;font-size:10.5px;line-height:1.35}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__head .text-button{
  flex:0 0 auto;min-height:34px;padding:0 10px;border:1px solid #cbd6e8;border-radius:10px;background:#fff;color:#9b5c36;
  box-shadow:none;font-size:10.8px;font-weight:850;white-space:nowrap
}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__head .text-button:hover:not(:disabled){border-color:#c6bcb2;background:#f5f4ff;transform:none}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__head .text-button:disabled{cursor:not-allowed;opacity:.5;color:#8390a6;background:#f4f6fa}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__grid>div{min-width:0;border:1px solid #e1e7f1;border-radius:10px;background:#fff;}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__grid span{display:block;color:#7c899f;line-height:1.15;}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__grid b{display:block;margin-top:4px;color:#6e432a;line-height:1.35;word-break:break-word;}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist>p{margin:8px 1px 0;color:#76849b;font-size:10.3px;line-height:1.45}

[data-workspace][data-slug="id-photo-maker"] .id-paper-live{margin:10px 0 8px;padding:12px;border:1px solid #dde5f1;border-radius:14px;background:linear-gradient(180deg,#fbfcff,#f5f7fc)}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__head strong{color:#6e432a;font-size:12.5px}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__head span{color:#706860;font-size:10.3px;font-weight:800;text-align:right}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__canvas{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:72px}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__page{
  position:relative;overflow:hidden;width:min(100%,132px);min-width:92px;border:1px solid #c7d2e4;border-radius:7px;background:#fff;
  box-shadow:0 7px 20px rgba(110,67,42,.10)
}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__page[data-orientation="portrait"]{max-width:96px}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__page>span{position:absolute;z-index:5;left:4px;bottom:4px;padding:2px 5px;border-radius:5px;background:rgba(110,67,42,.72);color:#fff;font-size:8px;line-height:1.25;backdrop-filter:blur(4px)}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__grid{position:absolute;display:grid;place-items:stretch;align-items:stretch;justify-items:stretch}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__photo{
  position:relative;display:block;align-self:stretch;justify-self:stretch;width:100%;height:100%;min-width:0;min-height:0;
  border:1px solid rgba(112,104,96,.24);}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__photo:before{position:absolute;left:50%;top:13%;width:34%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:#f7d6c7;box-shadow:0 8px 0 -1px #534c45;}

[data-workspace][data-slug="id-photo-maker"] .id-paper-live__photo.has-guides:after{content:"";position:absolute;pointer-events:none;}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live>small{display:block;margin-top:8px;color:#7a879e;font-size:9.8px;line-height:1.4}

[data-workspace][data-slug="id-photo-maker"] .id-advanced-settings{margin:10px 0 12px;padding:0;border:1px solid #dce4f0;border-radius:14px;background:#fafbfe;overflow:hidden}
[data-workspace][data-slug="id-photo-maker"] .id-advanced-settings>summary{padding:11px 12px;color:#534c45;font-size:12px;font-weight:850;cursor:pointer;background:#f7f9fd;list-style-position:inside}
[data-workspace][data-slug="id-photo-maker"] .id-advanced-settings[open]>summary{border-bottom:1px solid #e0e6f0;background:#f5f7fc}
[data-workspace][data-slug="id-photo-maker"] .id-advanced-settings>p{margin:10px 12px;color:#78869d;font-size:10.3px;line-height:1.45}
[data-workspace][data-slug="id-photo-maker"] .id-advanced-settings>[data-id-quality-control],
[data-workspace][data-slug="id-photo-maker"] .id-advanced-settings>[data-id-background-adjust],
[data-workspace][data-slug="id-photo-maker"] .id-advanced-settings>.check-row{margin-left:12px;margin-right:12px}

@media(max-width:620px){
  [data-workspace][data-slug="id-photo-maker"] .id-face-assist__head{align-items:flex-start;flex-direction:column}
  [data-workspace][data-slug="id-photo-maker"] .id-face-assist__head .text-button{width:100%}
  [data-workspace][data-slug="id-photo-maker"] .id-face-assist__grid{grid-template-columns:1fr}
  [data-workspace][data-slug="id-photo-maker"] .id-paper-live__page{width:112px}
}


.id-compliance{margin:0 16px 12px;padding:13px;border:1px solid #d9e2f0;border-radius:15px;background:linear-gradient(180deg,#fbfdff,#f7f9fc)}.id-compliance[hidden]{display:none!important}
.id-compliance__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:9px}.id-compliance__head>div{display:grid;gap:2px;min-width:0}.id-compliance__head strong{color:#6e432a;font-size:14px;line-height:1.25}.id-compliance__head span{color:#74829a;font-size:10.2px;line-height:1.4}.id-compliance__head>b{flex:0 0 auto;padding:5px 9px;border:1px solid #d3ddec;border-radius:999px;background:#fff;color:#534c45;font-size:10.5px;font-weight:850;line-height:1.2}
.id-compliance__priority{display:grid;gap:7px}.id-compliance__clear{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border:1px solid #d8eee6;border-radius:11px;background:#fbfffd}.id-compliance__clear>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9f8f2;color:#9b5c36;font-size:12px;font-weight:900}.id-compliance__clear>div{display:grid;gap:1px}.id-compliance__clear b{color:#5f4b3d;font-size:11px}.id-compliance__clear small{color:#7d8998;font-size:9.5px;line-height:1.35}
.id-compliance__all{margin-top:8px;border-top:1px solid #e2e8f1}.id-compliance__all>summary{padding:9px 1px 2px;color:#9b5c36;font-size:10.5px;font-weight:850;cursor:pointer;list-style:none}.id-compliance__all>summary::-webkit-details-marker{display:none}.id-compliance__all>summary:after{content:" +"}.id-compliance__all[open]>summary:after{content:" −"}.id-compliance__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}
.id-compliance__item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 9px;border:1px solid #e0e7f1;border-radius:10px;background:#fff}.id-compliance__item:has(button){grid-template-columns:24px minmax(0,1fr) auto auto}.id-compliance__icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:900}.id-compliance__item>div{display:grid;gap:1px;min-width:0}.id-compliance__item b{color:#6e432a;font-size:11px;line-height:1.3}.id-compliance__item small{color:#74829a;font-size:9.4px;line-height:1.38;word-break:break-word}.id-compliance__item em{font-size:9.6px;font-style:normal;font-weight:850;white-space:nowrap}.id-compliance__item>button{min-height:27px;padding:0 7px;border:1px solid #e0c59f;border-radius:8px;background:#fff8ef;color:#995b24;font-size:9px;font-weight:850;white-space:nowrap;cursor:pointer}
.id-compliance__item.is-pass{border-color:#d8eee6;background:#fbfffd}.id-compliance__item.is-pass .id-compliance__icon{background:#e9f8f2;color:#9b5c36}.id-compliance__item.is-pass em{color:#9b5c36}.id-compliance__item.is-warn{border-color:#efcf98;background:#fffaf1;box-shadow:inset 3px 0 0 #e9a94a}.id-compliance__item.is-warn .id-compliance__icon{background:#fff0d9;color:#b26b16}.id-compliance__item.is-warn em{color:#a75e0c}.id-compliance__item.is-unknown{border-color:#d7dee9;background:#f8fafc;box-shadow:inset 3px 0 0 #9aa6b9}.id-compliance__item.is-unknown .id-compliance__icon{background:#eef2f7;color:#706860}.id-compliance__item.is-unknown em{color:#706860}
.id-compliance__note{margin:8px 1px 0;color:#7b879a;font-size:9.7px;line-height:1.45}
@media(max-width:780px){.id-compliance{margin-left:10px;margin-right:10px;padding:10px}.id-compliance__head{flex-direction:column;gap:6px}.id-compliance__grid{grid-template-columns:1fr}.id-compliance__head>b{align-self:flex-start}.id-compliance__item:has(button){grid-template-columns:24px minmax(0,1fr) auto}.id-compliance__item>button{grid-column:2;justify-self:start}}

[data-workspace][data-slug="id-photo-maker"] .id-face-assist{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__state{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #d7dfec;border-radius:999px;background:#fff;color:#706860;font-size:10.5px;font-weight:850;white-space:nowrap}




[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="success"] .id-face-assist__grid>div{background:#fff;}

[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="warning"]{border-color:#efcf98;background:linear-gradient(180deg,#fffdfa,#fff8eb)}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="warning"] .id-face-assist__state{border-color:#ebca8c;background:#fff5df;color:#a96310}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__grid>div{padding:10px 9px}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__grid span{font-size:10.8px}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist__grid b{font-size:11.7px;font-weight:850}
/* Use the actual current photo/crop in the live paper preview; vector placeholders are disabled. */
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__photo{background:#eef2f7;overflow:hidden}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__photo:before{content:none!important;display:none!important}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__photo.has-border{padding:1px;background:#fff;box-shadow:none}
[data-workspace][data-slug="id-photo-maker"] .id-paper-live__photo.has-guides:after{inset:-1px;border:1px solid rgba(80,88,104,.56);border-radius:1px}
@media(max-width:620px){
  [data-workspace][data-slug="id-photo-maker"] .id-face-assist__actions{width:100%;justify-content:space-between}
  [data-workspace][data-slug="id-photo-maker"] .id-face-assist__actions .text-button{width:auto;flex:1}
  [data-workspace][data-slug="id-photo-maker"] .id-face-assist__state{flex:0 0 auto}
  .id-result-compare__head span{text-align:left}
}






.crop-legend{position:absolute;z-index:7;left:18px;top:18px;display:grid;gap:5px;max-width:min(330px,72%);padding:9px 11px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(31,29,27,.80);color:#dbe7f7;font-size:10.5px;line-height:1.35;backdrop-filter:blur(12px);pointer-events:none}
.crop-legend span{display:flex;align-items:center;gap:6px}.crop-legend b{color:#fff;font-size:10.5px}.crop-legend i{display:inline-block;flex:0 0 20px;width:20px;height:0}
.crop-legend i.is-boundary{border-top:3px solid #fff;}
.crop-legend i.is-grid{border-top:2px dashed #b57952}
@media(max-width:620px){.crop-legend{left:10px;top:10px;max-width:78%;padding:7px 8px;font-size:9px}.crop-legend b{font-size:9px}}

[data-workspace][data-slug="image-compress"] .photo-workflow--compress .compress-split--after{
  left:0!important;right:0!important;clip-path:inset(0 0 0 var(--compare-position))!important
}
[data-workspace][data-slug="image-compress"] .photo-workflow--compress .compress-split--after img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#171513!important
}
[data-workspace][data-slug="image-compress"] .photo-workflow--compress .compare-line{left:var(--compare-position)!important}
.compression-saving{position:absolute;z-index:7;left:50%;top:64px;display:grid;gap:2px;min-width:190px;max-width:56%;padding:9px 12px;border:1px solid rgba(255,255,255,.30);border-radius:12px;background:rgba(31,29,27,.78);color:#dbe6f6;text-align:center;transform:translateX(-50%);backdrop-filter:blur(12px);pointer-events:none}
.compression-saving strong{font-size:11px;line-height:1.2;}.compression-saving span{color:#fff;font-size:12px;font-weight:850;line-height:1.25}.compression-saving small{color:#aebdd4;font-size:9px;line-height:1.35}
.compression-detail span{overflow:hidden}.compression-detail span img{transform:scale(1.65);transform-origin:50% 44%}
@media(max-width:620px){.compression-saving{top:58px;min-width:160px;max-width:68%;padding:7px 9px}.compression-saving strong{font-size:10px}.compression-saving span{font-size:10.5px}.compression-saving small{font-size:8.2px}}


[data-workspace] .preview-stage[data-state="example"]{
  background:#e9e2d9!important;
  border-color:#cfc4b9!important;
  box-shadow:none!important;
}
[data-workspace] .preview-stage[data-state="example"]>img[data-preview-image],
[data-workspace] .preview-stage[data-state="example"] .preview-stage__image--underlay{
  filter:none!important;
  box-shadow:none!important;
  border:1px solid rgba(92,80,69,.18)!important;
  border-radius:12px!important;
}
[data-workspace][data-slug="id-photo-maker"] .preview-stage{
  background:#e9e2d9!important;
}
[data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="example"] img{
  border:1px solid #c8bcae!important;
  box-shadow:none!important;
}
[data-workspace] .photo-workflow:after{box-shadow:inset 0 0 0 1px rgba(77,66,56,.16)!important}
[data-workspace] .photo-workflow--convert,
[data-workspace] .photo-workflow--heic,
[data-workspace] .photo-workflow--rotate{
  background:rgba(250,247,242,.18)!important;
}
[data-workspace][data-slug="image-rotate"] .preview-stage__image--underlay{
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
[data-workspace] .converter-photo-source,
[data-workspace] .format-options>span,
[data-workspace] .heic-file,
[data-workspace] .heic-result,
[data-workspace] .background-card,
[data-workspace] .metadata-preview__panel,
[data-workspace] .diagnostic-preview,
[data-workspace] .batch-board,
[data-workspace] .social-spec-meta,
[data-workspace] .photo-spec-card,
[data-workspace] .avatar-result-card-v2{
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
}
[data-workspace] .metadata-preview{
  background:linear-gradient(90deg,rgba(233,226,217,.08) 8%,rgba(39,35,32,.78) 100%)!important;
}
[data-workspace] .metadata-preview__panel{
  background:rgba(39,35,32,.92)!important;
  border-color:rgba(255,255,255,.16)!important;
}
[data-workspace] .diagnostic-preview{
  background:rgba(39,35,32,.92)!important;
  border-left:1px solid rgba(255,255,255,.14)!important;
}
[data-workspace] .diagnostic-preview__shield{
  background:#9b5c36!important;
  border-radius:12px!important;
}
[data-workspace] .calculator-board{
  background:#272320!important;
}
[data-workspace] .calculator-board__eyebrow{
  background:transparent!important;
  border-color:rgba(226,215,204,.32)!important;
}
[data-workspace] .background-card{
  border-color:#cbbfb3!important;
}
[data-workspace] .background-swatches{box-shadow:none!important}
[data-workspace] .photo-workflow--gif{background:transparent!important}
[data-workspace] .gif-timeline span,
[data-workspace] .batch-thumbnails span,
[data-workspace] .batch-list span{
  box-shadow:none!important;
}
[data-workspace][data-slug="image-cropper"] .photo-workflow--crop{background:transparent!important}
[data-workspace][data-slug="social-cropper"] .photo-workflow--social-crop,
[data-workspace][data-slug="image-watermark"] .photo-workflow--watermark{background:transparent!important}



/* Crop: the selected area is always the untouched source image. Only the area
   outside the final crop is dimmed. No white fill, glass blur or backdrop filter
   is allowed inside the crop window. */
[data-workspace][data-slug="image-cropper"] .crop-window{
  background:transparent!important;
  background-color:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  
  
}
[data-workspace][data-slug="image-cropper"] .crop-dim{
  background:rgba(25,23,21,.36)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}



[data-workspace][data-slug="image-cropper"] .crop-legend{
  background:rgba(25,23,21,.72)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Compression uses a high-detail photograph as the visual evidence. Keep the
   measurable labels compact so the photograph, not UI chrome, remains dominant. */
[data-workspace][data-slug="image-compress"] .compression-saving{
  top:18px!important;
  min-width:0!important;
  max-width:58%!important;
  padding:7px 10px!important;
  border-radius:8px!important;
  background:rgba(25,23,21,.74)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
[data-workspace][data-slug="image-compress"] .compression-detail{
  background:rgba(25,23,21,.72)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
[data-workspace][data-slug="image-compress"] .quality-chip{
  background:rgba(25,23,21,.74)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* Background replacement must not turn the whole canvas into the brand accent.
   Use a neutral studio surface so the foreground edge and output background are
   what the user evaluates. */
[data-workspace][data-slug="background-tool"] .background-compare{
  
  background-size:24px 24px!important;
  background-position:0 0,12px 12px!important;
}
[data-workspace][data-slug="background-tool"] .background-card{
  background:#f8f7f4!important;
  border-color:#cfc9c1!important;
}
[data-workspace][data-slug="background-tool"] .background-card--after{
  background:#fff!important;
}
[data-workspace][data-slug="background-tool"] .background-arrow{
  color:#6f6861!important;
}
[data-workspace][data-slug="background-tool"] .background-swatches{
  background:rgba(255,255,255,.88)!important;
  color:#4a4540!important;
  border-color:#d4cec6!important;
}

/* Other preview-specific large copper surfaces are neutralised; copper remains an
   accent on controls rather than an entire canvas. */
[data-workspace][data-slug="avatar-cropper"] .avatar-preview{
  background:#e7e3dc!important;
}
[data-workspace][data-slug="avatar-cropper"] .avatar-result__viewport{
  background:#f8f7f4!important;
  box-shadow:none!important;
}
[data-workspace][data-slug="photo-size"] .photo-size-board{
  background:#e7e3dc!important;
}



[data-workspace][data-slug="background-tool"] .background-compare{
  background:#e7e3dc!important;
  background-image:none!important;
}
[data-workspace][data-slug="batch-compress"] .batch-board,
[data-workspace][data-slug="batch-resize"] .batch-board{
  background:#2b2926!important;
}
[data-workspace][data-slug="batch-compress"] .batch-board__head span,
[data-workspace][data-slug="batch-resize"] .batch-board__head span{
  background:rgba(255,255,255,.08)!important;
  color:#e4ddd5!important;
}
[data-workspace][data-slug="photo-size"] .photo-spec-card,
[data-workspace][data-slug="social-size"] .social-spec-meta{
  background:rgba(39,35,32,.94)!important;
  border-color:rgba(255,255,255,.16)!important;
}
[data-workspace][data-slug="dpi"] .dpi-board{
  background:#2b2926!important;
  background-image:none!important;
}
[data-workspace][data-slug="dpi"] .dpi-board:before,
[data-workspace][data-slug="dpi"] .dpi-board:after{
  border-color:rgba(255,255,255,.08)!important;
}

[data-workspace][data-slug="image-resizer"] .photo-workflow--resize{
  background:#2b2926!important;
}
[data-workspace][data-slug="heic-to-jpg"] .photo-workflow--heic{
  background:#efebe5!important;
}
[data-workspace][data-slug="heic-to-jpg"] .heic-file,
[data-workspace][data-slug="heic-to-jpg"] .heic-result{
  background:#fbfaf7!important;
  border-color:#d3ccc4!important;
  color:#2c2926!important;
}
[data-workspace][data-slug="heic-to-jpg"] .heic-file em,
[data-workspace][data-slug="heic-to-jpg"] .heic-result em{
  color:#706a64!important;
}

/* Batch resize: the four examples intentionally use different aspect ratios.
   Never crop them merely to make the demo cards look uniform; showing the complete
   source is part of explaining what "lock aspect ratio" actually does. */
[data-workspace][data-slug="batch-resize"] .batch-thumbnails>span{
  
  border-color:rgba(255,255,255,.14)!important;
}

[data-workspace][data-slug="batch-resize"] .batch-thumbnails b{
  color:#3f3934!important;
  background:#fbf9f5!important;
}

/* Photo-size query: a specification query should show the selected ratio itself,
   not place a floating crop rectangle on top of a pre-rendered three-card picture. */
[data-workspace][data-slug="photo-size"] .photo-spec-reference{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  max-width:610px!important;
  aspect-ratio:12/7!important;
  overflow:hidden!important;
  border:1px solid #bdb6ad!important;
  border-radius:16px!important;
  background:#ebe7e0!important;
  box-shadow:none!important;
}
[data-workspace][data-slug="photo-size"] .photo-spec-sheet{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:
    linear-gradient(rgba(91,82,73,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,82,73,.07) 1px,transparent 1px),
    #ebe7e0;
  background-size:28px 28px;
}
[data-workspace][data-slug="photo-size"] .photo-spec-sheet__eyebrow{
  position:absolute;
  left:22px;
  top:18px;
  color:#81766c;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
}
[data-workspace][data-slug="photo-size"] .photo-spec-sheet__dpi{
  position:absolute;
  right:22px;
  bottom:18px;
  padding:5px 8px;
  border:1px solid #c8c0b7;
  border-radius:999px;
  background:rgba(251,249,245,.86);
  color:#665d55;
  font-size:10px;
  font-weight:700;
}
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  
  
  
  
  transform:none!important;
  border:2px solid #6f665f!important;
  border-radius:6px!important;
  background:#fcfbf8!important;
  box-shadow:none!important;
  color:#2d2925!important;
}
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window:before,
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window:after{
  content:"";
  position:absolute;
  background:#b06a42;
}
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window:before{left:14%;right:14%;top:50%;height:1px;opacity:.35}
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window:after{top:14%;bottom:14%;left:50%;width:1px;opacity:.35}
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window i,
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window em{
  position:relative;
  z-index:1;
  font-style:normal;
  text-align:center;
}
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window i{font-size:15px;font-weight:800}
[data-workspace][data-slug="photo-size"] .photo-spec-reference-window em{color:#746b63;font-size:10px;font-weight:600}

/* Social-size query: show only the currently selected canvas. The former generic
   16:9 / 1:1 / 4:5 board looked like an extra selectable UI and duplicated the
   controls on the right, so it is removed from the runtime markup entirely. */
[data-workspace][data-slug="social-size"] .social-spec-frame{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  
  
  overflow:hidden!important;
  border:1px solid #bdb6ad!important;
  border-radius:14px!important;
  background:
    linear-gradient(rgba(91,82,73,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,82,73,.065) 1px,transparent 1px),
    #f0ece6!important;
  background-size:30px 30px!important;
  box-shadow:none!important;
  color:#2d2925!important;
}
[data-workspace][data-slug="social-size"] .social-spec-frame:before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(111,102,95,.28);
  border-radius:9px;
  pointer-events:none;
}
[data-workspace][data-slug="social-size"] .social-spec-frame__eyebrow,
[data-workspace][data-slug="social-size"] .social-spec-frame>strong,
[data-workspace][data-slug="social-size"] .social-spec-frame>em{
  position:relative;
  z-index:2;
}
[data-workspace][data-slug="social-size"] .social-spec-frame__eyebrow{
  padding:5px 8px;
  border-radius:999px;
  background:#ddd6ce;
  color:#6d645c;
  font-size:10px;
  font-weight:700;
}
[data-workspace][data-slug="social-size"] .social-spec-frame>strong{
  font-size:28px;
  line-height:1;
  letter-spacing:-.02em;
}
[data-workspace][data-slug="social-size"] .social-spec-frame>em{
  color:#746b63;
  font-size:12px;
  font-style:normal;
  font-weight:650;
}
[data-workspace][data-slug="social-size"] .social-spec-safe{
  z-index:3!important;
  background:transparent!important;
}

/* Restored avatar photo is landscape. The square crop calculation is the source of
   truth; avoid decorative zoom/crop rules that would make the example look like a
   different composition than the exported result. */
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="example"] .preview-stage__image--underlay{
  object-position:center 42%!important;
}

@media(max-width:760px){
  [data-workspace][data-slug="batch-resize"] .batch-thumbnails img{height:104px!important;padding:5px!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-reference{max-height:235px!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-sheet__eyebrow{left:12px;top:10px;font-size:9px}
  [data-workspace][data-slug="photo-size"] .photo-spec-sheet__dpi{right:12px;bottom:10px;font-size:8px}
  [data-workspace][data-slug="photo-size"] .photo-spec-reference-window{height:min(68%,176px)!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-reference-window i{font-size:12px}
  [data-workspace][data-slug="photo-size"] .photo-spec-reference-window em{font-size:8px}
  [data-workspace][data-slug="social-size"] .social-spec-frame>strong{font-size:21px}
  [data-workspace][data-slug="social-size"] .social-spec-frame>em{font-size:10px}
}


[data-workspace][data-slug="batch-compress"] .batch-board,
[data-workspace][data-slug="batch-resize"] .batch-board{
  justify-content:flex-start!important;
  padding-top:46px!important;
  padding-bottom:32px!important;
}
[data-workspace][data-slug="batch-compress"] .batch-board__head,
[data-workspace][data-slug="batch-resize"] .batch-board__head{
  margin-top:0!important;
}
@media(max-width:760px){
  [data-workspace][data-slug="batch-compress"] .batch-board,
  [data-workspace][data-slug="batch-resize"] .batch-board{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
}


[data-workspace][data-slug="gif-maker"] .photo-workflow--gif .gif-play,
[data-workspace][data-slug="gif-editor"] .photo-workflow--gif .gif-play,
[data-workspace][data-slug="gif-maker"] .photo-workflow--gif .gif-play:hover,
[data-workspace][data-slug="gif-maker"] .photo-workflow--gif .gif-play:focus,
[data-workspace][data-slug="gif-maker"] .photo-workflow--gif .gif-play:focus-visible,
[data-workspace][data-slug="gif-maker"] .photo-workflow--gif .gif-play:active,
[data-workspace][data-slug="gif-editor"] .photo-workflow--gif .gif-play:hover,
[data-workspace][data-slug="gif-editor"] .photo-workflow--gif .gif-play:focus,
[data-workspace][data-slug="gif-editor"] .photo-workflow--gif .gif-play:focus-visible,
[data-workspace][data-slug="gif-editor"] .photo-workflow--gif .gif-play:active{
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  translate:none!important;
  scale:1!important;
}

[data-workspace][data-slug="batch-resize"] .batch-thumbnails img{
  width:100%!important;
  height:150px!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#ddd7cf!important;
}
[data-workspace][data-slug="batch-resize"] .batch-thumbnails>span{
  overflow:hidden!important;
  background:#f5f1eb!important;
}

[data-workspace][data-slug="image-border"] .preview-stage{background:linear-gradient(135deg,#555,#777)!important;overflow:hidden}
/* Keep the desktop upload call-to-action readable instead of squeezing Chinese labels vertically. */
.upload-zone__button{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px}
.upload-zone__button svg{grid-column:1;grid-row:1 / span 2;align-self:center}.upload-zone__button strong{grid-column:2;grid-row:1;white-space:nowrap}.upload-zone__button small{grid-column:2;grid-row:2;line-height:1.35}
[data-workspace][data-slug="image-border"] .preview-stage__image--underlay{display:block!important;width:auto!important;height:auto!important;max-width:calc(100% - 90px)!important;max-height:420px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 20px 46px rgba(0,0,0,.32))!important;padding:var(--border-preview-top,0) var(--border-preview-right,0) var(--border-preview-bottom,0) var(--border-preview-left,0);background:var(--border-preview-color,#fff);box-sizing:content-box;}
.border-preview-card{position:absolute;right:16px;top:16px;z-index:6;display:grid;gap:2px;padding:10px 12px;border-radius:13px;background:rgba(18,18,18,.68);backdrop-filter:blur(10px);color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.25);pointer-events:none}.border-preview-card span{font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.7)}.border-preview-card strong{font-size:15px;line-height:1.2}.border-preview-card small{font-size:11px;color:rgba(255,255,255,.86)}
.border-preview-badges{position:absolute;left:16px;bottom:16px;z-index:6;display:flex;gap:7px;flex-wrap:wrap;pointer-events:none}.border-preview-badges b,.border-preview-badges em{padding:6px 9px;border-radius:999px;background:rgba(248,246,242,.94);color:#292622;font-size:10px;font-style:normal;box-shadow:0 8px 22px rgba(0,0,0,.16)}.border-edge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.border-custom-color .id-color-inputs{display:grid;grid-template-columns:48px 1fr;gap:8px}.border-custom-color input[type="color"]{width:48px;height:42px;padding:2px}
@media(max-width:760px){[data-workspace][data-slug="image-border"] .preview-stage__image--underlay{max-width:calc(100% - 54px)!important;max-height:286px!important}.border-preview-card{right:9px;top:9px;padding:7px 9px}.border-preview-card strong{font-size:12px}.border-preview-card small{font-size:9px}.border-preview-badges{left:9px;bottom:9px;gap:5px}.border-preview-badges b,.border-preview-badges em{padding:5px 7px;font-size:8px}}

.crop-window>i{
  width:24px!important;height:24px!important;color:#fff!important;mix-blend-mode:normal!important;
  filter:drop-shadow(0 0 1px rgba(31,29,27,.98)) drop-shadow(0 0 5px rgba(181,121,82,.95)) drop-shadow(0 0 10px rgba(181,121,82,.48))!important;
  animation:crop-corner-breathe 1.22s ease-in-out infinite!important;transform-origin:center!important
}
.crop-window>i::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#b57952;box-shadow:0 0 0 2px rgba(255,255,255,.94),0 0 10px rgba(181,121,82,.92)}
.crop-window>i:nth-of-type(1)::after{left:-4px;top:-4px}.crop-window>i:nth-of-type(2)::after{right:-4px;top:-4px}.crop-window>i:nth-of-type(3)::after{right:-4px;bottom:-4px}.crop-window>i:nth-of-type(4)::after{left:-4px;bottom:-4px}
@keyframes crop-corner-breathe{0%,100%{opacity:.78;transform:scale(.92)}50%{opacity:1;transform:scale(1.16);filter:drop-shadow(0 0 1px rgba(31,29,27,1)) drop-shadow(0 0 8px rgba(181,121,82,1)) drop-shadow(0 0 14px rgba(181,121,82,.62))}}
.crop-window.is-dragging>i{animation:none!important}
@media(prefers-reduced-motion:reduce){.crop-window>i{animation:none!important;opacity:1!important}}

.calculator-scale span{transition:background .24s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important}
.calculator-scale span.is-input-unit{border-color:rgba(197,140,103,.88)!important;box-shadow:0 0 0 2px rgba(181,121,82,.14)!important}
.calculator-scale span.is-output-unit{border-color:rgba(144,166,137,.88)!important;box-shadow:0 0 0 2px rgba(95,114,91,.18)!important;transform:translateY(-2px)!important}

[data-workspace][data-slug="photo-size"] .photo-spec-reference-window{
  width:var(--photo-spec-display-w,180px)!important;height:var(--photo-spec-display-h,252px)!important;max-width:none!important;max-height:none!important;aspect-ratio:var(--photo-spec-aspect)!important;transition:width .22s ease,height .22s ease!important
}
@media(max-width:760px){[data-workspace][data-slug="photo-size"] .photo-spec-reference-window{height:min(var(--photo-spec-display-h,176px),176px)!important;width:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:var(--photo-spec-aspect)!important}}

[data-workspace][data-slug="image-border"] .preview-stage__image--underlay{border-radius:var(--border-preview-radius,0)!important;transition:padding .18s ease,background .18s ease,border-radius .18s ease!important}

.dpi-estimate-card{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border:1px solid #ded8cf;border-radius:10px;background:#faf8f4}
.dpi-estimate-card span{color:#71685f;font-size:11px;font-weight:760;letter-spacing:.02em}.dpi-estimate-card strong{color:#3e3731;font-size:16px}.dpi-estimate-card small{color:#7e756c;font-size:11px;line-height:1.5}


[data-workspace][data-slug="image-border"] .preview-stage[data-border-corner="square"] .preview-stage__image--underlay{border-radius:0!important;clip-path:none!important}
[data-workspace][data-slug="image-border"] .preview-stage[data-border-corner="rounded"] .preview-stage__image--underlay{border-radius:var(--border-preview-radius,12px)!important}

[data-workspace][data-slug="image-watermark"] [data-live-watermark]{
  display:block;
  position:absolute;
  z-index:7;
  pointer-events:none;
  transform-origin:center center;
  will-change:left,top,transform,opacity;
}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="result"] [data-live-watermark]{display:none!important}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="example"] [data-live-watermark],
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="user"] [data-live-watermark]{display:block}
[data-workspace][data-slug="image-watermark"] [data-live-watermark][hidden]{display:none!important}

[data-workspace][data-slug="size-converter"] .calculator-scale span{
  min-width:0;
  height:76px;
  display:grid;
  grid-template-rows:auto 1fr;
  align-content:center;
  justify-items:start;
  gap:5px;
  padding:10px 13px;
  overflow:hidden;
}
[data-workspace][data-slug="size-converter"] .calculator-scale span small{
  position:relative;
  z-index:1;
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  color:rgba(255,255,255,.66);
}
[data-workspace][data-slug="size-converter"] .calculator-scale span strong{
  position:relative;
  z-index:1;
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:18px;
  line-height:1.1;
  font-weight:900;
  color:#fff;
  font-variant-numeric:tabular-nums;
}
[data-workspace][data-slug="size-converter"] .calculator-scale span.is-input-unit small:after{content:" · 输入";letter-spacing:0;color:#e9c4a9}
[data-workspace][data-slug="size-converter"] .calculator-scale span.is-output-unit small:after{content:" · 输出";letter-spacing:0;color:#d1dfcd}
@media(max-width:760px){
  [data-workspace][data-slug="size-converter"] .calculator-scale span{height:68px;padding:9px 11px}
  [data-workspace][data-slug="size-converter"] .calculator-scale span strong{font-size:15px}
}

[data-workspace][data-slug="image-watermark"] .watermark-editor-object{
  display:block;position:absolute;z-index:9;box-sizing:border-box;padding:0!important;border:1px dashed rgba(255,255,255,.92)!important;border-radius:2px!important;background:transparent!important;cursor:grab;pointer-events:auto!important;touch-action:none;transform-origin:center center;user-select:none;box-shadow:0 0 0 1px rgba(45,38,32,.38),0 6px 18px rgba(0,0,0,.18);text-shadow:0 2px 8px rgba(0,0,0,.42);
}
[data-workspace][data-slug="image-watermark"] .watermark-editor-object.is-dragging{cursor:grabbing;border-color:#b06738!important;box-shadow:0 0 0 2px rgba(176,103,56,.35),0 8px 24px rgba(0,0,0,.22)}
[data-workspace][data-slug="image-watermark"] .watermark-live-content{display:flex;width:100%;height:100%;align-items:center;justify-content:center;white-space:nowrap;color:#fff;font-weight:800;pointer-events:none}
[data-workspace][data-slug="image-watermark"] .watermark-live-content img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;object-fit:contain;pointer-events:none;user-select:none}
[data-workspace][data-slug="image-watermark"] .watermark-resize-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#a65f35;box-shadow:0 1px 5px rgba(0,0,0,.35);cursor:nwse-resize;pointer-events:auto;touch-action:none}
[data-workspace][data-slug="image-watermark"] .watermark-resize-handle:before{content:"";position:absolute;inset:-7px;border-radius:50%}
[data-workspace][data-slug="image-watermark"] .watermark-tile-layer{position:absolute;z-index:8;overflow:hidden;pointer-events:none;box-sizing:border-box}
[data-workspace][data-slug="image-watermark"] .watermark-tile-mark{position:absolute;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:#fff;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.35);transform-origin:center center}
[data-workspace][data-slug="image-watermark"] .watermark-tile-mark img{display:block;height:auto;max-width:none;max-height:none;object-fit:contain}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="result"] [data-watermark-tile-layer]{display:none!important}
[data-workspace][data-slug="image-watermark"] [data-watermark-tile-layer][hidden]{display:none!important}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="user"] .watermark-editor-object,[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="example"] .watermark-editor-object{display:block}
[data-workspace][data-slug="image-watermark"] .preview-stage[data-state="result"] .watermark-editor-object{display:none!important}
@media(max-width:760px){[data-workspace][data-slug="image-watermark"] .watermark-resize-handle{right:-8px;bottom:-8px;width:16px;height:16px}}

.result-next{margin-top:20px;padding:18px;border:1px solid rgba(154,89,55,.22);border-radius:18px;background:linear-gradient(145deg,rgba(251,248,243,.96),rgba(245,237,227,.9));box-shadow:0 16px 38px rgba(54,39,29,.08)}
.result-next[hidden]{display:none!important}
.result-next__copy{display:grid;gap:4px}
.result-next__copy>span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#9a5937}
.result-next__copy h3{margin:0;font-size:18px;color:#2d2824}
.result-next__copy p{margin:0;color:#6e6259;font-size:13px;line-height:1.7}
.result-next__tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.result-next__tool{appearance:none;border:1px solid rgba(154,89,55,.26);background:#fffaf4;color:#5a3827;border-radius:999px;padding:9px 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.result-next__tool:hover{transform:translateY(-1px);background:#9a5937;border-color:#9a5937;color:#fff;box-shadow:0 10px 22px rgba(154,89,55,.18)}
.result-next__tool:focus-visible{outline:3px solid rgba(154,89,55,.22);outline-offset:2px}
.result-next__tool:disabled{cursor:wait;opacity:.62;transform:none}
.result-next>small{display:block;margin-top:12px;color:#86786e;font-size:11px;line-height:1.65}
.handoff-arrival{display:flex;align-items:center;gap:10px;margin:12px 12px 12px;padding:10px 12px;border:1px solid rgba(154,89,55,.2);border-radius:13px;background:rgba(251,247,241,.94);opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}
.handoff-arrival.is-loading,.handoff-arrival.is-ready{opacity:1;transform:none}
.handoff-arrival.is-loading>span{animation:ptsHandoffSpin .8s linear infinite}
@keyframes ptsHandoffSpin{to{transform:rotate(360deg)}}
.handoff-arrival>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#9a5937;color:#fff;font-weight:900;flex:0 0 auto}
.handoff-arrival>div{display:grid;gap:1px}
.handoff-arrival strong{font-size:13px;color:#3a2d26}
.handoff-arrival small{font-size:11px;color:#77685e}
@media(max-width:760px){.result-next{padding:15px;border-radius:15px}.result-next__tools{gap:7px}.result-next__tool{padding:8px 11px;font-size:12px}.handoff-arrival{margin:9px 9px 9px}}


.preview-tools{align-items:center;justify-content:flex-end;flex-wrap:wrap}
.preview-control-group{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid #ddd4ca;border-radius:12px;background:#f7f4ef;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)}
.preview-control-group--history{background:#faf8f4}
.preview-mini-button{width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;font-size:18px!important;font-weight:800!important;line-height:1!important}
.preview-mini-button:disabled{opacity:.32!important;cursor:not-allowed!important;box-shadow:none!important}
.preview-zoom-label,.preview-text-button{height:32px;border:0;border-radius:9px;background:transparent;color:#55483f;font:800 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;white-space:nowrap}
.preview-zoom-label{min-width:48px;padding:0 7px;background:#fff;border:1px solid #e4ddd5;box-shadow:0 2px 8px rgba(54,43,35,.06)}
.preview-text-button{padding:0 8px}
.preview-zoom-label:hover,.preview-text-button:hover{background:#eee7df;color:#8d4f2d}
.preview-text-button.is-active,[data-preview-pan-toggle][aria-pressed="true"]{background:#eadfd4;color:#7d4528;box-shadow:inset 0 0 0 1px #d2b59e}
.preview-stage.has-preview-navigation>[data-preview-image]{transform-origin:center center;translate:var(--pts-preview-pan-x,0px) var(--pts-preview-pan-y,0px);scale:var(--pts-preview-zoom,1);will-change:translate,scale;transition:translate .13s ease,scale .13s ease}
.preview-stage.has-preview-navigation.is-panning>[data-preview-image]{transition:none}
.preview-stage.is-pan-mode{cursor:grab;touch-action:none}
.preview-stage.is-pan-mode.is-panning{cursor:grabbing}
.preview-stage.is-pan-mode .crop-window,.preview-stage.is-pan-mode [data-live-watermark]{pointer-events:none!important}
.preview-stage.is-pan-mode:after{position:absolute;left:50%;bottom:12px;z-index:30;transform:translateX(-50%);padding:5px 10px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(31,29,27,.72);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;pointer-events:none;backdrop-filter:blur(8px);}
@media(max-width:980px){
  .preview-card__header{align-items:flex-start;flex-wrap:wrap}
  .preview-tools{display:flex!important;width:100%;max-width:100%;justify-content:flex-start;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scrollbar-width:none}
  .preview-tools::-webkit-scrollbar{display:none}
  .preview-control-group,.preview-tools>.icon-button,.preview-tools>.preview-upload-cta{flex:0 0 auto}
}
@media(max-width:760px){
  .preview-tools{display:flex!important;width:100%;max-width:100%;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scrollbar-width:none}
  .preview-tools::-webkit-scrollbar{display:none}
  .preview-control-group{flex:0 0 auto}
  .preview-mini-button{width:34px!important;height:34px!important;min-width:34px!important}
  .preview-zoom-label,.preview-text-button{height:34px}
}

.result-export-panel{margin:0 16px 14px;padding:16px;border:1px solid rgba(154,89,55,.18);border-radius:16px;background:linear-gradient(145deg,#fffdf9,#faf5ee)}
.result-export-panel[hidden]{display:none!important}
.result-export-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}
.result-export-panel__head>div{display:grid;gap:3px}.result-export-panel__head span{color:#9a5937;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.result-export-panel__head strong{color:#312a25;font-size:15px}.result-export-panel__head>small{max-width:260px;color:#85786e;font-size:11px;line-height:1.55;text-align:right}
.result-export-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}.result-export-grid--privacy-only{grid-template-columns:1fr}
.result-export-policy{display:grid;align-content:center;gap:4px;padding:10px 12px;border:1px solid #e1d8cf;border-radius:12px;background:rgba(255,255,255,.72)}.result-export-policy strong{color:#62402d;font-size:12px}.result-export-policy small{color:#81756c;font-size:10px;line-height:1.55}
.result-export-example{margin:10px 0 0;padding-top:10px;border-top:1px dashed rgba(154,89,55,.18);color:#6d6158;font-size:11px;font-weight:750;overflow-wrap:anywhere}
.result-item small.result-file-name{display:block;margin-top:3px;color:#8a7d73;font-size:11px}
@media(max-width:1100px){.result-export-grid{grid-template-columns:1fr 1fr}.result-export-policy{grid-column:1/-1}}
@media(max-width:760px){.result-export-panel{margin:0 12px 12px;padding:13px;border-radius:14px}.result-export-panel__head{display:grid;gap:4px}.result-export-panel__head>small{text-align:left}.result-export-grid{grid-template-columns:1fr}.result-export-policy{grid-column:auto}}

.gif-edit-frame-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(84,60,44,.14);border-radius:18px;background:rgba(255,255,255,.52)}
.gif-edit-frame-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gif-edit-frame-panel__head strong{font-size:14px;color:#2f2925}.gif-edit-frame-panel__head small{font-size:11px;color:#786d64;text-align:right;line-height:1.5}
.gif-edit-frame-list{display:grid;gap:8px;max-height:290px;overflow:auto;padding-right:2px}.gif-edit-frame-list>p{margin:0;padding:14px;border-radius:14px;background:rgba(255,255,255,.58);color:#756b64;font-size:12px;line-height:1.6}
.gif-edit-frame{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(84,60,44,.12);border-radius:14px;background:#fff;cursor:grab}.gif-edit-frame:active{cursor:grabbing}.gif-edit-frame__number{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f4eee9;color:#965f3e;font-weight:800;font-size:12px}.gif-edit-frame>div:nth-child(2){min-width:0}.gif-edit-frame strong{display:block;font-size:12px;color:#332c27;margin-bottom:5px}.gif-edit-frame label{display:flex;align-items:center;gap:6px;font-size:11px;color:#786d64}.gif-edit-frame label input{width:82px;height:30px;border:1px solid rgba(84,60,44,.16);border-radius:9px;padding:0 8px}.gif-edit-frame label em{font-style:normal;color:#998d84}.gif-edit-frame__actions{display:flex;gap:5px}.gif-edit-frame__actions button,.gif-edit-frame-actions button{border:1px solid rgba(84,60,44,.14);background:#f8f5f1;color:#5e5148;border-radius:9px;min-width:30px;height:30px;padding:0 8px;cursor:pointer}.gif-edit-frame__actions button:hover,.gif-edit-frame-actions button:hover{background:#efe5de;color:#8c5534}.gif-edit-frame-actions{display:flex;gap:8px;flex-wrap:wrap}
.metadata-privacy-action,.diagnostic-actions{margin-top:14px;padding:14px;border:1px solid rgba(169,111,72,.22);border-radius:16px;background:linear-gradient(135deg,rgba(248,243,238,.88),rgba(255,255,255,.76))}.metadata-privacy-action{display:flex;align-items:center;justify-content:space-between;gap:14px}.metadata-privacy-action div{display:grid;gap:4px}.metadata-privacy-action strong,.diagnostic-actions__title{font-size:13px;color:#3c3028}.metadata-privacy-action small{font-size:11px;line-height:1.55;color:#766961}.metadata-privacy-action button,.diagnostic-actions button{border:1px solid rgba(155,92,54,.30);background:#fff9f4;color:#8d4f2d;border-radius:11px;min-height:36px;padding:8px 12px;font-weight:700;font-size:12px;cursor:pointer}.metadata-privacy-action button:hover,.diagnostic-actions button:hover{background:#f4e6dc}.metadata-privacy-action button:disabled,.diagnostic-actions button:disabled{opacity:.6;cursor:wait}.diagnostic-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.diagnostic-actions__title{width:100%;margin-bottom:2px}
@media(max-width:720px){.metadata-privacy-action{align-items:stretch;flex-direction:column}.metadata-privacy-action button{width:100%}.gif-edit-frame{grid-template-columns:30px minmax(0,1fr)}.gif-edit-frame__actions{grid-column:2;justify-content:flex-start}.gif-edit-frame-panel__head{display:grid}.gif-edit-frame-panel__head small{text-align:left}}
.gif-edit-range{padding-top:2px}.gif-edit-range label{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:#786d64}.gif-edit-range input{width:68px;height:32px;border:1px solid rgba(84,60,44,.16);border-radius:9px;padding:0 8px;background:#fff}.gif-edit-range em{font-style:normal;color:#9a8c83}.gif-edit-range button{border:1px solid rgba(155,92,54,.25);background:#fff9f4;color:#8d4f2d;border-radius:9px;height:32px;padding:0 10px;font-weight:700;cursor:pointer}

.gif-edit-frame-panel.is-over-limit{border-color:rgba(159,75,47,.42);background:#fff8f4}
.gif-edit-frame-panel.is-over-limit .gif-edit-frame-panel__head small{color:#9f4b2f;font-weight:800}


/* Avatar: example and uploaded photos keep the same two-view composition. */
[data-workspace][data-slug="avatar-cropper"] .preview-stage{min-height:520px!important}



[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2>span{color:#d8c8ba!important}


@media(max-width:900px){}
@media(max-width:620px){}

/* Social cover safe zone: obvious but refined, with a quiet outside dim and clean inner edge. */
[data-workspace][data-slug="social-cropper"] .crop-safe-area{
  border:2px solid rgba(255,255,255,.96)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;
  box-shadow:0 0 0 9999px rgba(31,29,27,.20),0 0 0 1px rgba(155,92,54,.62),inset 0 0 0 1px rgba(31,29,27,.18)!important;
}
[data-workspace][data-slug="social-cropper"] .crop-safe-area:before,
[data-workspace][data-slug="social-cropper"] .crop-safe-area:after{content:"";position:absolute;inset:12px;border:1px dashed rgba(255,255,255,.42);border-radius:7px;pointer-events:none}
[data-workspace][data-slug="social-cropper"] .crop-safe-area:after{inset:auto 12px 12px auto;width:9px;height:9px;border:0;border-right:3px solid #c58c67;border-bottom:3px solid #c58c67;border-radius:0}
[data-workspace][data-slug="social-cropper"] .crop-safe-area>b{top:12px!important;left:12px!important;padding:6px 9px!important;border-radius:8px!important;background:rgba(31,29,27,.82)!important;color:#fff!important;border:1px solid rgba(197,140,103,.72)!important;font-size:11px!important;box-shadow:none!important}

@media(max-width:760px){.result-card__header{align-items:flex-start;flex-wrap:wrap}.result-card__header-actions{width:100%;justify-content:flex-start}.result-secondary-actions{align-items:stretch;flex-direction:column}.result-secondary-actions .result-another-button{width:100%;min-height:38px}.result-expiry{font-size:11px}}


/* ID-photo result phase: compact verification -> issues -> final file. */
[data-workspace][data-slug="id-photo-maker"] .result-card{padding-bottom:12px}
[data-workspace][data-slug="id-photo-maker"] .result-card__header{align-items:flex-start;padding:13px 16px 11px;border-bottom:1px solid #eef1f5}
[data-workspace][data-slug="id-photo-maker"] .result-card__header h2{font-size:15px}
[data-workspace][data-slug="id-photo-maker"] .result-card__header p{margin-top:2px;font-size:11px;line-height:1.4}
.id-result-facts{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.id-result-facts[hidden]{display:none!important}.id-result-facts span{padding:4px 7px;border:1px solid #e2e6eb;border-radius:999px;background:#fff;color:#62574f;font-size:9.5px;font-weight:760;line-height:1}.id-result-facts span.is-spec{border-color:#dcc8b8;background:#fff8f2;color:#8e5838}
[data-workspace][data-slug="id-photo-maker"] .result-list{margin-top:0;padding-top:0}
[data-workspace][data-slug="id-photo-maker"] .result-item--id-photo{padding:10px 12px;border-radius:12px}
[data-workspace][data-slug="id-photo-maker"] .result-item--id-photo strong{font-size:12.5px}[data-workspace][data-slug="id-photo-maker"] .result-item--id-photo small{font-size:10px}
[data-workspace][data-slug="id-photo-maker"].has-stale-result .result-card{border-color:#e7c484;background:linear-gradient(180deg,#fffdf9,#fffaf3)}
[data-workspace][data-slug="id-photo-maker"].has-stale-result .result-card__header{background:#fff9ef}
[data-workspace][data-slug="id-photo-maker"].has-stale-result .success-mark{background:#fff0d9;color:#a76616}
[data-workspace][data-slug="id-photo-maker"].has-stale-result [data-result-list] a{pointer-events:none;opacity:.42;filter:grayscale(.35)}
[data-workspace][data-slug="id-photo-maker"].has-stale-result .id-result-compare,[data-workspace][data-slug="id-photo-maker"].has-stale-result .id-detail-review,[data-workspace][data-slug="id-photo-maker"].has-stale-result .id-compliance,[data-workspace][data-slug="id-photo-maker"].has-stale-result .result-item--id-photo{opacity:.72}
.result-export-panel--compact{margin:10px 16px 2px;padding:0;border:1px solid rgba(154,89,55,.16);border-radius:12px;background:#fffdf9;overflow:hidden}.result-export-panel--compact[hidden]{display:none!important}.result-export-panel--compact>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;list-style:none}.result-export-panel--compact>summary::-webkit-details-marker{display:none}.result-export-panel--compact>summary>div{display:grid;gap:2px;min-width:0}.result-export-panel--compact>summary span{color:#7a6557;font-size:10px;font-weight:850}.result-export-panel--compact>summary strong{overflow:hidden;color:#8a7b70;font-size:9.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.result-export-panel--compact>summary>b{flex:0 0 auto;color:#9b5c36;font-size:9.5px}.result-export-panel--compact[open]>summary>b{font-size:0}.result-export-panel--compact[open]>summary>b:after{content:"收起设置";font-size:9.5px}.result-export-panel--compact .result-export-panel__body{padding:0 12px 11px;border-top:1px solid rgba(154,89,55,.12)}.result-export-panel--compact .result-export-grid{margin-top:10px}.result-export-panel--compact .result-export-example{margin-bottom:0}
@media(max-width:760px){[data-workspace][data-slug="id-photo-maker"] .result-card__header{padding:11px 12px}.result-export-panel--compact{margin-left:10px;margin-right:10px}.id-result-facts{gap:4px}}
@media(prefers-reduced-motion:reduce){.preview-card.is-return-highlight{animation:none!important}}


/* Interaction feedback and first-paint stability. */
[data-workspace][data-workspace-ui-ready="false"] [data-manual-crop-overlay],
[data-workspace][data-workspace-ui-ready="false"] [data-preview-guides],
[data-workspace][data-workspace-ui-ready="false"] [data-social-crop-safe-box],
[data-workspace][data-workspace-ui-ready="false"] [data-live-watermark],
[data-workspace][data-workspace-ui-ready="false"] [data-background-brush-overlay]{visibility:hidden!important}
[data-workspace][data-workspace-ui-ready="false"] .preview-stage,
[data-workspace][data-workspace-ui-ready="false"] .workspace-panel,
[data-workspace][data-workspace-ui-ready="false"] .workspace-preview{transition:none!important}

[data-workspace] select.has-current-spec-reminder,
[data-workspace] .pts-stable-select__trigger.has-current-spec-reminder{
  transform-origin:center;animation:pts-current-spec-reminder 3.2s ease-in-out .8s infinite;font-weight:800!important;
}
[data-workspace] select.is-spec-ack,
[data-workspace] .pts-stable-select__trigger.is-spec-ack{
  animation:pts-spec-select-ack .82s cubic-bezier(.18,.78,.22,1) both!important;
  outline:3px solid rgba(197,140,103,.74)!important;outline-offset:3px!important;
}
@keyframes pts-spec-select-ack{
  0%{transform:none;filter:brightness(1) saturate(1) drop-shadow(0 0 0 rgba(181,121,82,0))}
  32%{transform:none;filter:brightness(1.16) saturate(1.10) drop-shadow(0 0 11px rgba(255,246,237,.96)) drop-shadow(0 0 24px rgba(181,121,82,.66))}
  62%{transform:none;filter:brightness(1.09) saturate(1.05) drop-shadow(0 0 8px rgba(255,246,237,.72)) drop-shadow(0 0 17px rgba(181,121,82,.42))}
  100%{transform:none;filter:brightness(1) saturate(1) drop-shadow(0 0 0 rgba(181,121,82,0))}
}
@keyframes pts-current-spec-reminder{
  0%,46%,100%{transform:none;filter:brightness(1) saturate(1) drop-shadow(0 0 0 rgba(181,121,82,0));outline:1px solid rgba(197,140,103,.28);outline-offset:3px}
  58%{transform:none;filter:brightness(1.10) saturate(1.05) drop-shadow(0 0 8px rgba(255,247,240,.84)) drop-shadow(0 0 19px rgba(181,121,82,.50));outline:2px solid rgba(197,140,103,.52);outline-offset:3px}
  70%{transform:none;filter:brightness(1.16) saturate(1.09) drop-shadow(0 0 12px rgba(255,247,240,.96)) drop-shadow(0 0 29px rgba(181,121,82,.68));outline:3px solid rgba(197,140,103,.78);outline-offset:3px}
  84%{transform:none;filter:brightness(1.07) saturate(1.04) drop-shadow(0 0 7px rgba(255,247,240,.62)) drop-shadow(0 0 15px rgba(181,121,82,.36));outline:2px solid rgba(181,121,82,.38);outline-offset:3px}
}

[data-workspace] .preview-photo-activation-layer{
  position:absolute;z-index:7;pointer-events:none;box-sizing:border-box;opacity:0;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.22) 0%,rgba(255,249,243,.14) 42%,rgba(255,242,231,.06) 70%,rgba(255,255,255,0) 100%);
  backdrop-filter:brightness(1.10) saturate(1.025);-webkit-backdrop-filter:brightness(1.10) saturate(1.025);
  box-shadow:inset 0 0 0 0 rgba(255,255,255,0),inset 0 0 0 rgba(255,244,234,0),0 0 0 rgba(181,121,82,0);
  transform:none;transform-origin:center center;will-change:opacity,box-shadow,background;
}
[data-workspace] .preview-photo-activation-layer[hidden]{display:none!important}
[data-workspace] .preview-photo-activation-layer.is-photo-activating{
  animation:pts-photo-region-activate 1.06s cubic-bezier(.16,.78,.20,1) both;
}
[data-workspace] .preview-photo-activation-layer.is-photo-activating--spec{animation-duration:.82s}
[data-workspace] .preview-stage.is-visual-activating{animation:pts-visual-stage-ack 1.06s cubic-bezier(.18,.74,.22,1) both}
[data-workspace] .preview-stage.is-visual-activating--spec{animation-duration:.82s}
@keyframes pts-photo-region-activate{
  0%{opacity:0;box-shadow:inset 0 0 0 0 rgba(255,255,255,0),inset 0 0 0 rgba(255,244,234,0),0 0 0 rgba(181,121,82,0)}
  22%{opacity:.94;box-shadow:inset 0 0 0 3px rgba(255,255,255,.88),inset 0 0 34px rgba(255,244,234,.18),0 0 24px rgba(255,250,246,.82),0 0 50px rgba(181,121,82,.56)}
  48%{opacity:.68;box-shadow:inset 0 0 0 2px rgba(255,255,255,.62),inset 0 0 26px rgba(255,244,234,.12),0 0 18px rgba(255,250,246,.58),0 0 36px rgba(181,121,82,.38)}
  72%{opacity:.34;box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),inset 0 0 18px rgba(255,244,234,.08),0 0 11px rgba(255,250,246,.30),0 0 22px rgba(181,121,82,.22)}
  100%{opacity:0;box-shadow:inset 0 0 0 0 rgba(255,255,255,0),inset 0 0 0 rgba(255,244,234,0),0 0 0 rgba(181,121,82,0)}
}
@keyframes pts-visual-stage-ack{
  0%,100%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0),0 0 0 rgba(181,121,82,0)}
  26%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 0 16px rgba(181,121,82,.13)}
  58%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 0 10px rgba(181,121,82,.08)}
}
@media(prefers-reduced-motion:reduce){
  [data-workspace] select.has-current-spec-reminder,
  [data-workspace] select.is-spec-ack,
  [data-workspace] .pts-stable-select__trigger.has-current-spec-reminder,
  [data-workspace] .pts-stable-select__trigger.is-spec-ack,
  [data-workspace] .preview-stage.is-visual-activating,
  [data-workspace] .preview-photo-activation-layer.is-photo-activating{animation:none!important;transform:none!important}
  [data-workspace] .preview-photo-activation-layer.is-photo-activating{opacity:.34!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.62),0 0 24px rgba(181,121,82,.38)!important}
  [data-workspace] select.has-current-spec-reminder,
[data-workspace] .pts-stable-select__trigger.has-current-spec-reminder{border-color:#b57952!important;background:#f8f0e8!important;box-shadow:0 0 0 2px rgba(181,121,82,.12)!important;outline:2px solid rgba(181,121,82,.40)!important;outline-offset:2px!important}
}

/* ---------- Main result delivery zone ---------- */
.delivery-zone{
  position:relative;margin:14px 0 12px;padding:22px 24px 18px;
  border:1px solid #d8d1c8;border-radius:18px;background:#fff;
  box-shadow:0 14px 34px rgba(59,48,39,.09);overflow:visible;
}
.delivery-zone__status{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#4f694d;font-size:12px;font-weight:850;letter-spacing:.02em}
.delivery-zone__status i{display:grid;place-items:center;width:22px;height:22px;border:1px solid #b8cfb5;border-radius:50%;background:#f3f8f1;color:#53734f;font-size:12px;font-style:normal}
.delivery-zone__body{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:26px;align-items:start}
.delivery-zone__copy{min-width:0}
.delivery-zone h3{margin:0;color:#25211e;font-size:23px;line-height:1.24;letter-spacing:-.025em;font-weight:850}
.delivery-zone__facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.delivery-zone__facts span{padding:5px 9px;border:1px solid #e2ddd7;border-radius:8px;background:#fbfaf8;color:#5f5852;font-size:11.5px;font-weight:700;white-space:nowrap}
.delivery-zone__preview{display:grid;place-items:center;width:112px;height:132px;border:1px solid #ddd6cf;border-radius:13px;background:#f7f4ef;overflow:hidden}
.delivery-zone__preview img{width:100%;height:100%;object-fit:contain;background:#f3efe9}
.delivery-zone__preview--file span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d8c9bb;border-radius:13px;background:#fff;color:#8a5231;font-size:27px;font-weight:800}
.delivery-zone__download{
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;
  width:min(360px,100%);min-width:300px;min-height:54px;margin-top:18px;padding:0 30px;
  border:1px solid #95552f;border-radius:11px;background:#9b5c36;color:#fff!important;
  box-shadow:0 10px 22px rgba(126,70,38,.18);text-decoration:none!important;
  font-size:16.5px;font-weight:900;letter-spacing:.01em;transition:background .16s ease,box-shadow .16s ease,transform .16s ease;
}
button.delivery-zone__download{font-family:inherit;cursor:pointer}
.delivery-zone__download span{font-size:23px;line-height:1;transform:translateY(-1px)}
.delivery-zone__download:hover{background:#7d4325;box-shadow:0 12px 25px rgba(126,70,38,.22);transform:translateY(-1px)}
.delivery-filename{display:flex;align-items:center;gap:7px;min-width:0;margin-top:13px;color:#81776f;font-size:11.5px}
.delivery-filename>span{flex:0 0 auto}.delivery-filename>strong{min-width:0;overflow:hidden;color:#57504a;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.delivery-filename>button{flex:0 0 auto;margin-left:2px;padding:2px 3px;border:0;background:transparent;color:#8b5333;font:inherit;font-weight:850;cursor:pointer}
.delivery-filename>button:hover{text-decoration:underline;text-underline-offset:3px}.delivery-filename>button i{font-style:normal;font-size:10px}
.delivery-rename-panel{position:relative;z-index:2;display:grid;gap:6px;width:min(430px,100%);margin-top:9px;padding:10px;border:1px solid #ded7d0;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(65,52,42,.11)}
.delivery-rename-panel[hidden]{display:none!important}
.delivery-rename-option{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;cursor:pointer}
.delivery-rename-option:hover{background:#f8f5f1}.delivery-rename-option input{accent-color:#9b5c36}
.delivery-rename-option>span{display:flex;align-items:center;gap:7px;min-width:0;color:#443d37;font-size:12px}
.delivery-rename-option b{font-weight:780}.delivery-rename-option em{padding:2px 5px;border-radius:999px;background:#f2e8df;color:#8a4d2d;font-size:9px;font-style:normal;font-weight:850}.delivery-rename-option small{color:#8a8179;font-size:10px}
.delivery-custom-row{margin-top:2px;padding:10px;border-top:1px solid #eee9e4}.delivery-custom-row[hidden]{display:none!important}
.delivery-custom-row label>span{display:block;margin-bottom:6px;color:#5a514a;font-size:11px;font-weight:800}.delivery-custom-row label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #d9d1c9;border-radius:9px;background:#fff;overflow:hidden}.delivery-custom-row input{width:100%;height:38px;padding:0 10px;border:0;outline:0;background:transparent;color:#302b27;font:inherit;font-size:12px}.delivery-custom-row label>div>b{padding:0 10px;color:#7c726b;font-size:11px}.delivery-custom-row label>small{display:block;margin-top:5px;color:#91877e;font-size:10px}
.delivery-custom-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.delivery-custom-actions button{min-height:32px;padding:0 12px;border:1px solid #d9d1c9;border-radius:8px;background:#fff;color:#655d56;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.delivery-custom-actions [data-delivery-custom-save]{border-color:#9b5c36;background:#9b5c36;color:#fff}
.delivery-zone--bundle .delivery-zone__preview{height:112px}.delivery-zone--bundle h3{font-size:21px}
.delivery-zone.is-delivery-ready{animation:ptsDeliveryZoneReady .78s cubic-bezier(.2,.72,.2,1) both}
@keyframes ptsDeliveryZoneReady{0%{box-shadow:0 0 0 0 rgba(155,92,54,0),0 12px 28px rgba(59,48,39,.07)}45%{box-shadow:0 0 0 4px rgba(155,92,54,.08),0 16px 36px rgba(59,48,39,.11)}100%{box-shadow:0 0 0 0 rgba(155,92,54,0),0 14px 34px rgba(59,48,39,.09)}}

/* Secondary rows stay compact; the main action is the delivery zone above. */
.result-item--delivery-secondary{grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important;border-color:#e5dfd8!important;background:#fffdfb!important;box-shadow:none!important}
/* The generic secondary-row grid must never squeeze the larger ID-photo/paper thumbnail into the text column. */
.result-item--delivery-secondary.result-item--id-photo{grid-template-columns:72px minmax(0,1fr) auto!important;gap:13px!important}
.result-item--delivery-secondary.result-item--id-photo .result-item__thumb{box-sizing:border-box;max-width:64px!important;justify-self:start}
.result-item--delivery-secondary.result-item--id-photo .result-item__copy{min-width:0;overflow:hidden}
.result-item--delivery-secondary.result-item--id-photo .result-item__title,.result-item--delivery-secondary.result-item--id-photo .result-file-name{min-width:0;overflow-wrap:anywhere}
.result-delivery-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ddd3ca;border-radius:10px;background:#f8f4ef;color:#8a5231;font-size:18px;font-weight:850}
.result-download-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #d8c6b7;border-radius:8px;background:#fff;color:#815033!important;font-size:11px!important;font-weight:850!important;text-decoration:none!important}

/* Right-side action panel remains a compact secondary shortcut. */
@media(max-width:680px){
  .delivery-zone{margin:11px 0;padding:18px 16px 15px;border-radius:15px}
  .delivery-zone__body{grid-template-columns:1fr;gap:10px}.delivery-zone__preview{order:-1;width:78px;height:92px;justify-self:start;margin:0}.delivery-zone__copy{margin:0;padding:0}.delivery-zone h3{font-size:19px}.delivery-zone__facts{gap:5px}.delivery-zone__facts span{font-size:10.5px;padding:4px 7px}
  .delivery-zone__download{width:100%;min-width:0;min-height:52px;margin-top:16px;font-size:15px}.delivery-filename{margin-top:11px;flex-wrap:wrap}.delivery-filename>strong{max-width:calc(100% - 116px)}.delivery-rename-panel{width:100%}
  .delivery-zone--bundle .delivery-zone__preview{display:none}.delivery-zone--bundle .delivery-zone__copy{margin-top:0;padding-right:0}
  .result-item--delivery-secondary{grid-template-columns:42px minmax(0,1fr)!important}.result-item--delivery-secondary .result-download-secondary{grid-column:1/-1;width:100%}
}
@media(max-width:430px){.delivery-zone__preview{width:70px;height:84px}.delivery-zone h3{font-size:18px}.delivery-zone__facts span:nth-child(n/**/+5){display:none}}
@media(prefers-reduced-motion:reduce){.delivery-zone.is-delivery-ready{animation:none!important}}


/* Fresh-result state keeps the side-panel download action visually available. */
[data-workspace].has-fresh-result:not(.has-stale-result) .action-panel [data-download-button]:not(:disabled){background:#9b5c36!important;border-color:#9b5c36!important;color:#fff!important;box-shadow:0 9px 22px rgba(126,70,38,.18)!important;font-weight:900!important}
[data-workspace].has-fresh-result:not(.has-stale-result) .action-panel [data-download-button]:not(:disabled):hover{background:#7d4325!important;border-color:#7d4325!important}
[data-workspace].has-fresh-result:not(.has-stale-result) .action-panel [data-process-button]:not(:disabled){background:#fff!important;border:1px solid #d8d1c7!important;color:#4a4038!important;box-shadow:none!important}


/* Batch tasks use a batch overview instead of presenting the first image as the whole task. */
[data-workspace][data-slug="batch-compress"] .preview-stage[data-state="user"] [data-preview-image],
[data-workspace][data-slug="batch-compress"] .preview-stage[data-state="result"] [data-preview-image],
[data-workspace][data-slug="batch-resize"] .preview-stage[data-state="user"] [data-preview-image],
[data-workspace][data-slug="batch-resize"] .preview-stage[data-state="result"] [data-preview-image]{display:none!important;opacity:0!important}
[data-workspace][data-slug="batch-compress"] .preview-stage[data-state="user"] .batch-board,
[data-workspace][data-slug="batch-compress"] .preview-stage[data-state="result"] .batch-board,
[data-workspace][data-slug="batch-resize"] .preview-stage[data-state="user"] .batch-board,
[data-workspace][data-slug="batch-resize"] .preview-stage[data-state="result"] .batch-board{display:flex!important;z-index:4!important}
.batch-user-item.is-complete i{color:#d8ead2!important;background:rgba(101,139,91,.18)!important;border-color:rgba(137,176,126,.30)!important}

/* Query and calculator pages are information tools, not upload workflows. */
.workspace-shell--catalog .workspace-panel,.workspace-shell--calculator .workspace-panel{overflow:hidden;border-radius:18px}
.workspace-shell--catalog .panel-section--upload,.workspace-shell--calculator .panel-section--upload{border-radius:18px}
.catalog-selected-detail{display:grid;gap:12px;margin-top:16px;padding:15px;border:1px solid #dbe5f3;border-radius:15px;background:linear-gradient(145deg,#f8fbff,#fff)}
.catalog-selected-detail__head{display:grid;gap:3px}
.catalog-selected-detail__head span{font-size:11px;font-weight:850;letter-spacing:.08em;color:#64748b}
.catalog-selected-detail__head strong{font-size:15px;line-height:1.4;color:#172033}
.catalog-selected-detail dl{display:grid;gap:8px;margin:0}
.catalog-selected-detail dl div{display:grid;grid-template-columns:68px 1fr;gap:8px;font-size:12px;line-height:1.55}
.catalog-selected-detail dt{font-weight:800;color:#64748b}.catalog-selected-detail dd{margin:0;color:#334155}
.catalog-selected-detail__sources{display:grid;gap:7px;padding:11px;border-radius:12px;background:#eef5ff}
.catalog-selected-detail__sources>span{font-size:11px;font-weight:850;color:#38557f}
.catalog-selected-detail__sources a,.catalog-selected-detail__sources small{font-size:11px;line-height:1.5;color:#355f98;text-decoration:none}
.catalog-selected-detail__sources a:hover{text-decoration:underline}
.catalog-selected-detail>a[aria-disabled="true"]{pointer-events:none;opacity:.5}
.catalog-selected-detail>small{font-size:11px;line-height:1.55;color:#64748b}
.calculator-estimates{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(540px,88%);margin:14px auto 0}
.calculator-estimates span{display:grid;gap:4px;padding:11px 13px;border:1px solid rgba(123,149,189,.28);border-radius:13px;background:rgba(255,255,255,.82)}
.calculator-estimates small{font-size:10px;color:#64748b}.calculator-estimates strong{font-size:14px;color:#172033}
@media(max-width:760px){.catalog-selected-detail{padding:13px}.calculator-estimates{grid-template-columns:1fr;width:92%;gap:7px}.calculator-estimates span{padding:8px 10px}}
.multi-file-overview{display:grid;gap:8px;padding:16px 19px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-soft)}
.multi-file-overview__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.multi-file-overview__head strong{font-size:12px;color:#172033}.multi-file-overview__head span{font-size:10px;color:#64748b}
.multi-file-overview__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.multi-file-overview__item{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:6px;border:1px solid #e2e9f4;border-radius:10px;background:#fff}.multi-file-overview__item>img,.multi-file-overview__item>b{width:34px;height:34px;border-radius:7px;object-fit:cover}.multi-file-overview__item>b{display:grid;place-items:center;background:#edf3fb;color:#466083;font-size:9px}.multi-file-overview__item>span{display:grid;min-width:0}.multi-file-overview__item strong,.multi-file-overview__item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-file-overview__item strong{font-size:9px;color:#253047}.multi-file-overview__item small{font-size:8px;color:#7a879a}.multi-file-overview__item.is-more{display:grid;place-items:center;min-height:48px;font-size:10px;font-weight:800;color:#52677f}
@media(max-width:980px){.multi-file-overview__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.multi-file-overview{padding:11px 12px;border-radius:17px}.multi-file-overview__head span{display:none}.multi-file-overview__list{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-file-overview__item:nth-child(n/**/+5){display:none}}

/* One visual contract for ordinary right-panel cards. Processing-location and upload-consent
   are deliberately excluded here; their high-attention trust design lives in pts-design.css. */
[data-workspace] .workspace-panel{display:grid!important;gap:12px!important;padding:14px!important;overflow:visible!important;border:1px solid #d8d1c7!important;border-radius:20px!important;background:#fcfbf8!important}
.page-tool [data-workspace] .workspace-panel>.panel-section,.page-tool [data-workspace] [data-ordinary-panel]>.panel-section{width:100%!important;margin:0!important;border:1px solid #ddd5cc!important;border-radius:16px!important;background:#fffdfa!important;box-shadow:none!important;overflow:hidden!important}
.page-tool [data-workspace] .workspace-panel>.action-panel,.page-tool [data-workspace] .workspace-panel>.status-panel,.page-tool [data-workspace] [data-ordinary-panel]>.action-panel,.page-tool [data-workspace] [data-ordinary-panel]>.status-panel{border:1px solid #ddd5cc!important;border-radius:16px!important}
.page-tool [data-workspace] .workspace-panel>.status-panel,.page-tool [data-workspace] [data-ordinary-panel]>.status-panel{padding:16px!important;background:#fffdfa!important}
[data-workspace] .workspace-panel>.status-panel dl>div,[data-workspace] [data-ordinary-panel]>.status-panel dl>div{padding:9px 2px!important}
@media(max-width:760px){[data-workspace] .workspace-panel{gap:10px!important;padding:10px!important;border-radius:18px!important}[data-workspace] .workspace-panel>.panel-section,[data-workspace] [data-ordinary-panel]>.panel-section{border-radius:14px!important}}

/* The full ID-photo tool animates the actual photo, matching the homepage maker. */
[data-workspace][data-slug="id-photo-maker"] [data-preview-image].is-photo-activating{animation:pts-workspace-id-photo-image 1.06s cubic-bezier(.18,.74,.22,1) both!important;will-change:filter}
[data-workspace][data-slug="id-photo-maker"] [data-preview-image].is-photo-activating--spec{animation-duration:.82s!important}
@keyframes pts-workspace-id-photo-image{0%{filter:brightness(1) saturate(1)}28%{filter:brightness(1.17) saturate(1.055)}56%{filter:brightness(1.09) saturate(1.03)}100%{filter:brightness(1) saturate(1)}}
@media(prefers-reduced-motion:reduce){[data-workspace][data-slug="id-photo-maker"] [data-preview-image].is-photo-activating{animation:none!important;filter:brightness(1.08) saturate(1.03)!important}}


/* query product audit: no dead filters and every social canvas must fit completely. */
[data-workspace][data-slug="social-size"] .social-spec-demo{
  grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:stretch!important;
  min-width:0!important;
  min-height:0!important;
  padding:30px 5%!important;
}
[data-workspace][data-slug="social-size"] .social-spec-frame-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
[data-workspace][data-slug="social-size"] .social-spec-frame{
  flex:0 0 auto!important;
  width:var(--social-frame-w,280px)!important;
  height:var(--social-frame-h,280px)!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
}
[data-workspace][data-slug="social-size"] .social-spec-safe b{font-size:9px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
  [data-workspace][data-slug="social-size"] .social-spec-demo{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(180px,1fr) auto!important;
    gap:10px!important;
    padding:14px!important;
  }
  [data-workspace][data-slug="social-size"] .social-spec-frame-wrap{min-height:180px!important}
  [data-workspace][data-slug="social-size"] .social-spec-meta{max-height:118px;overflow:auto}
}


/* ID-photo maker: source evidence belongs next to the specification decision, not at the bottom of the long sidebar. */
[data-workspace][data-slug="id-photo-maker"] .id-spec-source{margin-top:8px;border:1px solid #ded8cf;border-radius:10px;background:#faf8f4;overflow:hidden}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;cursor:pointer;list-style:none;color:#675e56}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source>summary::-webkit-details-marker{display:none}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source>summary>span{font-size:10px;font-weight:850;letter-spacing:.04em;color:#9b6748}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source>summary>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;color:#625a52}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source>summary>b{font-size:9px;color:#9b6748;white-space:nowrap}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source[open]>summary{border-bottom:1px solid #e2ddd6;background:#f7f3ed}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source__body{display:grid;gap:7px;padding:9px}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source__body>p{margin:0;color:#756c63;font-size:10px;line-height:1.5}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source__item{display:grid;gap:2px;padding:8px 9px;border:1px solid #e5dfd7;border-radius:8px;background:#fff;color:#60574f;text-decoration:none}
[data-workspace][data-slug="id-photo-maker"] a.id-spec-source__item:hover{border-color:#c7a78f;background:#fffaf5}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source__item strong{font-size:10px;color:#4f4741}
[data-workspace][data-slug="id-photo-maker"] .id-spec-source__item span,[data-workspace][data-slug="id-photo-maker"] .id-spec-source__item small{font-size:9px;line-height:1.45;color:#766d65}


/* Source/result state contract: live editor effects apply only to example/user input.
   Result pixels are already baked and must never be transformed/decorated a second time. */
[data-workspace][data-slug="image-rotate"] .preview-stage[data-state="result"] .preview-stage__image--underlay{
  width:auto!important;height:auto!important;max-width:min(74%,680px)!important;max-height:420px!important;object-fit:var(--pts-preview-fit,contain)!important;
  transform:none!important;
}
@media(max-width:760px){
  [data-workspace]:not([data-slug="id-photo-maker"]) .preview-stage[data-state="result"] .preview-stage__image--underlay{max-width:calc(100% - 20px)!important;max-height:326px!important}
  [data-workspace][data-slug="image-rotate"] .preview-stage[data-state="result"] .preview-stage__image--underlay{max-width:76%!important;max-height:300px!important}
}
[data-workspace][data-slug="image-border"] .preview-stage[data-state="result"] .preview-stage__image--underlay{
  padding:0!important;background:transparent!important;border-radius:0!important;transition:none!important;
}
[data-workspace][data-slug="background-tool"] .preview-stage[data-state="result"] [data-background-brush-overlay]{
  display:none!important;
}

/* Source lifecycle: make stale annual evidence unmistakable without hiding the official link. */
.catalog-source-lifecycle{display:block;margin-top:2px;padding:5px 7px;border-radius:8px;background:rgba(53,95,152,.07);font-weight:750;text-decoration:none!important}
.catalog-source-lifecycle--warning{background:#fff2e5!important;color:#8a4d20!important;border:1px solid #f0cfad}

.handoff-arrival.is-rejected{opacity:1;transform:none;border-color:#d5a9a0;background:#fff4f1}
.handoff-arrival.is-rejected>span{background:#9c4f43}
.handoff-arrival.is-rejected strong{color:#70352d}

/* DPI user/result preview must render the original upload sharply.
   Avoid CSS filter rasterization on the photo itself; overlay cards keep their own shadows. */
[data-workspace][data-slug="dpi"] .preview-stage[data-state="user"] .preview-stage__image--underlay,
[data-workspace][data-slug="dpi"] .preview-stage[data-state="result"] .preview-stage__image--underlay{
  filter:none!important;
  image-rendering:auto!important;
  transform:none!important;
  box-shadow:0 18px 42px rgba(31,29,27,.28)!important;
}

/* Mobile workspace refinement: desktop/tablet >=761px remains unchanged. */
@media(max-width:760px){
  /* Keep the step title readable and move the control strip to its own row when needed. */
  .preview-card__header{align-items:flex-start;flex-wrap:wrap;gap:9px!important}
  .preview-card__header>div:first-child{flex:1 1 150px}
  .preview-tools{flex:1 0 100%;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:1px 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .preview-tools::-webkit-scrollbar{display:none}
  .preview-tools>*{flex:0 0 auto}
  .preview-upload-cta{min-width:118px;justify-content:center}

  /* Mobile previews should explain the task without consuming an entire screen. */
  .workspace-shell--catalog .preview-stage,
  .workspace-shell--calculator .preview-stage,
  .workspace-shell--inspector .preview-stage{min-height:278px!important;height:278px!important}
  [data-workspace][data-slug="image-compress"] .preview-stage,
  [data-workspace][data-slug="batch-compress"] .preview-stage,
  [data-workspace][data-slug="batch-resize"] .preview-stage,
  [data-workspace][data-slug="dpi"] .preview-stage,
  [data-workspace][data-slug="image-converter"] .preview-stage,
  [data-workspace][data-slug="heic-to-jpg"] .preview-stage,
  [data-workspace][data-slug="gif-maker"] .preview-stage,
  [data-workspace][data-slug="gif-editor"] .preview-stage{min-height:300px!important;height:300px!important}
  [data-workspace][data-slug="id-photo-maker"] .preview-stage,
  [data-workspace][data-slug="image-cropper"] .preview-stage,
  [data-workspace][data-slug="avatar-cropper"] .preview-stage,
  [data-workspace][data-slug="social-cropper"] .preview-stage,
  [data-workspace][data-slug="background-tool"] .preview-stage,
  [data-workspace][data-slug="image-border"] .preview-stage,
  [data-workspace][data-slug="image-watermark"] .preview-stage,
  [data-workspace][data-slug="image-rotate"] .preview-stage,
  [data-workspace][data-slug="image-resizer"] .preview-stage{min-height:342px!important;height:342px!important}

  /* Calculator: the desktop equation is redundant on a narrow screen. Lead with the four exact values. */
  [data-workspace][data-slug="size-converter"] .calculator-board{justify-content:center;padding:14px!important}
  [data-workspace][data-slug="size-converter"] .calculator-board__eyebrow,
  [data-workspace][data-slug="size-converter"] .calculator-equation{display:none!important}
  [data-workspace][data-slug="size-converter"] .calculator-scale{width:100%!important;gap:8px!important}
  [data-workspace][data-slug="size-converter"] .calculator-scale span{height:66px!important;padding:8px!important;align-items:center;justify-content:center;flex-direction:column;gap:5px}
  [data-workspace][data-slug="size-converter"] .calculator-scale small{font-size:10px}
  [data-workspace][data-slug="size-converter"] .calculator-scale strong{font-size:17px}
  [data-workspace][data-slug="size-converter"] .calculator-estimates{width:100%;gap:7px;margin-top:9px}
  [data-workspace][data-slug="size-converter"] .calculator-estimates>span{min-height:52px;padding:8px 10px}
  [data-workspace][data-slug="size-converter"] .calculator-estimates>span:nth-child(2){display:none!important}
  [data-workspace][data-slug="size-converter"] .calculator-board>p{display:none!important}

  /* DPI: keep the ruler metaphor, but fit the full explanation into one compact mobile panel. */
  [data-workspace][data-slug="dpi"] .dpi-board{overflow:hidden!important}
  [data-workspace][data-slug="dpi"] .dpi-hero{left:12%!important;top:12%!important}
  [data-workspace][data-slug="dpi"] .dpi-hero strong{font-size:46px!important}
  [data-workspace][data-slug="dpi"] .dpi-hero span{font-size:18px!important}
  [data-workspace][data-slug="dpi"] .dpi-ruler--x{left:12%!important;right:10%!important;bottom:34%!important}
  [data-workspace][data-slug="dpi"] .dpi-ruler--y{left:8%!important;top:14%!important;bottom:37%!important}
  [data-workspace][data-slug="dpi"] .dpi-summary{left:12px!important;right:12px!important;bottom:10px!important;grid-template-columns:1fr 1fr!important;padding:7px!important}
  [data-workspace][data-slug="dpi"] .dpi-summary span{padding:6px 7px!important}
  [data-workspace][data-slug="dpi"] .dpi-summary span:nth-child(2){display:none!important}

  /* Batch examples are explanatory, not a gallery. Preserve all four examples in a shorter board. */
  [data-workspace][data-slug="batch-resize"] .batch-board,
  [data-workspace][data-slug="batch-compress"] .batch-board{justify-content:flex-start!important;padding:12px!important}
  [data-workspace][data-slug="batch-resize"] .batch-thumbnails img{height:78px!important}
  [data-workspace][data-slug="batch-resize"] .batch-demo-note,
  [data-workspace][data-slug="batch-compress"] .batch-demo-note{display:none!important}

  /* Query pages: keep the selected specification readable instead of forcing desktop diagrams into a phone. */
  [data-workspace][data-slug="photo-size"] .photo-spec-query-demo{grid-template-rows:132px 1fr!important;gap:9px!important;padding:12px!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-reference{height:132px!important;max-height:132px!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-query-demo .photo-spec-card{gap:4px!important;padding:10px 12px!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-query-demo .photo-spec-card strong{font-size:13px!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-query-demo .photo-spec-card b{font-size:16px!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-query-demo .photo-spec-card em{font-size:10px!important}
  [data-workspace][data-slug="photo-size"] .photo-spec-query-demo .photo-spec-card small{display:none!important}

  [data-workspace][data-slug="social-size"] .social-spec-demo{grid-template-rows:145px 1fr!important;gap:9px!important;padding:12px!important}
  [data-workspace][data-slug="social-size"] .social-spec-frame-wrap{min-height:145px!important;height:145px!important}
  [data-workspace][data-slug="social-size"] .social-spec-frame{max-height:137px!important;max-width:100%!important;box-sizing:border-box!important}
  [data-workspace][data-slug="social-size"] .social-spec-frame>strong{display:none!important}
  [data-workspace][data-slug="social-size"] .social-spec-frame-mobile-ratio{display:block!important;position:relative;z-index:2;color:#2d2925;font-size:28px;font-weight:900;line-height:1;letter-spacing:-.03em}
  [data-workspace][data-slug="social-size"] .social-spec-frame>em{font-size:10px!important}
  [data-workspace][data-slug="social-size"] .social-spec-meta{max-height:none!important;overflow:hidden!important;gap:3px!important;padding:9px 11px!important}
  [data-workspace][data-slug="social-size"] .social-spec-meta>span{font-size:9px!important}
  [data-workspace][data-slug="social-size"] .social-spec-meta strong{font-size:13px!important}
  [data-workspace][data-slug="social-size"] .social-spec-meta b{font-size:14px!important;line-height:1.25}
  [data-workspace][data-slug="social-size"] .social-spec-meta em{font-size:10px!important}
  [data-workspace][data-slug="social-size"] .social-spec-meta small{font-size:9px!important;line-height:1.35;padding-top:4px!important}

  /* Inspector panels: use the whole phone width and avoid a narrow desktop side card. */
  [data-workspace][data-slug="exif-viewer"] .metadata-preview{align-items:center;justify-content:center;padding:12px!important}
  [data-workspace][data-slug="exif-viewer"] .metadata-preview__tag{left:12px;top:10px;font-size:11px;padding:6px 8px}
  [data-workspace][data-slug="exif-viewer"] .metadata-preview__panel{width:94%!important;max-height:220px;padding:10px!important;overflow:auto}
  [data-workspace][data-slug="exif-viewer"] .metadata-preview__panel div{gap:8px;padding:7px 2px}
  [data-workspace][data-slug="exif-viewer"] .metadata-preview__panel span,
  [data-workspace][data-slug="exif-viewer"] .metadata-preview__panel b{font-size:10px}
  [data-workspace][data-slug="image-upload-check"] .diagnostic-preview{width:92%!important;padding:16px!important}
  [data-workspace][data-slug="image-upload-check"] .diagnostic-preview__shield{width:42px;height:42px;border-radius:13px;font-size:21px}
  [data-workspace][data-slug="image-upload-check"] .diagnostic-preview>strong{margin:9px 0 8px;font-size:16px!important}
  [data-workspace][data-slug="image-upload-check"] .diagnostic-preview ul{gap:5px}
  [data-workspace][data-slug="image-upload-check"] .diagnostic-preview li{padding:7px 9px;font-size:10px}

  /* Avatar keeps source and output together, with enough separation for finger-driven crop editing. */
  [data-workspace][data-slug="avatar-cropper"] .preview-stage__image--underlay{max-width:50%!important;max-height:285px!important;transform:translateX(-35%)!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2{right:2%!important;width:145px!important;padding:9px!important;gap:6px!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport{width:112px!important;height:112px!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2>span,
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 small,
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 em{font-size:9px!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 strong{font-size:12px!important}

  /* Converter cards fit without horizontal squeeze. */
  [data-workspace][data-slug="image-converter"] .photo-workflow--convert{gap:7px!important;padding:12px!important}
  [data-workspace][data-slug="image-converter"] .converter-photo-source{grid-template-columns:minmax(118px,1fr) 82px!important;min-width:0!important;width:58%!important;min-height:150px!important}
  [data-workspace][data-slug="image-converter"] .converter-photo-source>img{min-height:150px!important}
  [data-workspace][data-slug="image-converter"] .converter-photo-source>div{padding:8px!important;gap:4px!important}
  [data-workspace][data-slug="image-converter"] .converter-photo-source strong{font-size:9px!important}
  [data-workspace][data-slug="image-converter"] .converter-photo-source em,
  [data-workspace][data-slug="image-converter"] .converter-photo-source small{font-size:8px!important}
  [data-workspace][data-slug="image-converter"] .format-options{width:38%!important;grid-template-columns:1fr!important;gap:5px!important}
  [data-workspace][data-slug="image-converter"] .format-options>span{min-height:0!important;padding:7px!important}
  [data-workspace][data-slug="image-converter"] .format-options>span:nth-child(n+3){display:none!important}
}

/* Hidden on desktop; mobile social query uses it instead of wrapping a long official pixel-policy sentence inside a portrait frame. */
.social-spec-frame-mobile-ratio{display:none}

/* SEO Phase 2: the query tool becomes a specification-center entry point without creating new tool cards. */
.catalog-common-specs{display:grid;gap:10px;margin:0 0 16px;padding:14px;border:1px solid #dfd4cb;border-radius:17px;background:linear-gradient(145deg,#fff9f4,#fff)}
.catalog-common-specs__head{display:flex;align-items:end;justify-content:space-between;gap:10px}.catalog-common-specs__head span{display:block;color:#9b6549;font-size:10px;font-weight:900;letter-spacing:.08em}.catalog-common-specs__head h3{margin:3px 0 0;color:#332d28;font-size:15px}.catalog-common-specs__head a{color:#8b5a40;font-size:11px;font-weight:850}
.catalog-common-specs__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-quick-spec{display:grid;gap:2px;min-width:0;padding:10px 11px;border:1px solid #e1d7cf;border-radius:12px;background:#fff;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.catalog-quick-spec:hover,.catalog-quick-spec.is-active{border-color:#bd8d6d;box-shadow:0 7px 19px rgba(103,72,52,.10);transform:translateY(-1px)}.catalog-quick-spec>span{color:#a36243;font-size:10px;font-weight:900}.catalog-quick-spec>strong{overflow:hidden;color:#312a25;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.catalog-quick-spec>small{color:#776d65;font-size:9px;line-height:1.4}
.catalog-selected-detail__actions{display:grid;gap:8px}.catalog-selected-detail__actions .button--secondary{border:1px solid #d6c6b9;background:#fff;color:#674b3a;box-shadow:none}
@media(max-width:760px){.catalog-common-specs{padding:12px}.catalog-common-specs__grid{grid-template-columns:1fr 1fr}.catalog-quick-spec{padding:9px}.catalog-quick-spec>strong{font-size:11px}.catalog-quick-spec>small{font-size:8.5px}}

/* ID-photo final delivery uses the domestic electronic-ID-photo JPG/JPEG convention.
   Keep this fixed-value field visually identical to existing PhotoTools fields. */
.static-field-value{min-height:44px;border:1px solid var(--pts-line);border-radius:var(--pts-radius-sm);background:var(--pts-canvas);padding:10px 12px;display:grid;gap:3px;align-content:center}.static-field-value strong{color:var(--pts-ink);font-size:14px}.static-field-value small{color:var(--pts-muted);font-size:12px;line-height:1.5}

/* ID-photo progressive disclosure: preserve the live visual controls, but keep precision/status
   secondary until the user asks for them. This shortens the default rail without removing capability. */
[data-workspace][data-slug="id-photo-maker"] .manual-crop-controls--precision>summary{cursor:pointer}
[data-workspace][data-slug="id-photo-maker"] .status-panel--collapsible{padding:0!important;overflow:hidden!important}
[data-workspace][data-slug="id-photo-maker"] .status-panel--collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;color:var(--pts-ink);font-size:14px;font-weight:850}
[data-workspace][data-slug="id-photo-maker"] .status-panel--collapsible>summary::-webkit-details-marker{display:none}
[data-workspace][data-slug="id-photo-maker"] .status-panel--collapsible>summary:after{content:'+';color:var(--pts-accent);font-size:18px;font-weight:500}
[data-workspace][data-slug="id-photo-maker"] .status-panel--collapsible[open]>summary{border-bottom:1px solid var(--pts-line)}
[data-workspace][data-slug="id-photo-maker"] .status-panel--collapsible[open]>summary:after{content:'−'}
[data-workspace][data-slug="id-photo-maker"] .status-panel--collapsible>summary span{margin-left:auto;color:var(--pts-muted);font-size:10.5px;font-weight:700}
[data-workspace][data-slug="id-photo-maker"] .status-panel--collapsible>dl{padding:0 16px 7px}
.result-warning-retry{justify-self:start;min-height:34px;margin-top:4px;padding:0 12px;border:1px solid #d9b768;border-radius:10px;background:#fff;color:#7d5411;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.result-warning-retry:hover{background:#fff4d8}.result-warning-retry:disabled{opacity:.6;cursor:wait}

.pipeline-panel{margin:0 0 14px;padding:16px 18px;border:1px solid #dedbd5;border-radius:14px;background:#fff;box-shadow:0 1px 0 rgba(31,29,27,.02)}
.pipeline-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.pipeline-panel__head>div{min-width:0}
.pipeline-panel__eyebrow{display:block;margin-bottom:4px;color:#8b5a3c;font-size:12px;font-weight:850;letter-spacing:.04em}
.pipeline-panel__head h2{margin:0;color:#2f2b28;font-size:18px;line-height:1.35;letter-spacing:-.02em}
.pipeline-panel__head p{max-width:760px;margin:5px 0 0;color:#77716b;font-size:13px;line-height:1.55}
.pipeline-panel__status{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid #dedbd5;border-radius:999px;background:#faf9f7;color:#716b65;font-size:12px;font-weight:800;white-space:nowrap}
.pipeline-panel__status[data-state="ready"]{border-color:#d7c3b5;background:#faf2ec;color:#825136}
.pipeline-panel__status[data-state="valid"]{border-color:#cdd8c7;background:#f2f6ef;color:#5b7158}
.pipeline-panel__status[data-state="invalid"]{border-color:#e0c9c5;background:#fbf1ef;color:#8c5148}
.pipeline-panel__status[data-state="checking"]{border-color:#d8d3ca;background:#f7f5f1;color:#5f5a54}
.pipeline-panel__steps{display:flex;align-items:stretch;gap:8px;margin-top:14px;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.pipeline-panel__empty{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center;width:100%;min-height:66px;padding:12px 14px;border:1px dashed #d8d4ce;border-radius:11px;background:#faf9f7}
.pipeline-panel__empty>span{grid-row:1/3;align-self:center;padding:5px 8px;border-radius:7px;background:#efece7;color:#746d66;font-size:11px;font-weight:850}
.pipeline-panel__empty strong{color:#3b3733;font-size:13px}
.pipeline-panel__empty small{color:#807a74;font-size:12px;line-height:1.45}
.pipeline-step{position:relative;display:grid;grid-template-columns:28px minmax(112px,1fr);gap:9px;align-items:center;min-width:170px;max-width:230px;padding:10px 12px;border:1px solid #ddd9d2;border-radius:11px;background:#fbfaf8}
.pipeline-step:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:50%;z-index:2;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#9a9189;font-size:12px;transform:translateY(-50%)}
.pipeline-step__index{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eee8e2;color:#74492f;font-size:12px;font-weight:900}
.pipeline-step__body{min-width:0;display:grid;gap:2px}
.pipeline-step__body strong{overflow:hidden;color:#37322e;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.pipeline-step__body small{overflow:hidden;color:#837c75;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.pipeline-step[data-state="blocked"]{border-color:#dfc9c5;background:#fcf5f3}
.pipeline-step[data-state="valid"]{border-color:#d1dbcC;background:#f6f8f4}

.pipeline-panel__server-consent{margin-top:12px;padding:10px 12px;border:1px solid #e4dfd8;border-radius:10px;background:#faf8f5}
.pipeline-panel__server-consent[hidden]{display:none}
.pipeline-panel__server-consent label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}
.pipeline-panel__server-consent input{margin-top:3px}
.pipeline-panel__server-consent span{display:grid;gap:2px}
.pipeline-panel__server-consent strong{color:#4a4540;font-size:12px}
.pipeline-panel__server-consent small{color:#7b746d;font-size:11px;line-height:1.45}
.pipeline-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding-top:11px;border-top:1px solid #ece9e4}
.pipeline-panel__footer p{margin:0;color:#77716b;font-size:12px;line-height:1.45}
.pipeline-panel__check{flex:0 0 auto;min-height:38px;padding:0 14px!important;font-size:13px!important}
@media(max-width:780px){.pipeline-panel{margin:0 0 10px;padding:14px}.pipeline-panel__head{display:grid;gap:10px}.pipeline-panel__status{justify-self:start}.pipeline-panel__head h2{font-size:17px}.pipeline-panel__steps{margin-right:-4px}.pipeline-panel__footer{align-items:stretch;flex-direction:column}.pipeline-panel__check{width:100%}.pipeline-step{min-width:158px}}
.pipeline-step:not(:last-child)::after{content:none!important}
.pipeline-panel__check{width:auto!important;min-width:132px!important}
.pipeline-step{grid-template-columns:28px minmax(130px,1fr) auto;min-width:250px}
.pipeline-step__select{width:100%;min-width:0;height:32px;padding:0 28px 0 9px;border:1px solid #dcd7d0;border-radius:8px;background:#fff;color:#3c3834;font:inherit;font-size:12px;font-weight:800}
.pipeline-step__controls{display:flex;align-items:center;gap:4px;margin-left:4px}
.pipeline-step__action{height:28px;padding:0 8px;border:1px solid #ded9d2;border-radius:7px;background:#faf9f7;color:#716a63;font-size:11px;font-weight:750;cursor:pointer}
.pipeline-step__action:hover:not(:disabled){background:#f2eee8;color:#4b443e}
.pipeline-step__action:disabled{opacity:.38;cursor:not-allowed}
.pipeline-step-add{display:flex;align-items:center;gap:7px;min-width:230px;padding:8px 9px;border:1px dashed #d7d1ca;border-radius:11px;background:#fbfaf8}
.pipeline-step-add select{min-width:0;flex:1;height:34px;padding:0 28px 0 9px;border:1px solid #ddd8d1;border-radius:8px;background:#fff;color:#5a544e;font-size:12px}
.pipeline-step-add .pipeline-step__action{height:34px;white-space:nowrap;background:#fff}
@media(max-width:780px){.pipeline-step{min-width:270px}.pipeline-step__controls{flex-direction:column}.pipeline-step__action{width:48px;padding:0 4px}.pipeline-step-add{min-width:250px}}
.pipeline-step__action{white-space:nowrap;min-width:30px}
.pipeline-step__action[data-pipeline-action="remove"]{min-width:42px}

/* Pipeline step availability projection */
.pipeline-step-add__note{display:block;flex:1 0 100%;margin-top:6px;color:#847d75;font-size:11px;line-height:1.45}
.pipeline-step__select option:disabled,.pipeline-step-add select option:disabled{color:#9b948d}

/* Pipeline internal run-state projection; still no public run button. */
.pipeline-panel__status[data-state="running"]{border-color:#d8c7b5;background:#fbf4eb;color:#805937}
.pipeline-panel__status[data-state="completed"]{border-color:#c7d8c4;background:#f0f6ee;color:#536d50}
.pipeline-panel__status[data-state="failed"]{border-color:#e1c2bd;background:#fbefed;color:#934c43}
.pipeline-panel__status[data-state="cancelled"]{border-color:#d6d1ca;background:#f5f3f0;color:#6f6963}
.pipeline-step[data-state="running"]{border-color:#d4b28f;background:#fffaf4}
.pipeline-step[data-state="succeeded"]{border-color:#c9d9c6;background:#f8fbf7}
.pipeline-step[data-state="failed"]{border-color:#e0b9b4;background:#fff7f6}
.pipeline-step[data-state="partial"]{border-color:#dbc6a8;background:#fffaf2}
.pipeline-step[data-state="cancelled"]{border-color:#d5d0c8;background:#faf9f7}
.pipeline-step[data-state="running"] .pipeline-step__index{background:#8b5a3c;color:#fff}
.pipeline-step[data-state="succeeded"] .pipeline-step__index{background:#60795c;color:#fff}
.pipeline-step[data-state="failed"] .pipeline-step__index{background:#9a5148;color:#fff}
.pipeline-step[data-state="partial"] .pipeline-step__index{background:#9a7548;color:#fff}

/* Public Pipeline run controls: user-visible only after valid preflight. */
.pipeline-panel__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.pipeline-panel__run,.pipeline-panel__cancel{min-height:38px;padding:0 14px!important;font-size:13px!important;white-space:nowrap}
.pipeline-panel__run{min-width:108px}
.pipeline-panel__cancel{min-width:96px}
@media(max-width:780px){.pipeline-panel__controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pipeline-panel__controls .pipeline-panel__check{grid-column:1/-1;width:100%!important}.pipeline-panel__run,.pipeline-panel__cancel{width:100%}.pipeline-panel__cancel[hidden]{display:none}}

/* Pipeline terminal-result actions: explicit download vs adopt. */
.pipeline-panel__result-commit:disabled{cursor:default;opacity:.72}

.pipeline-step-add{flex:0 0 300px;flex-wrap:wrap;min-width:260px;max-width:320px}
.pipeline-step-add select{flex:1 1 150px}
.pipeline-step-add .pipeline-step__action{flex:0 0 auto;min-width:72px}
.pipeline-step-add__note{width:100%;min-width:0;flex:1 0 100%}
@media(max-width:780px){
  .pipeline-panel__steps{display:grid;gap:8px;margin-right:0;overflow-x:visible;padding-bottom:0}
  .pipeline-step{width:100%;min-width:0;max-width:none;grid-template-columns:28px minmax(0,1fr);align-items:start}
  .pipeline-step__controls{grid-column:2;display:flex;flex-direction:row;flex-wrap:wrap;margin:4px 0 0}
  .pipeline-step__action{width:auto;min-width:40px;padding:0 7px}
  .pipeline-step-add{width:100%;min-width:0;max-width:none;flex-basis:auto}
  .pipeline-step-add select{flex:1 1 170px}
  .pipeline-step-add .pipeline-step__action{min-width:72px}
  .pipeline-panel__result-commit{grid-column:1/-1}
}
.pipeline-step{grid-template-columns:28px minmax(0,1fr);min-width:250px;max-width:280px;align-items:start}
.pipeline-step__controls{grid-column:2;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:4px;margin:4px 0 0}
@media(max-width:780px){.pipeline-step{width:100%;min-width:0;max-width:none}}

.pipeline-panel__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}
.pipeline-panel__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:100%}
.pipeline-panel__controls .button{min-height:40px!important;padding:0 15px!important;border-radius:10px!important;font-size:12px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important}
.pipeline-panel__controls .button--primary{background:#9b5c36!important;border:1px solid #9b5c36!important;color:#fff!important}
.pipeline-panel__controls .button--primary:hover:not(:disabled){background:#874d2d!important;border-color:#874d2d!important;transform:translateY(-1px)!important}
.pipeline-panel__controls .button--secondary{background:#fff!important;border:1px solid #d9d1c9!important;color:#554d47!important}
.pipeline-panel__controls .button--secondary:hover:not(:disabled){background:#faf7f4!important;border-color:#c9b9ad!important;color:#3e3833!important;transform:none!important}
.pipeline-panel__controls .button:disabled{background:#f2efeb!important;border-color:#e2ddd7!important;color:#a29a93!important;opacity:1!important;cursor:not-allowed!important}
.pipeline-panel__check,.pipeline-panel__run,.pipeline-panel__cancel,.pipeline-panel__result-download,.pipeline-panel__result-commit{width:auto!important;min-width:112px!important}
.pipeline-panel__result-download,.pipeline-panel__result-commit{min-width:132px!important}
@media(max-width:780px){
  .pipeline-panel__footer{grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important}
  .pipeline-panel__controls{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .pipeline-panel__controls .button{width:100%!important;min-width:0!important}
  .pipeline-panel__check{grid-column:1/-1!important}
  .pipeline-panel__result-commit{grid-column:1/-1!important}
}




/* v1.6.6 Pipeline panel lives inside the existing right workspace column. */
.pipeline-panel{margin:0!important;padding:0!important;overflow:visible!important;background:#eee8e1!important;border-color:#d9cfc5!important;box-shadow:0 1px 0 rgba(31,29,27,.018)!important}
.pipeline-panel__body{padding:14px 18px 16px;background:#f6f1eb;border-radius:14px}
.pipeline-panel__body>.pipeline-panel__head{margin-top:2px}
.pipeline-panel__body .pipeline-panel__empty,.pipeline-panel__body .pipeline-step,.pipeline-panel__body .pipeline-step-add{background:#f1ebe5!important;border-color:#d9d0c7!important}
.pipeline-panel__controls .button--secondary,.pipeline-panel__body .pipeline-step__action,.pipeline-panel__body .pipeline-step-add .pipeline-step__action{background:#e9e1d9!important;border-color:#d5c9be!important;color:#675a50!important}
.pipeline-panel__controls .button--secondary:hover,.pipeline-panel__body .pipeline-step__action:hover:not(:disabled){background:#e2d8cf!important;color:#443b35!important}
@media(max-width:780px){.pipeline-panel__body{padding:14px}}

/* ID-photo mobile geometry authority.
   The generic mobile preview rule must not override the higher-specificity ID-photo stage.
   The current layout must not force this core preview down to a generic mobile size. */
@media(max-width:760px){
  [data-workspace][data-slug="id-photo-maker"] .preview-stage{min-height:540px!important;height:auto!important}
  [data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="example"] [data-preview-image]{
    width:auto!important;height:auto!important;max-width:calc(100% - 34px)!important;max-height:500px!important;
    aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;
  }
  [data-workspace][data-slug="id-photo-maker"] .preview-stage[data-state="user"] [data-preview-image]{
    width:auto!important;height:auto!important;max-width:calc(100% - 20px)!important;max-height:420px!important;
    aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;
  }
}

/* USER TASK LOGIC: keep terminal delivery actions before long result lists and require an explicit new-batch transition. */

.inspector-next-task{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(169,111,72,.18)}
.inspector-next-task>div{display:grid;gap:4px}.inspector-next-task strong{font-size:13px;color:#3c3028}.inspector-next-task small{font-size:11px;line-height:1.55;color:#766961}.inspector-next-task .button{flex:0 0 auto;min-height:38px}
@media(max-width:720px){.inspector-next-task{align-items:stretch;flex-direction:column}.inspector-next-task .button{width:100%}}

/* USER TASK LOGIC: exact calculator results are actionable; estimates remain secondary. */
.calculator-copy-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 2px}.calculator-copy-row .text-button{min-height:36px}.calculator-copy-row [data-calculator-copy-status]{min-height:1.35em;color:var(--muted,#6b7280);font-size:11px}.dpi-task-mode{display:grid;gap:3px}.dpi-task-mode strong{color:var(--ink,#2c2925)}.dpi-task-mode span{display:block;color:var(--muted,#746b63);font-size:11px;line-height:1.5}@media(max-width:760px){.calculator-copy-row{align-items:stretch}.calculator-copy-row .text-button{width:100%}.calculator-copy-row [data-calculator-copy-status]{width:100%;text-align:center}}

/* Partial batch terminal actions must stay discoverable before long failure detail lists. */
.batch-recovery-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #ead6a1;border-radius:14px;background:#fffaf0}.batch-recovery-actions>div:first-child{display:grid;gap:3px}.batch-recovery-actions strong{font-size:13px;color:#684c0d}.batch-recovery-actions small{font-size:11px;line-height:1.45;color:#8b702f}.batch-recovery-actions>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.batch-recovery-actions .button{min-height:40px;padding:0 13px}
@media(max-width:680px){.batch-recovery-actions{align-items:stretch;flex-direction:column}.batch-recovery-actions>div:last-child{display:grid;grid-template-columns:1fr}.batch-recovery-actions .button{width:100%}}
/* v1.6.6 — single-image in-place Pipeline mode */
.workspace-pipeline-button[aria-pressed="true"]{border-color:#c6bcb2;background:#fffaf6;color:#74492f}
[data-ordinary-main],[data-ordinary-panel]{display:contents}
.pipeline-workspace-main[hidden],.pipeline-workspace-panel[hidden],[data-ordinary-main][hidden],[data-ordinary-panel][hidden]{display:none!important}
.pipeline-workspace-main{display:grid;gap:17px;min-width:0}
.pipeline-workspace-panel{display:grid;gap:12px;min-width:0}
.pipeline-source-card,.pipeline-step-card,.pipeline-preview-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-soft)}
.pipeline-source-card{padding:15px 17px}
.pipeline-source-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pipeline-source-card__head>div{display:grid;gap:3px;min-width:0}
.pipeline-source-card__head strong{color:#2d2925;font-size:15px;line-height:1.35}
.pipeline-source-card__head small,.pipeline-source-card>p{color:#746d66;font-size:12px;line-height:1.5}
.pipeline-source-card>p{margin:10px 0 0}
.pipeline-source-card__actions{display:flex;align-items:end;gap:10px;margin-top:12px;flex-wrap:wrap}
.pipeline-source-upload{position:relative;overflow:hidden;cursor:pointer}
.pipeline-source-upload input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pipeline-source-upload:focus-within{outline:2px solid #9b5c36;outline-offset:2px}
.pipeline-source-current-select{display:grid;gap:5px;min-width:220px;color:#706860;font-size:12px;font-weight:750}
.pipeline-source-current-select select{height:40px;padding:0 28px 0 9px;border:1px solid #dcd7d0;border-radius:10px;background:#fff;color:#3c3834;font:inherit}
.pipeline-step-card{padding:16px 18px}
.pipeline-preview-card .preview-card__header{border-bottom:1px solid #ddd5cc}
.pipeline-preview-stage{min-height:420px}
.pipeline-current-step{margin:0;border:1px solid #ddd5cc;border-radius:16px;background:#fffdfa;box-shadow:none;overflow:hidden}
.pipeline-current-step>[data-pipeline-params-host]{min-width:0}
.pipeline-workspace-panel .pipeline-panel{margin:0}
.is-pipeline-mode .workspace-main,.is-pipeline-mode .workspace-panel{align-content:start}
.is-pipeline-mode .workspace-titlebar__meta{align-self:start}
@media(max-width:760px){
  .workspace-titlebar__meta:has([data-pipeline-toggle]){display:flex!important;gap:7px;margin-top:9px}
  .workspace-titlebar__meta:has([data-pipeline-toggle]) .workspace-help-button{display:none!important}
  .workspace-titlebar__meta:has([data-pipeline-toggle]) .workspace-pipeline-button{display:inline-flex!important;min-height:38px;padding:0 12px}
  .pipeline-workspace-main{gap:11px}
  .pipeline-workspace-panel{gap:10px}
  .pipeline-source-card,.pipeline-step-card,.pipeline-preview-card{border-radius:17px}
  .pipeline-source-card{padding:13px 14px}
  .pipeline-source-card__head{display:grid;gap:8px}
  .pipeline-source-card__head .pipeline-panel__status{justify-self:start}
  .pipeline-source-card__actions{display:grid;grid-template-columns:1fr}
  .pipeline-source-upload{width:100%;justify-content:center}
  .pipeline-source-current-select{min-width:0;width:100%}
  .pipeline-step-card{padding:14px}
  .pipeline-preview-stage{min-height:342px}
  .pipeline-current-step{border-radius:14px}
}

/* v1.6.6 multi-file visibility contract: every accepted input stays inspectable. */
.multi-file-overview__list{max-height:132px;overflow:auto;scrollbar-gutter:stable}
.multi-file-overview__item{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer}
.multi-file-overview__item.is-current{border-color:#c99b79;background:#fff7f0;box-shadow:inset 0 0 0 1px rgba(155,92,54,.08)}
.batch-list--compress,.batch-thumbnails{max-height:360px;overflow:auto;scrollbar-gutter:stable;padding-right:3px}
/* Reuse the v1.6.5 scrollbar language; do not introduce a second visual system. */
.multi-file-overview__list,.batch-list--compress,.batch-thumbnails{scrollbar-width:thin}
.multi-file-overview__list::-webkit-scrollbar,.batch-list--compress::-webkit-scrollbar,.batch-thumbnails::-webkit-scrollbar{width:5px;height:5px}
.multi-file-overview__list::-webkit-scrollbar-thumb,.batch-list--compress::-webkit-scrollbar-thumb,.batch-thumbnails::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(198,188,178,.28)}
@media(max-width:560px){.multi-file-overview__list{max-height:122px;overflow:auto}.multi-file-overview__item:nth-child(n){display:grid}.batch-list--compress,.batch-thumbnails{max-height:300px}}

/* Multi-file controls must remain reachable and must not cover the image being edited. */
[data-workspace][data-slug="batch-compress"] .preview-special.batch-board,
[data-workspace][data-slug="batch-resize"] .preview-special.batch-board{
  pointer-events:auto!important;
}
[data-workspace][data-slug="batch-compress"] .batch-list--compress,
[data-workspace][data-slug="batch-resize"] .batch-thumbnails{
  overscroll-behavior:auto;
  touch-action:pan-y;
}
.multi-file-overview__list{
  overscroll-behavior:auto;
  touch-action:pan-y;
}