*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f5f6;color:#121416}a{text-decoration:none;color:inherit}.top{height:76px;background:#0b0d0e;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.top-brand{display:flex;align-items:center;gap:10px}.top-brand img{width:58px;height:42px;object-fit:contain;object-position:center}.top-brand span,.top-brand strong{display:block;line-height:1}.top-brand span{font-size:10px;letter-spacing:.18em;color:#9da3a7}.top-brand strong{font-size:15px;letter-spacing:.08em}.top-user{font-size:13px;color:#c8cccf}.top-user a{margin-left:18px;color:#fff}.wrap{max-width:1240px;margin:0 auto;padding:42px 28px 70px}.narrow{max-width:820px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.hero.compact{align-items:center}.eyebrow{display:block;font-size:11px;letter-spacing:.18em;color:#7c8388;font-weight:700;margin-bottom:8px}.hero h1{font-size:46px;line-height:1.02;margin:0 0 10px;letter-spacing:-.04em}.hero p{margin:0;color:#687077;font-size:16px;max-width:720px}.card{background:#fff;border:1px solid #e2e5e7;border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(20,25,30,.05);margin-bottom:24px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card h2{margin:0;font-size:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.btn{border:1px solid #d7dbde;background:#fff;color:#151719;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;font-size:14px}.btn.primary{background:#0b0d0e;color:#fff;border-color:#0b0d0e}.btn.small{padding:8px 12px;font-size:12px}.btn.full{width:100%}.pill{background:#eef7f1;color:#168044;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #eceeef}.row b,.row span{display:block}.row .muted{margin-top:4px}.muted{color:#7b8389;font-size:13px}.textlink{font-weight:700;font-size:13px}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.layout-card{border:1px solid #e0e4e6;border-radius:14px;overflow:hidden;background:#fff;transition:.2s}.layout-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.layout-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.layout-card div{padding:13px}.layout-card b,.layout-card span{display:block}.layout-card span{font-size:12px;color:#7d858b;margin-top:4px}label{display:block;font-size:12px;font-weight:700;margin:14px 0;color:#454b50}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d7dbde;border-radius:10px;padding:12px 13px;background:#fff;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#0b0d0e}.drop{border:1.5px dashed #cdd2d5;border-radius:14px;padding:32px;text-align:center;background:#fafbfb}.drop span{font-size:28px;display:block;margin-bottom:8px}.drop b,.drop small{display:block}.drop small{color:#81898e;font-weight:400;margin-top:5px}.drop input{margin-top:16px}.success,.error{padding:13px 15px;border-radius:11px;margin-bottom:18px;font-size:13px}.success{background:#ecf8f0;color:#176d3c}.error{background:#fff0f0;color:#a42323}.center{min-height:100vh;display:grid;place-items:center;background:#0b0d0e}.login-card{width:min(430px,calc(100% - 32px));background:#fff;border-radius:22px;padding:38px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.brand{width:150px;height:70px;object-fit:contain;object-position:center;display:block;margin:0 auto 22px}.login-card h1{text-align:center;font-size:34px;margin:0 0 7px}.login-card .muted{text-align:center;margin-bottom:26px}.editor-wrap{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 76px)}.pages{background:#0d1011;color:#fff;padding:22px 16px;overflow:auto}.side-head{margin-bottom:16px}.side-head b{display:block;font-size:14px}.side-head span{display:block;font-size:11px;color:#8f979b;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-thumb{width:100%;display:flex;gap:10px;text-align:left;align-items:center;background:#15191b;color:#ddd;border:1px solid #202527;border-radius:10px;padding:10px;margin-bottom:8px;cursor:pointer}.page-thumb.active{border-color:#fff;background:#202528}.page-thumb span{background:#fff;color:#111;border-radius:6px;width:28px;height:28px;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.page-thumb b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor{padding:28px}.editor-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.editor-toolbar h1{margin:0 0 6px;font-size:30px}.editor-toolbar p{margin:0;color:#6f777d}.actions{display:flex;gap:10px}.workspace{display:grid;grid-template-columns:minmax(420px,1fr) 290px;gap:22px;align-items:start}.canvas-wrap{display:flex;justify-content:center;background:#e9ebec;border-radius:16px;padding:25px;min-height:720px}.a4{width:min(620px,100%);aspect-ratio:210/297;background:#fff;position:relative;box-shadow:0 16px 45px rgba(0,0,0,.16);overflow:hidden}.a4>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fixed{position:absolute;left:5%;width:90%;text-align:center;color:#000;font-weight:900;pointer-events:none}.fixed.title{top:51%;font-size:clamp(20px,3.1vw,32px);line-height:1.1}.fixed.price{top:66%;font-size:clamp(28px,4vw,42px)}.custom-text{position:absolute;transform:translate(-50%,-50%);font-weight:700;color:#000;cursor:move;white-space:pre-wrap;max-width:90%;z-index:4}.inspector{background:#fff;border:1px solid #e0e4e6;border-radius:16px;padding:18px;position:sticky;top:96px}.inspector h3{margin:0 0 14px;font-size:25px}.hint{background:#f4f6f7;border-radius:10px;padding:12px;color:#70787d;font-size:12px;line-height:1.5;margin:12px 0}.danger{color:#a42323;border-color:#f0c8c8;background:#fff6f6}.hidden{display:none!important}hr{border:0;border-top:1px solid #e4e6e8;margin:18px 0}@media(max-width:900px){.grid2,.layout-grid,.editor-wrap,.workspace{grid-template-columns:1fr}.pages{max-height:300px}.inspector{position:static}.editor-toolbar{align-items:flex-start;flex-direction:column}.canvas-wrap{min-height:auto}.top{padding:0 16px}.wrap{padding:25px 16px}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:38px}}
.source-block{margin-top:22px}.source-title{font-size:15px;font-weight:900;letter-spacing:.06em;margin:0 0 10px;color:#0b0d0e}.source-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#8a9196;font-size:11px;font-weight:900;letter-spacing:.16em}.source-divider:before,.source-divider:after{content:"";height:1px;background:#e2e5e7;flex:1}.source-divider span{padding:0 6px}.text-source label{font-size:12px}.field-label{display:block;font-weight:800;color:#454b50;margin-bottom:8px}.text-source textarea{min-height:190px;resize:vertical;line-height:1.55}.textarea-help{display:block;color:#81898e;font-weight:400;margin-top:7px}.source-block input[type=file]:disabled,.text-source textarea:disabled{background:#f2f4f5;color:#a0a6aa;cursor:not-allowed;opacity:.8}