/* Hallmark · macrostructure: Split Studio · genre: modern-minimal.
 * Existing LumHub ivory/forest/gold tokens and typography; native site chrome.
 * Audience: Avata photographers · use: select a pair, check seams, export.
 * Pre-emit critique: P4 H5 E4 S5 R5 V4. */
.raw360{min-width:0;--raw-canvas:var(--color-dark)}
.raw360 [hidden]{display:none!important}.raw360 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.raw360 h2{font:500 1.4rem/1.2 var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere}.raw360 h3{font:500 1.05rem/1.3 var(--font-display)}
.raw360 .tool-heading{grid-template-columns:minmax(0,1fr) 260px;padding-block:28px 32px}.raw360 .tool-heading h1{font-size:clamp(2.1rem,3.8vw,3.9rem);max-width:23ch}.raw360 .tool-lede{max-width:62ch}.raw360 .tool-workflow{margin-bottom:24px}
.raw-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid var(--color-rule);border-radius:20px;overflow:clip;background:var(--color-surface)}.raw-source,.raw-settings{min-width:0;padding:32px}.raw-settings{background:var(--tool-stage);border-left:1px solid var(--color-rule)}
.raw-section-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.raw-section-head h2{margin:0}.raw-section-head p{font-size:.85rem;line-height:1.6;color:var(--color-muted);margin:8px 0 0}.raw-step{font:400 .85rem var(--font-display);color:var(--tool-accent);border-bottom:1px solid var(--tool-accent);padding-block:4px;flex:none}
.raw-drop{border:1px dashed var(--color-rule);border-radius:12px;padding:28px 24px;background:var(--color-paper);text-align:center}.raw-drop:focus-visible,.raw-drop.is-dragging{outline:2px solid var(--color-focus);outline-offset:3px}.raw-drop>strong{font:500 1.1rem var(--font-display)}.raw-drop>p{font-size:.85rem;color:var(--color-muted);line-height:1.65;max-width:39ch;margin:10px auto 20px}.raw-lenses{display:block;width:74px;color:var(--tool-accent);margin:0 auto 16px}.raw-lenses svg{width:100%;height:50px}
.raw360 .raw-pair-picker{position:relative;display:flex!important;align-items:center;justify-content:center;min-height:48px;background:var(--tool-action);color:var(--tool-action-ink);border:1px solid var(--tool-action);border-radius:8px;font:500 .85rem var(--font-body);margin:0 auto 12px;max-width:300px;cursor:pointer;white-space:nowrap}.raw-pair-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.raw-pair-picker:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.raw-pair-picker:has(input:disabled){opacity:.5;cursor:not-allowed}.raw-pair-picker:active{transform:translateY(1px)}
.raw-pair-status{font-size:.85rem;line-height:1.6;color:var(--color-muted);margin:16px 0 0}.raw360[data-pair-ready=true] .raw-pair-status{color:var(--color-success)}.raw-file-list{list-style:none;padding:0;margin:4px 0 16px}.raw-file-list li{padding:10px 0;border-bottom:1px solid var(--color-rule);font-size:.8rem;overflow-wrap:anywhere}.raw-manual,.raw-advanced,.raw-orientation{border-block:1px solid var(--color-rule);padding-block:12px}.raw-manual summary,.raw-advanced summary,.raw-orientation summary,.raw-report summary,.raw-results summary,.raw-limits summary{font-size:.85rem;cursor:pointer;line-height:1.5;min-height:44px;display:flex;align-items:center;gap:8px}.raw360 summary::before{content:'+';font-size:1.15rem;color:var(--tool-accent)}.raw360 details[open]>summary::before{content:'−'}.raw-private-note{font-size:.8rem;line-height:1.6;color:var(--color-muted);margin-top:20px;max-width:45ch}
.raw-output-explainer{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-rule)}.raw-output-explainer strong{font-size:.95rem;font-weight:500}.raw-output-explainer p{font-size:.82rem;line-height:1.6;color:var(--color-muted);margin:6px 0 0}.raw-panorama{position:relative;display:block;overflow:clip;width:108px;aspect-ratio:2;flex:none;border:1px solid var(--tool-accent);border-radius:6px;background:var(--tool-accent-soft)}.raw-panorama::before,.raw-panorama::after{content:'';position:absolute;inset:25% -10%;border:1px solid var(--tool-accent);border-radius:50%}.raw-panorama::after{inset:-50% 30%}.raw-panorama i{position:absolute;width:1px;height:100%;left:50%;background:var(--tool-accent)}
.raw360 label:not(.raw-check){display:block;font-size:.85rem;font-weight:500;margin-bottom:8px}.raw-file-field{margin-top:16px}.raw360 input[type=file]{display:block;max-width:100%;width:100%;font-size:.78rem;color:var(--color-muted);min-height:44px;overflow:hidden}.raw360 input::file-selector-button{font:inherit;padding:10px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule-strong);border-radius:7px;cursor:pointer;margin-right:8px;min-height:44px}.raw360 select,.raw-angle-row input{width:100%;min-width:0;max-width:100%;min-height:48px;background:var(--color-surface);border:1px solid var(--color-rule-strong);border-radius:8px;color:var(--color-ink);padding:10px;font:inherit;font-size:.85rem}.raw360 fieldset{border:0;padding:0;margin:22px 0}.raw-check{display:flex;align-items:start;gap:10px;font-size:.85rem;line-height:1.5;margin-top:16px}.raw-check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--tool-accent)}.raw-hint{font-size:.8rem;line-height:1.65;color:var(--color-muted)}.raw-angle-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.raw360 .raw-angle-row label{font-size:.75rem}.raw-orientation{border-top:0;margin-top:10px}.raw-advanced{border-bottom:0;margin-top:20px}.raw-advanced>select{margin-top:6px}.raw-details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;font-size:.8rem}.raw-details dt{color:var(--color-muted)}.raw-details dd{margin:0;overflow-wrap:anywhere}
.raw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.raw360 .button{min-height:48px;font-size:.85rem;padding:12px 18px;white-space:nowrap;text-decoration:none;justify-content:center}.raw360 .button:not(.button-outline){background:var(--tool-action);border-color:var(--tool-action);color:var(--tool-action-ink)}.raw360 .raw-main-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.raw-main-actions [data-run]{font-size:.95rem;font-weight:500}.raw-memory{margin-top:14px}.raw360 button:active:not(:disabled),.raw360 a.button:active{transform:translateY(1px)}.raw360 :is(button,input,select,a,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.raw360 :disabled{opacity:.5;cursor:not-allowed}.raw-clear{border:0;background:none;color:var(--color-muted);text-decoration:underline;font:inherit;font-size:.8rem;min-height:44px;cursor:pointer}.raw-feedback{padding:12px 0;font-size:.85rem;min-height:56px}.raw-feedback progress{display:block;width:100%;height:8px;accent-color:var(--tool-accent);margin:10px 0}.raw-alert{color:var(--color-error);font-weight:500}.raw-notice{padding:14px 18px;border-left:3px solid var(--tool-accent);background:var(--tool-accent-soft);font-size:.85rem;line-height:1.65}
.raw-results{margin-top:24px;border:1px solid var(--color-rule);padding:28px 32px;border-radius:18px;background:var(--color-surface)}.raw-results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.raw-badge{font-size:.72rem;color:var(--tool-accent)}.raw-results figure{margin:22px 0}.raw-results canvas{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:10px;background:var(--raw-canvas)}.raw-results figcaption{font-size:.8rem;color:var(--color-muted);line-height:1.6;margin-top:10px}.raw-results>p{font-size:.875rem;line-height:1.7;overflow-wrap:anywhere}.raw-downloads{margin-top:24px;padding:28px 32px;border:1px solid var(--tool-accent);border-radius:18px;background:var(--tool-accent-soft)}.raw-downloads>p{font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}.raw-downloads .raw-notice{background:var(--color-surface)}.raw-downloads [data-download-status]{font-size:.8rem;color:var(--color-muted);max-width:80ch}.raw-report a{display:block;min-height:44px;font-size:.85rem}
.raw-guide{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:64px;margin-top:64px;padding-top:36px;border-top:1px solid var(--color-rule)}.raw-eyebrow{font-size:.75rem;color:var(--tool-accent);font-weight:500}.raw-guide h2{font-size:clamp(1.65rem,2.5vw,2.3rem);max-width:28ch;margin-top:14px}.raw-guide p,.raw-guide li,.raw-limits p,.raw-faq p{font-size:.95rem;line-height:1.75;color:var(--color-muted);max-width:70ch}.raw-guide .raw-direct-answer{color:var(--color-ink)}.raw-guide ol{padding-left:22px}.raw-guide li+li{margin-top:16px}.raw-guide aside{border-left:1px solid var(--color-rule);padding-left:32px}.raw-guide aside h3{margin-top:0}.raw-guide aside h3:not(:first-child){margin-top:32px}.raw-guide aside a{font-size:.85rem;display:inline-flex;align-items:center;min-height:44px}.raw-guide .raw-editorial{font-size:.75rem}.raw-faq{margin-top:48px;padding-top:28px;border-top:1px solid var(--color-rule)}.raw-faq details{border-bottom:1px solid var(--color-rule);padding:8px 0}.raw-faq summary{font-size:.95rem;line-height:1.5;font-weight:500;cursor:pointer;min-height:52px;padding-block:12px}.raw-faq details p{margin-block:8px 20px}.raw-limits{margin-top:28px;padding-block:12px;border-bottom:1px solid var(--color-rule)}
@media(hover:hover){.raw360 button:hover:not(:disabled),.raw360 a.button:hover{filter:brightness(.95)}.raw-pair-picker:hover{opacity:.9}.raw-drop:hover{border-color:var(--tool-accent)}}
@media(max-width:900px){.raw-workspace{grid-template-columns:minmax(0,1fr)}.raw-settings{border-left:0;border-top:1px solid var(--color-rule)}.raw-guide{gap:32px}.raw360 .tool-switcher-links{flex-wrap:wrap}.raw360 .tool-heading{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:600px){.raw-source,.raw-settings,.raw-results,.raw-downloads{padding:20px}.raw-drop{padding:24px 16px}.raw-guide{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:36px;padding-top:28px}.raw-guide aside{padding:0;border-left:0}.raw-section-head{gap:12px}.raw360 .tool-heading{grid-template-columns:minmax(0,1fr)}.raw360 .tool-heading h1{font-size:clamp(2rem,8vw,2.8rem)}.raw360 .tool-switcher-links{grid-template-columns:repeat(2,minmax(0,1fr))}.raw-output-explainer{gap:12px}.raw-panorama{width:80px}.raw360 .raw-actions .button{width:100%}.raw360 .raw-pair-picker{font-size:.8rem}.raw-faq{margin-top:32px}}
@media(max-width:420px){.raw-angle-row{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.raw360 *{scroll-behavior:auto}.raw360 button:active:not(:disabled),.raw360 a.button:active,.raw-pair-picker:active{transform:none}}
.raw360 summary{list-style:none}.raw360 summary::-webkit-details-marker{display:none}.raw360 .raw-faq summary{display:flex;gap:12px;align-items:center}.raw360 summary::before{flex:none}