.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-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-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}
.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-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-bottom:14px}}

.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{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:space-between}.result-another-button{min-height:36px}.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{position:absolute;z-index:12;right:14px;bottom:14px;left:14px;display:grid;gap:8px;padding:10px;border:1px solid rgba(215,226,241,.9);border-radius:15px;background:rgba(248,251,255,.94);box-shadow:0 12px 30px rgba(31,50,78,.16);backdrop-filter:blur(10px)}
.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{right:8px;bottom:8px;left:8px}.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{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{border:1px solid #ddd5cc!important;border-radius:16px!important}
.page-tool [data-workspace] .workspace-panel>.status-panel{padding:16px!important;background:#fffdfa!important}
[data-workspace] .workspace-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{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}