:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17364a;background:#edf3f5;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;background:#102a3b;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,3vw,48px)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:#79e0d2;color:#102a3b;border-radius:11px;font-size:30px;line-height:1}.brand strong{display:block;font-size:17px;letter-spacing:-.025em}.brand span:last-child{display:block;color:#9db7c3;font-size:12px;margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:25px}.privacy-note{font-size:13px;color:#c2d4dc;display:flex;gap:8px;align-items:center}.privacy-dot{width:8px;height:8px;background:#79e0d2;border-radius:50%;box-shadow:0 0 0 4px #79e0d222}.button{border:1px solid transparent;border-radius:9px;min-height:42px;padding:9px 16px;font-weight:650;font-size:14px;display:inline-flex;justify-content:center;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.button-primary{background:#79e0d2;color:#102a3b}.button-primary:hover:not(:disabled){background:#a1ece1}.button-soft{background:#f0f5f6;color:#3b5967;border-color:#e2ecef}.button-soft:hover{background:#e6f1f1}.button-soft.active{background:#d7f5ef;border-color:#5dc8b7;color:#0e625b}.button-outline{background:white;color:#375468;border-color:#d5e2e7}.button-outline:hover:not(:disabled){background:#f2f7f8}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.inspector{background:white;border-right:1px solid #dbe6ea;overflow:auto;max-height:calc(100vh - 78px)}.inspector-heading{padding:31px 29px 20px}.eyebrow,.step-label{font-size:11px;font-weight:800;letter-spacing:.14em;color:#258b82}.inspector h1{font-size:23px;letter-spacing:-.04em;line-height:1.15;margin:9px 0}.inspector-heading p{font-size:14px;line-height:1.5;color:#6a7f8b;margin:0}.face-switch{display:flex;gap:7px;margin:0 22px 7px;padding:5px;background:#f0f5f6;border-radius:11px}.face-tab{flex:1;border:0;background:transparent;border-radius:8px;min-height:40px;color:#627b88;font-size:14px;font-weight:700;display:flex;gap:6px;align-items:center;justify-content:center}.face-tab.active{background:#fff;color:#17364a;box-shadow:0 1px 5px #1a3d4b18}.face-number{font-size:11px;opacity:.65}.face-status{width:6px;height:6px;border-radius:50%;background:#4cc2aa;display:none}.face-status.loaded{display:inline-block}.panel-section{padding:22px 29px;border-top:1px solid #e7eef1}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-header h2{font-size:17px;letter-spacing:-.025em;margin:5px 0 0}.upload-zone{border:1.5px dashed #b6cbd1;border-radius:12px;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;color:#355467;cursor:pointer;transition:background .15s,border-color .15s}.upload-zone:hover,.upload-zone.dragover{background:#f0faf8;border-color:#51bdae}.upload-icon{display:grid;place-items:center;width:28px;height:28px;background:#def7f1;border-radius:7px;color:#218c7d;font-size:21px;line-height:1;margin-bottom:7px}.upload-zone strong{font-size:14px}.upload-zone>span:last-child{color:#7b929e;font-size:12px;margin-top:4px;line-height:1.4}.file-name{font-size:12px;color:#6a7f8b;margin:9px 0 0;overflow-wrap:anywhere}.field-stack{display:grid;gap:10px}.field-label{font-size:13px;font-weight:700;color:#395768;display:flex;justify-content:space-between;gap:8px}.field-label output{color:#748b96;font-weight:600}.text-input{width:100%;height:42px;border:1px solid #d4e2e6;border-radius:8px;padding:0 12px;outline:none;color:#19384c;background:white;font-size:14px}.text-input:focus{border-color:#52bcae;box-shadow:0 0 0 3px #52bcae22}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}.inline-fields>div{min-width:0;display:grid;gap:10px}.color-control{border:1px solid #d4e2e6;border-radius:8px;height:40px;display:flex;gap:8px;align-items:center;padding:5px 8px;font-size:12px;color:#627d8b;font-weight:700}.color-control input{width:27px;height:27px;border:0;padding:0;background:none;cursor:pointer}.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:1px solid #b6c7ce;border-radius:5px}input[type=range]{width:100%;accent-color:#3cae9e;cursor:pointer;margin:0}.help-text{font-size:12px;color:#8397a2;line-height:1.45;margin:2px 0 0}.switch input{position:absolute;opacity:0}.switch-track{display:block;width:37px;height:22px;border-radius:20px;background:#bdcbd0;position:relative;cursor:pointer;transition:background .2s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .2s;box-shadow:0 1px 3px #0002}.switch input:checked+.switch-track{background:#39ad9d}.switch input:checked+.switch-track:after{transform:translateX(15px)}.switch input:focus-visible+.switch-track{outline:3px solid #42bfb455;outline-offset:3px}.count-badge{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:7px;background:#edf4f5;color:#5f7b88;font-size:12px;font-weight:750}.mask-actions{display:flex;gap:8px;margin-bottom:16px}.mask-actions .button{flex:1}.pixel-level{margin-bottom:9px}.mask-list{display:grid;gap:7px;margin-top:13px}.mask-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;background:#f3f7f8;border-radius:8px;font-size:13px;color:#496575}.mask-item.selected{outline:2px solid #6acdbf}.mask-item button{background:transparent;border:0;color:#7c929d;font-size:18px;line-height:1;padding:2px 5px}.mask-item button:hover{color:#b24f4f}.stage{min-width:0;display:flex;flex-direction:column;max-height:calc(100vh - 78px)}.stage-toolbar{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(22px,3vw,44px);background:#f8fbfc;border-bottom:1px solid #dce7eb}.stage-toolbar h2{font-size:21px;letter-spacing:-.035em;margin:4px 0 0}.stage-toolbar-right{display:flex;align-items:center;gap:16px}.stage-tip{font-size:13px;color:#7a909a}.stage-body{flex:1;min-height:360px;display:grid;place-items:center;overflow:auto;padding:clamp(20px,4vw,58px);background-color:#e8eff1;background-image:radial-gradient(#cfdbdf 1px,transparent 1px);background-size:20px 20px}.empty-state{text-align:center;max-width:350px}.empty-illustration{width:226px;height:141px;border-radius:15px;background:white;border:1px solid #cfdee3;box-shadow:0 20px 40px #21485b15;display:flex;align-items:center;gap:15px;margin:0 auto 23px;padding:25px;position:relative;transform:rotate(-4deg)}.id-photo{width:64px;height:80px;border-radius:7px;background:linear-gradient(140deg,#d8e6e8,#b6cbd1)}.id-lines{display:grid;gap:12px;flex:1}.id-lines span{height:9px;border-radius:9px;background:#dce8eb}.id-lines span:nth-child(2){width:80%}.id-lines span:nth-child(3){width:57%}.id-mask{position:absolute;right:16px;bottom:15px;width:100px;height:27px;background:#9bd9ce;opacity:.7;filter:blur(4px)}.empty-state h3{font-size:20px;letter-spacing:-.025em;margin:0 0 8px}.empty-state p{font-size:14px;color:#6d8793;line-height:1.5;margin:0 0 20px}.canvas-wrap{width:min(100%,950px)}.canvas-frame{position:relative;width:100%;background:white;box-shadow:0 25px 55px #21485b25,0 1px 2px #21485b20;line-height:0;touch-action:none}.canvas-frame canvas{display:block;width:100%;height:auto}.interaction-layer{position:absolute;inset:0;touch-action:none;cursor:crosshair}.mask-overlay{position:absolute;border:2px solid #74e5d5;background:#5ee3ce18;box-shadow:0 0 0 1px #123a4766;cursor:move;line-height:normal}.mask-overlay.cover{border-color:#ffc36b;background:#ffc36b24}.mask-overlay.selected{outline:2px solid white;outline-offset:2px}.resize-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border:2px solid white;border-radius:3px;background:#2cae9d;cursor:nwse-resize}.cover .resize-handle{background:#dc9a3f}.draft-overlay{position:absolute;border:2px dashed #2ba895;background:#5ee3ce30;pointer-events:none}.watermark-overlay{position:absolute;transform:translate(-50%,-50%);border:1px dashed #fff9;outline:1px dashed #15333c99;outline-offset:2px;padding:5px 8px;cursor:grab;line-height:1;white-space:nowrap}.watermark-overlay:active{cursor:grabbing}.stage-footer{padding:13px clamp(22px,3vw,44px);background:#f8fbfc;border-top:1px solid #dce7eb;color:#7b929e;font-size:12px;display:flex;justify-content:space-between;gap:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);background:#102a3b;color:white;border-radius:10px;padding:12px 17px;font-size:14px;box-shadow:0 10px 30px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.topbar{height:auto;min-height:70px}.workspace{grid-template-columns:1fr}.inspector,.stage{max-height:none}.inspector{border-right:0}.stage{min-height:500px}.stage-body{min-height:400px}.stage-footer{flex-wrap:wrap}.inspector-heading{padding-top:24px}}@media(max-width:600px){.topbar{padding:14px 17px;align-items:flex-start}.topbar-actions{gap:10px}.privacy-note{display:none}.topbar .button{padding:8px 10px;font-size:13px}.brand span:last-child{display:none}.stage-toolbar{align-items:flex-start}.stage-toolbar-right{flex-direction:column;align-items:flex-end;gap:5px}.stage-tip{display:none}.stage-body{padding:24px 15px}.stage-footer span:last-child{display:none}}
:focus-visible{outline:3px solid #36b9aa;outline-offset:3px}.mask-item button[data-select]{font-size:13px;line-height:1.3;text-align:left;flex:1;color:#496575}.mask-item button[data-remove]{font-size:19px}.watermark-overlay{width:32px;height:32px;border:2px solid white;border-radius:50%;padding:0;background:#102a3b;color:white;display:grid;place-items:center;font-size:20px;box-shadow:0 2px 9px #0006;outline:0}.watermark-overlay:focus-visible{outline:3px solid #36b9aa;outline-offset:3px}
.text-input.multiline{height:auto;min-height:86px;padding:10px 12px;line-height:1.4;resize:vertical}
.privacy-guide{margin-top:18px;border:1px solid #cbe6e2;border-radius:10px;background:#f2faf8;color:#345363}.privacy-guide summary{padding:13px 14px;font-size:14px;font-weight:750;cursor:pointer;line-height:1.35}.privacy-guide summary::marker{color:#228d80}.privacy-guide-body{padding:0 14px 15px;font-size:13px;line-height:1.5}.privacy-guide-body p{margin:2px 0 10px}.privacy-guide-body ul{padding-left:20px;margin:0 0 12px}.privacy-guide-body li+li{margin-top:7px}.privacy-guide-body a{color:#147b70;font-size:13px;font-weight:700;text-underline-offset:2px}.privacy-guide-body a:hover{color:#0d5c54}