*{box-sizing:border-box}body{background:#0c1015;color:#edf2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}header{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26303b;background:#11171e}h1{font-size:21px;margin:0}header small{font-size:10px;letter-spacing:1.7px;color:#7f91a4}.privacy{font-size:12px;color:#8ed8b1;background:#14251e;padding:8px 12px;border-radius:20px}nav{height:58px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid #26303b;overflow-x:auto;background:#10161c}button{border:1px solid #34404c;background:#1a222b;color:#e7edf3;border-radius:7px;padding:8px 11px;cursor:pointer;white-space:nowrap}button:hover{background:#25303b}.primary{background:#2f6fed;border-color:#2f6fed;color:white}.ai{border-color:#7556c7;background:#241d38}.workspace{display:grid;grid-template-columns:285px 1fr;height:calc(100vh - 180px);min-height:560px}aside{border-right:1px solid #26303b;background:#10161c;overflow:hidden}.sidehead{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #26303b}.sidehead span{font-size:12px;color:#8090a0}.thumbs{height:calc(100% - 48px);overflow:auto;padding:8px}.thumb{width:100%;display:grid;grid-template-columns:70px 1fr;text-align:left;grid-gap:10px;gap:10px;padding:7px;margin-bottom:5px;border-color:transparent;background:transparent}.thumb.selected{background:#1d2c40;border-color:#356cb4}.thumb img{width:70px;height:55px;object-fit:cover;border-radius:4px}.thumb div{min-width:0;display:flex;flex-direction:column;justify-content:center}.thumb span{overflow:hidden;text-overflow:ellipsis;font-size:12px}.thumb small{color:#8292a2;margin-top:5px}article{min-width:0;display:flex;flex-direction:column;background:#0a0e13}.filename{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #222b34}.filename input{width:min(560px,70%);background:transparent;color:#e8eef5;border:1px solid transparent;border-radius:5px;padding:6px}.filename input:focus,.filename input:hover{border-color:#3b4856;outline:none}.filename span{color:#8292a2;font-size:12px}.stage{position:relative;flex:1 1;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#10161c 0 25%,#0d1218 0 50%) 50%/22px 22px}.stage img{max-width:88%;max-height:88%;box-shadow:0 14px 50px #0009;transition:filter .15s}.badge{position:absolute;top:18px;left:18px;background:#000b;padding:7px 10px;border-radius:5px;font-size:11px}.controls{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px;padding:12px 18px;border-top:1px solid #222b34;background:#11171e}.controls label span{display:flex;justify-content:space-between;font-size:11px;color:#9aa8b6}.controls label b{color:#d9e3ec}.controls input{width:100%}footer{height:58px;display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:0 18px;border-top:1px solid #26303b;background:#10161c}.empty{margin:auto;text-align:center;max-width:460px;color:#9ba9b7}.empty h2{color:#eef3f7}.empty p{line-height:1.6}.icon{font-size:70px;color:#40546a}.notice{position:fixed;bottom:0;left:0;right:0;height:50px;background:#121922;border-top:1px solid #283441;padding:15px 20px;font-size:12px;color:#8f9dac}.notice b{color:#bac8d5}@media(max-width:850px){.workspace{grid-template-columns:120px 1fr}.thumb{display:block}.thumb div{display:none}.thumb img{width:90px}.controls{grid-template-columns:repeat(2,1fr)}.privacy{display:none}}.activeTool{border-color:#56a3ff;background:#173454}.stage{touch-action:none}.stage img{width:auto;height:auto;object-fit:contain;transform-origin:center center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faceHint{top:16px;left:50%;transform:translateX(-50%);background:#101923e8;border:1px solid #4e91d7;border-radius:7px;padding:8px 12px;font-size:12px}.faceBox,.faceHint{position:absolute;pointer-events:none}.faceBox{border:2px solid #63aaff;background:#63aaff22;box-shadow:0 0 0 9999px #0003}.faceActions{min-height:48px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:7px 18px;background:#132033;border-top:1px solid #29405b}.faceActions span{margin-right:auto;color:#a9c8e8;font-size:12px}.faceActions button:disabled{opacity:.45;cursor:not-allowed}.zoom{display:flex;align-items:center;gap:6px;margin-right:auto}.zoom button{padding:5px 10px}.zoom span{width:48px;text-align:center;color:#9aa8b6;font-size:11px}.cropBox{border:2px solid white;box-shadow:0 0 0 9999px rgba(0,0,0,.48);z-index:7}.cropBox,.cropHint{position:absolute;pointer-events:none}.cropHint{top:14px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.72);color:#fff;padding:7px 12px;border-radius:7px;font-size:13px;z-index:8}.aiHint{border-color:#9a78ef;background:#211936ee}.aiActions{background:#1d1730;border-top-color:#49376d}.ai:disabled{opacity:.55;cursor:wait}body,html{height:100%;overflow:hidden}body{margin:0}main{height:100dvh;display:grid;grid-template-rows:72px 58px minmax(0,1fr) 42px;overflow:hidden}.workspace{height:auto!important;min-height:0!important;overflow:hidden}article{min-height:0;overflow:hidden}.stage{min-height:0!important}.controls{flex:0 0 auto}.filename{flex:0 0 48px}footer{flex:0 0 58px;position:relative;z-index:20}.faceActions{flex:0 0 auto;position:relative;z-index:21}.notice{position:static!important;height:42px!important;padding:11px 20px!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stageZoom{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:6px;padding:7px;background:#0b1119e8;border:1px solid #34404c;border-radius:9px;box-shadow:0 8px 24px #0008}.stageZoom button{min-width:48px;padding:7px 8px}.stageZoom span{text-align:center;color:#a9b7c5;font-size:10px;padding:2px 0}.stage img{max-width:calc(100% - 28px);max-height:calc(100% - 28px)}@media(max-height:760px){header{height:54px;padding:0 18px}main{grid-template-rows:54px 50px minmax(0,1fr) 34px}nav{height:50px}.filename{height:38px;flex-basis:38px}.controls{padding:7px 18px}.controls label span{font-size:10px}footer{height:48px;flex-basis:48px}.notice{height:34px!important;padding:8px 16px!important}.faceActions{min-height:40px;padding:5px 18px}}.deleteBtn{margin-left:auto;border-color:#b94a48!important;color:#b42318!important;background:#fff7f6!important}.deleteBtn:hover{background:#fee4e2!important}.filename{gap:10px}.filename input{min-width:0;flex:1 1}.ai small{display:block;font-size:9px;color:#cdbdf7;margin-top:2px}.modalShade{position:fixed;inset:0;background:#000a;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.aiModal{width:min(520px,94vw);background:#151b23;border:1px solid #46515e;border-radius:12px;box-shadow:0 24px 80px #000c;padding:22px}.aiModal h3{margin:0 0 10px;font-size:20px}.aiModal p{color:#b4c0cc;line-height:1.5;margin:0 0 16px}.costCard{display:grid;grid-template-columns:1fr auto;grid-gap:5px 16px;gap:5px 16px;background:#201a31;border:1px solid #654fa2;border-radius:9px;padding:12px 14px;margin-bottom:18px}.costCard span{font-weight:700;color:#dbcfff}.costCard small{grid-column:1/-1;color:#9faaba;line-height:1.35}.modalButtons{display:flex;justify-content:flex-end;gap:8px}.cameraBtn{white-space:nowrap}.emptyActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}