:root{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#1b2c44;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}.shell{display:flex;min-height:100vh}aside{background:#0e1d31;color:#fff;width:228px;flex:none;padding:28px 17px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px}.logo>span{display:grid;place-items:center;font-size:24px;width:39px;height:39px;background:#2563eb;border-radius:12px}.logo b{display:block;font-size:14px}.logo small{display:block;font-size:9px;letter-spacing:1.5px;color:#91a5bf;margin-top:6px}.nav{margin-top:48px;background:#1d3658;border-radius:9px;padding:14px;font-size:13px;font-weight:700}.asidefoot{margin-top:auto}.asidefoot>b{font-size:12px}.asidefoot p{font-size:11px;line-height:1.65;color:#a8b9ce;background:#172a42;border-radius:10px;padding:13px}.asidefoot small{font-size:10px;color:#8598ae}main{flex:1;min-width:0}header{height:72px;border-bottom:1px solid #e7ebf2;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 36px;color:#8190a4;font-size:12px}header b{color:#314259}header span:last-child{color:#239973}.content{max-width:1510px;padding:35px 34px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.pagehead small{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#2563eb}.pagehead h1{font-size:30px;letter-spacing:-1px;margin:8px 0}.pagehead p,.heading p{color:#8291a3}.pagehead p{font-size:13px;margin:0}.pill{background:#e5f8ed;color:#158b60;border-radius:30px;padding:10px 13px;font-size:11px;font-weight:700}.grid{display:grid;grid-template-columns:minmax(330px,1.23fr) minmax(285px,.92fr) minmax(270px,.85fr);gap:17px;align-items:stretch}.panel{background:#fff;border:1px solid #e4eaf2;box-shadow:0 4px 18px #15364f0b;border-radius:14px;overflow:hidden}.heading{min-height:80px;border-bottom:1px solid #ecf0f5;padding:20px 21px;display:flex;align-items:center;justify-content:space-between}.heading b{font-size:13px}.heading p{font-size:11px;margin:8px 0 0}.heading>span{color:#a2afbd}.small{border:1px solid #dce5ee;border-radius:7px;background:#fff;color:#667a91;font-size:22px;width:32px;height:32px}.drop{background:#f8fbff;border:2px dashed #cbd7e6;border-radius:12px;margin:18px;width:calc(100% - 36px);height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.drop>span{background:#e7f0ff;color:#2563eb;border-radius:14px;font-size:36px;width:70px;height:70px;display:grid;place-items:center}.drop b{font-size:15px}.drop p{margin:0;color:#8290a2;font-size:12px}.drop small{margin-top:8px;color:#96a5b6;font-size:10px}.area{height:420px;margin:18px;background:#e6edf4;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background-image:radial-gradient(#cbd6e2 1px,transparent 1px);background-size:14px 14px}.crop{position:relative;overflow:hidden;background:#fff;flex:none;cursor:grab;box-shadow:0 3px 17px #152e4a50;border:2px solid white;max-width:95%}.crop:active{cursor:grabbing}.crop img{position:absolute;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.oval{border:2px dashed #fffd;border-radius:50%;position:absolute;left:21%;top:13%;width:58%;height:57%}.horizontal{border-top:1px dashed #fffb;position:absolute;left:0;right:0;top:70%}.vertical{border-left:1px dashed #fffb;position:absolute;top:0;bottom:0;left:50%}.cropbadge{position:absolute;right:8px;bottom:7px;color:#fff;background:#152a43aa;border-radius:5px;padding:5px 7px;font-size:10px}.dragtext{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#20364cdd;color:#fff;border-radius:20px;padding:6px 11px;white-space:nowrap;font-size:10px}.controls{padding:16px 21px 23px}.spread{display:flex;align-items:center;justify-content:space-between;gap:8px}.controls .spread{font-size:12px}.controls .spread>span{color:#8393a6}.range{width:100%;margin:20px 0;accent-color:#2563eb}.outline{background:#fff;border:1px solid #d7e1ed;border-radius:8px;color:#355170;padding:12px 14px;font-size:12px;font-weight:750}.link{border:0;background:transparent;color:#2465e2;font-size:12px;font-weight:700;padding:10px}.settings{padding:22px}.settings>label{font-weight:750;font-size:12px;display:block;margin:0 0 11px}.settings select{width:100%;border:1px solid #d7e1eb;border-radius:9px;background:#fff;height:44px;padding:0 12px;color:#243b56;font-size:12px;margin-bottom:20px}.info{background:#f8faff;border:1px solid #e5ecf5;padding:16px;border-radius:10px;margin-bottom:24px}.info .spread{font-size:11px}.info .spread+.spread{margin-top:14px}.info span{color:#8494a8}.info b{text-align:right}.paper{border:1px solid #dae4ef;border-radius:8px;padding:13px;font-size:12px;font-weight:700;margin-bottom:20px}.paper small{display:block;color:#8a99aa;font-size:11px;font-weight:400;margin-top:5px}.toggle{font-size:12px;margin:22px 0}.toggle input{accent-color:#2563eb;width:18px;height:18px}.notice{padding:14px;background:#eef5ff;border:1px solid #d9e9ff;border-radius:10px;color:#50719d;font-size:11px;line-height:1.6}.preview{padding:22px}.paperback{padding:16px 9px;background:#f1f4f8;border-radius:9px}.sheet{position:relative;aspect-ratio:6/4;background:#fff;box-shadow:0 2px 12px #152e4a14;overflow:hidden;display:grid;place-items:center}.sheet>span{font-size:11px;color:#9baab8}.slot{position:absolute;overflow:hidden;border:1px solid #d5dbe3}.slot img{position:absolute;max-width:none;pointer-events:none}.meta{font-size:10px;color:#8b9aac;margin:15px 0 23px}.primary{width:100%;background:#2563eb;color:#fff;border:none;border-radius:9px;padding:14px;font-size:12px;font-weight:800}.primary:hover{background:#174fc4}.wide{display:block;width:100%;margin-top:10px;text-align:center}.danger{color:#c33e3e;font-size:11px}.message{position:fixed;bottom:26px;right:26px;z-index:10;padding:14px;background:#153752;color:#fff;box-shadow:0 8px 30px #112b4855;border-radius:9px;max-width:440px;font-size:12px;display:flex;gap:18px;align-items:center}.message button{background:none;border:0;color:#fff;font-size:20px}footer{margin-top:26px;font-size:10px;color:#8796a9;display:flex;justify-content:space-between;gap:10px}@media(max-width:1250px){aside{width:190px}.grid{grid-template-columns:1fr 1fr}.grid>.panel:last-child{grid-column:span 2}.preview{max-width:480px;margin:auto}}@media(max-width:770px){aside{display:none}header{padding:0 17px}.content{padding:22px 14px}.grid{grid-template-columns:1fr}.grid>.panel:last-child{grid-column:auto}.pill{display:none}.pagehead h1{font-size:25px}footer{flex-direction:column}}