.makeup-hero{width:min(1280px,100% - 64px);margin:auto;padding:64px 0 72px;scroll-margin-top:78px}.makeup-heading{text-align:center;max-width:1100px;margin:0 auto 42px}.makeup-heading h1{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(30px,3.2vw,46px);font-weight:750;line-height:1.18}.makeup-heading mark{color:inherit;background:linear-gradient(#0000 12%,#ffe366 12% 92%,#0000 92%);padding:0 5px}.makeup-heading p{color:#777;max-width:870px;margin:auto;font-size:17px;line-height:1.7}.makeup-workspace-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:32px;display:grid}.makeup-controls{background:#fff;border:1px solid #e9e9e9;border-radius:20px;padding:24px;box-shadow:0 6px 26px #00000005}.makeup-file{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.makeup-upload{background:#fcfcfa;border:1px dashed #d8d8d8;border-radius:12px;min-height:150px;position:relative;overflow:hidden}.makeup-upload.is-dragging{background:#fff5be;border-color:#d8b000}.makeup-upload-empty{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;width:100%;padding:20px;display:flex}.makeup-upload-empty>span:first-child{background:#fff1a0;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:4px;display:grid}.makeup-upload-empty strong{font-size:15px;font-weight:600}.makeup-upload-empty>span{color:#777;font-size:12px}.makeup-upload-empty small{color:#999;font-size:11px}.makeup-upload>img{object-fit:contain;width:100%;height:174px}.makeup-upload>div{justify-content:space-between;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.makeup-upload>div button{cursor:pointer;background:#fffffff0;border:1px solid #eee;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.makeup-tabs{border-bottom:1px solid #eee;gap:2px;margin:22px 0 16px;display:flex;overflow-x:auto}.makeup-tabs button{white-space:nowrap;color:#777;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 9px;font-size:12px}.makeup-tabs button[aria-selected=true]{color:#171717;border-bottom-color:#ffd600;font-weight:600}.makeup-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.makeup-preset-grid button{cursor:pointer;background:#fafafa;border:2px solid #0000;border-radius:10px;min-width:0;padding:3px 3px 7px}.makeup-preset-grid button[aria-pressed=true]{background:#fff9d4;border-color:#ffd600}.makeup-preset-grid img{object-fit:cover;border-radius:6px;width:100%;height:74px}.makeup-preset-grid span{margin-top:5px;font-size:11px;line-height:16px;display:block}.makeup-styles textarea{resize:vertical;width:100%;min-height:220px;font:inherit;border:1px solid #ddd;border-radius:10px;padding:14px;font-size:14px;line-height:1.6}.makeup-output{justify-content:space-between;align-items:center;gap:14px;margin:20px 0;font-size:13px;display:flex}.makeup-output>div{background:#f6f6f6;border-radius:9px;gap:3px;padding:3px;display:flex}.makeup-output button{cursor:pointer;background:0 0;border:0;border-radius:6px;width:32px;height:30px;font-size:12px}.makeup-output button[aria-pressed=true]{background:#fff;font-weight:600;box-shadow:0 1px 5px #0001}.makeup-start{color:#191919;cursor:pointer;background:#ffd600;border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;width:100%;padding:13px 18px;font-size:14px;font-weight:600;display:flex}.makeup-demo-note,.makeup-local-note{text-align:center;color:#888;margin:9px 0 0;font-size:11px;line-height:1.5}.makeup-local-note{color:#999;font-size:10px}.makeup-error{color:#b52727;margin:8px 0;font-size:12px;line-height:1.5}.makeup-example{min-width:0}.makeup-example-image{background:#f7f7f5;border:1px solid #eee;border-radius:20px;position:relative;overflow:hidden}.makeup-example-image>img{object-fit:contain;width:100%;height:565px;display:block}.makeup-example-image>span{background:#ffffffeb;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:600;position:absolute;top:16px;left:16px}.makeup-example-options{justify-content:center;gap:10px;margin:20px 0 10px;display:flex}.makeup-example-options button{cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:9px;padding:9px 14px;font-size:12px}.makeup-example-options button[aria-pressed=true]{background:#fff8cc;border-color:#ffd600}.makeup-example>p{text-align:center;color:#999;font-size:11px;line-height:1.6}.makeup-hero button:focus-visible,.makeup-hero textarea:focus-visible,.makeup-upload:focus-within{outline-offset:3px;outline:2px solid #a38400}.makeup-dialog{color:#1a1a1a;border:1px solid #eee;border-radius:18px;width:min(460px,100% - 32px);max-height:85dvh;margin:auto;padding:28px;overflow:auto}.makeup-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0007}.makeup-dialog h2{margin-bottom:14px;font-size:23px;font-weight:700;line-height:1.3}.makeup-dialog p{color:#777;font-size:14px;line-height:1.7}.makeup-dialog dl{margin:20px 0;font-size:14px}.makeup-dialog dt{color:#888;margin-top:10px;font-size:12px}.makeup-dialog dd{overflow-wrap:anywhere;margin:4px 0}@media (width<=1023px){.makeup-workspace-grid{grid-template-columns:1fr 1fr;gap:20px}.makeup-controls{padding:16px}.makeup-example-image>img{height:520px}.makeup-tabs button{padding-inline:7px}}@media (width<=767px){.makeup-hero{width:calc(100% - 32px);padding-top:36px}.makeup-heading{margin-bottom:28px}.makeup-heading p{font-size:14px}.makeup-workspace-grid{grid-template-columns:1fr}.makeup-example-image>img{height:auto;min-height:300px;max-height:520px}.makeup-preset-grid img{height:90px}.makeup-heading h1{font-size:31px}}