.clear-page{color:#24231f;background:#f3f0ea;min-height:100vh}.clear-page header{z-index:20;background:#fbfaf7;border-bottom:1px solid #d9d3c9;align-items:center;gap:18px;min-height:72px;padding:14px 28px;display:flex;position:sticky;top:0}.clear-logo{background:#080808;flex:0 0 156px;padding:7px 9px;line-height:0;display:flex}.clear-logo img{width:100%;height:auto}.clear-page header>span{color:#6d685f;letter-spacing:.12em;font-size:10px}.clear-page nav{gap:18px;margin-left:auto;display:flex}.clear-page nav a{color:#6d685f;font-size:10px;text-decoration:none}.clear-page nav a.active{color:#6f1733;font-weight:600}.clear-account{align-items:center;gap:8px;display:flex}.clear-account b{color:#fff;background:#6f1733;padding:6px 8px;font-size:9px}.clear-account small{text-overflow:ellipsis;white-space:nowrap;color:#777168;max-width:150px;font-size:9px;overflow:hidden}.clear-hero{padding:48px 5vw 30px}.clear-hero p,.clear-workspace aside>small{color:#957249;letter-spacing:.2em;font-size:9px}.clear-hero h1{margin:12px 0;font:400 48px/1.08 Georgia,Songti SC,serif}.clear-hero>span{color:#747067}.clear-login{background:#eee8de;border:1px solid #d6cbbc;grid-template-columns:minmax(240px,1fr) 220px 180px 110px;align-items:center;gap:10px;margin:0 5vw 18px;padding:16px;display:grid}.clear-login small{color:#957249;letter-spacing:.18em}.clear-login h2{margin:5px 0;font:400 18px Georgia,Songti SC,serif}.clear-login p{color:#746f66;margin:0;font-size:10px}.clear-login input{background:#fff;border:1px solid #cfc5b8;padding:11px}.clear-login button,.clear-action{color:#fff;cursor:pointer;background:#6f1733;border:0;padding:12px}.clear-login button:disabled,.clear-action:disabled{opacity:.45;cursor:not-allowed}.clear-workspace{grid-template-columns:320px minmax(0,1fr);gap:18px;padding:0 5vw 60px;display:grid}.clear-workspace aside{background:#fbfaf7;border:1px solid #d5cec4;padding:22px}.clear-upload{color:#5d574f;cursor:pointer;background:#f7f4ef;border:1px dashed #b8aa98;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:230px;margin:14px 0;padding:16px;display:flex}.clear-upload i{color:#957249;font-size:28px;font-style:normal}.clear-upload span{color:#8b8378;font-size:10px}.clear-upload.has-image{border-style:solid;padding:0}.clear-upload img{object-fit:contain;background:#e8e2d9;width:100%;height:230px}.clear-workspace aside ol{color:#6d685f;padding-left:18px;font-size:11px;line-height:1.9}.clear-action{width:100%;margin-top:8px}.clear-status{color:#746f66;min-height:38px;font-size:10px;line-height:1.55}.clear-stage{background:#e6e0d7;border:1px solid #d2c9bd;min-height:600px}.clear-stage-head{background:#f0ebe4;border-bottom:1px solid #c9c0b4;justify-content:space-between;align-items:center;height:76px;padding:0 22px;display:flex}.clear-stage-head small{color:#957249;letter-spacing:.18em;font-size:9px}.clear-stage-head h2{margin:5px 0 0;font:400 18px Georgia,Songti SC,serif}.clear-stage-head button{color:#6f1733;background:0 0;border:1px solid #6f1733;padding:10px 15px}.clear-room-preview,.clear-compare{object-fit:contain;width:100%;height:522px;display:block}.clear-empty{color:#81786d;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:522px;display:flex}.clear-empty i{font-size:34px;font-style:normal}.clear-empty span{font-size:11px}.clear-compare{background:#d9d2c8;position:relative;overflow:hidden}.clear-compare>img,.clear-after,.clear-after img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.clear-after{width:var(--clear-position);overflow:hidden}.clear-after img{width:calc(10000% / var(--clear-position));max-width:none}.clear-before-label,.clear-after-label{color:#fff;background:#141414b8;padding:5px 8px;font-size:9px;position:absolute;top:16px}.clear-before-label{left:16px}.clear-after-label{right:16px}.clear-line{z-index:3;top:0;bottom:0;left:var(--clear-position);color:#fff;background:#fff;justify-content:center;align-items:center;width:2px;font-style:normal;display:flex;position:absolute;transform:translate(-1px)}.clear-line:before{content:"";background:#6f1733;border-radius:50%;width:34px;height:34px;position:absolute}.clear-line{font-size:14px;line-height:1}.clear-line:after{content:"↔";z-index:1;position:absolute}.clear-compare input{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (max-width:820px){.clear-page header{padding:12px 16px}.clear-page header>span,.clear-page nav{display:none}.clear-logo{flex-basis:126px}.clear-account{margin-left:auto}.clear-hero{padding:34px 20px 22px}.clear-hero h1{font-size:36px}.clear-login{grid-template-columns:1fr;margin:0 20px 16px}.clear-workspace{grid-template-columns:1fr;padding:0 20px 40px}.clear-stage{min-height:500px}.clear-room-preview,.clear-compare,.clear-empty{height:420px}}