.portrait-lighting-dialog{width:calc(100% - 36px);max-width:1080px;max-height:94dvh;padding:0;overflow:hidden;border:1px solid #e6dfef;border-radius:20px;background:#fff;color:#62516f;box-shadow:0 28px 100px #39244e24;--portrait-hue:340;--portrait-virtual:0}
.portrait-lighting-dialog::backdrop{background:#27213948;backdrop-filter:blur(5px)}
.portrait-lighting-shell{display:flex;flex-direction:column;height:min(850px,94dvh);max-height:94dvh;min-height:0}
.portrait-lighting-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 27px 18px;border-bottom:1px solid #ede6f2;flex-shrink:0}
.portrait-lighting-header .eyebrow{font-size:8px;color:#a38baf;letter-spacing:.2em}.portrait-lighting-header h2{margin:6px 0 5px;font-size:23px;font-weight:600;letter-spacing:.05em;color:#60456f}.portrait-lighting-header p{margin:0;font-size:11px;line-height:1.8;color:#9b89a6}
.portrait-lighting-close{border:1px solid #e5dbea;border-radius:9px;padding:8px 13px;background:#fff;font-size:11px;color:#8e789a;flex-shrink:0}
.portrait-lighting-body{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1fr);min-height:0;flex:1;overflow:hidden;overscroll-behavior:contain}
.portrait-lighting-preview{position:relative;min-height:0;overflow:clip;border-right:1px solid #ebe2f2;background:radial-gradient(ellipse at 64% 27%,hsl(var(--portrait-hue) 68% 94% / .7),transparent 58%),radial-gradient(ellipse at 23% 60%,#edf1fbab,transparent 60%),#faf8fd;display:flex;flex-direction:column}
.portrait-lighting-preview-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;z-index:1;gap:12px;pointer-events:none}.portrait-lighting-preview-caption .eyebrow{font-size:8px;color:#a591af;letter-spacing:.18em}.portrait-lighting-preview-caption>span:last-child{font-size:9px;color:#a493ad}
.portrait-lighting-fullscreen{pointer-events:auto;flex:none;min-height:32px;border:1px solid #ded3e9;border-radius:9px;padding:7px 11px;background:#ffffffdf;color:#725586;font-size:10px;line-height:1.5;box-shadow:0 2px 8px #4b2f6807}.portrait-lighting-fullscreen:hover:enabled{background:#f5effb;border-color:#bfa9d4}.portrait-lighting-fullscreen:focus-visible{outline:2px solid #8263ae;outline-offset:3px}
.portrait-lighting-preview-stage{position:relative;flex:1;min-height:0;width:100%;overflow:clip}.portrait-lighting-preview-stage>#avatar-canvas{position:absolute;inset:0;width:100%;height:100%}
.portrait-lighting-preview-note{position:relative;margin:0;padding:14px 24px 20px;font-size:10px;line-height:1.9;text-align:center;color:#a08cac;background:linear-gradient(transparent,#faf8fdee 45%);pointer-events:none}
.portrait-lighting-options{padding:20px 25px 17px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:#fff}.portrait-lighting-section{margin-bottom:19px}.portrait-lighting-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.portrait-lighting-section-heading h3{font-size:12px;margin:0;color:#735881;font-weight:600}.portrait-lighting-section-heading>span{font-size:9px;color:#b09cba;line-height:1.5}
.portrait-lighting-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portrait-lighting-preset{display:flex;align-items:center;gap:9px;min-height:57px;padding:9px 10px;text-align:left;border:1px solid #e8e0ee;border-radius:11px;background:#fdfcfe;color:#816a8e;transition:background .15s,border-color .15s;min-width:0}.portrait-lighting-preset:hover{border-color:#cbb8dd;background:#faf6fd}.portrait-lighting-preset[aria-pressed=true]{background:#f4edfb;border-color:#b99bd0;box-shadow:0 0 0 1px #b99bd020}
.portrait-lighting-swatch{height:27px;width:27px;flex-shrink:0;border-radius:50%;border:1px solid hsl(var(--preset-hue) 48% 85%);background:radial-gradient(circle at 36% 30%,#fff 1%,hsl(var(--preset-hue) 66% 90%) 35%,hsl(var(--preset-hue) 52% 73%) 100%);box-shadow:0 2px 7px hsl(var(--preset-hue) 35% 75% / .2)}
.portrait-lighting-preset-copy{display:block;min-width:0}.portrait-lighting-preset-copy strong{font-size:11px;line-height:1.6;font-weight:600;display:block;color:#77548c}.portrait-lighting-preset-copy small{display:block;font-size:8px;line-height:1.65;margin-top:2px;color:#ad96b8}
.portrait-lighting-range{margin-bottom:12px}.portrait-lighting-range-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:7px}.portrait-lighting-range-heading label{font-size:11px;color:#826a90}.portrait-lighting-range-heading output{font-size:10px;color:#9876ad;font-variant-numeric:tabular-nums;min-width:45px;text-align:right}
.portrait-lighting-range input[type=range]{display:block;width:100%;height:6px;min-height:0;border:0;border-radius:20px;padding:0;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#efe6f7,#d9c7eb);accent-color:#9874b8;cursor:pointer}.portrait-lighting-range input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#9670b4;box-shadow:0 1px 6px #66447738}.portrait-lighting-range input[type=range]::-moz-range-thumb{width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:#9670b4;box-shadow:0 1px 6px #66447738}.portrait-lighting-range-ends{display:flex;justify-content:space-between;margin-top:6px;font-size:8px;line-height:1.5;color:#b6a3bf}
.portrait-lighting-hue input[type=range]{background:linear-gradient(90deg,#e7a6b1,#e4cd9d,#bad4aa,#9bd5d1,#b0b8e7,#d6a6df,#e7a6b1)}
.portrait-lighting-strength-help{margin:6px 0 0;font-size:9px;line-height:1.8;color:#9b83ab}
.portrait-shortcut{padding:19px 20px;margin:0 0 24px;border:1px solid #d8c4e9;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#f3dce85c,transparent 70%),linear-gradient(115deg,#f8f2fe,#fdf9fc);box-shadow:0 4px 15px #684b8810;color:#755184}.portrait-shortcut>strong{display:block;font-size:14px;font-weight:600;line-height:1.7;color:#6d4780}.portrait-shortcut>p{font-size:11px;line-height:1.9;margin:7px 0 14px;color:#8e749d}.portrait-shortcut>button{width:100%;font-size:12px;font-weight:600;padding:11px 15px;min-height:43px;border:1px solid #af8bcb;border-radius:9px;background:#8663a6;color:#fff;box-shadow:0 3px 9px #78529c20}.portrait-shortcut>button:hover:enabled{background:#775493;border-color:#9d78ba}
.portrait-lighting-direction{margin-bottom:15px}.portrait-lighting-pad{position:relative;width:100%;height:145px;border:1px solid #e4d8ee;border-radius:13px;overflow:hidden;touch-action:none;cursor:crosshair;background:linear-gradient(90deg,transparent calc(50% - .5px),#c9b8da55 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#c9b8da55 50%,transparent calc(50% + .5px)),radial-gradient(ellipse at center,hsl(var(--portrait-hue) 50% 95%),#f5f2fb);outline-offset:3px}.portrait-lighting-pad:focus-visible{outline:3px solid #ac9df0}.portrait-lighting-pad>span:not(.portrait-lighting-pad-thumb){position:absolute;font-size:8px;color:#b09abd;pointer-events:none}.portrait-pad-left{left:10px;top:calc(50% - 5px)}.portrait-pad-right{right:10px;top:calc(50% - 5px)}.portrait-pad-top{top:8px;left:calc(50% - 8px)}.portrait-pad-bottom{bottom:8px;left:calc(50% - 8px)}
.portrait-lighting-pad-thumb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:20px;width:20px;border:4px solid #fff;border-radius:50%;background:hsl(var(--portrait-hue) 45% 69%);box-shadow:0 0 0 1px hsl(var(--portrait-hue) 40% 78%),0 0 17px hsl(var(--portrait-hue) 58% 75% / .48);pointer-events:none}
.portrait-lighting-direction-value{display:block;font-size:9px;color:#987ca8;text-align:center;margin:9px 0 0;font-variant-numeric:tabular-nums}.portrait-lighting-help{font-size:8px;line-height:1.8;color:#b2a1bc;margin:5px 0 0;text-align:center}.portrait-lighting-direction-ranges{font-size:10px;color:#9c85aa;margin-top:10px}.portrait-lighting-direction-ranges>summary{cursor:pointer;font-size:9px}.portrait-lighting-direction-ranges[open]>summary{margin-bottom:12px}.portrait-lighting-local-note{font-size:9px;line-height:1.9;color:#ab98b6;margin:0}
.portrait-lighting-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 25px 18px;border-top:1px solid #ebe2f2;background:#fff;flex-shrink:0}.portrait-lighting-reset{padding:6px 0;border:0;background:none;font-size:10px;color:#9b83ab;text-decoration:underline;text-underline-offset:3px}.portrait-lighting-actions{display:flex;gap:9px}.portrait-lighting-actions .button{min-height:39px;padding:9px 16px;font-size:11px}.portrait-lighting-error{font-size:11px;line-height:1.9;color:#a64d69;background:#fff2f5;border:1px solid #f1dce5;border-radius:10px;padding:10px 16px;margin:0 24px 12px;flex-shrink:0}.portrait-lighting-dialog [hidden]{display:none!important}.portrait-lighting-dialog button:disabled,.portrait-lighting-dialog input:disabled{opacity:.45}.portrait-lighting-pad[aria-disabled=true]{cursor:default;opacity:.5}
@media(min-width:1000px){.portrait-lighting-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-content:start;align-items:start}.portrait-lighting-options>.portrait-lighting-section:first-child,.portrait-lighting-local-note{grid-column:1/-1}.portrait-lighting-main-sliders{grid-column:1}.portrait-lighting-direction{grid-column:2}.portrait-lighting-main-sliders,.portrait-lighting-direction{min-width:0;margin-bottom:12px}}
@media(max-width:760px){.portrait-lighting-dialog{width:calc(100% - 16px);max-height:96dvh;border-radius:15px}.portrait-lighting-shell{max-height:96dvh}.portrait-lighting-header{padding:17px 18px 13px}.portrait-lighting-header h2{font-size:19px}.portrait-lighting-header p{font-size:10px}.portrait-lighting-body{grid-template-columns:1fr;overflow:auto}.portrait-lighting-options{overflow:visible}.portrait-lighting-preview{min-height:330px;border-right:0;border-bottom:1px solid #ebe2f2}.portrait-lighting-preview-caption{padding:13px 17px}.portrait-lighting-preview-stage{min-height:260px;flex:none;height:290px}.portrait-lighting-preview-note{padding:5px 18px 11px;font-size:9px}.portrait-lighting-options{padding:18px}.portrait-lighting-footer{padding:13px 16px;gap:10px;flex-wrap:wrap}.portrait-lighting-actions{margin-left:auto}.portrait-lighting-actions .button{font-size:10px;padding:9px 13px}.portrait-lighting-error{margin-left:16px;margin-right:16px}}
@media(prefers-reduced-motion:reduce){.portrait-lighting-preset{transition:none}}