.controls hr{border:0;border-top:1px solid #e2e6ee;margin:24px 0}.checks{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.checks label{display:flex;align-items:center;gap:6px;margin:0}.checks input{width:auto}.generator-grid{margin-top:22px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2{margin:0}.mobile-sheet>.sheet-head,.mobile-editor-bar,.sheet-backdrop,.touch-help,.move-hint{display:none}.sheet-close{border:0;background:#eef0f5;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1;cursor:pointer}.control-panel h3{margin:8px 0 16px}.format-strip{display:grid;grid-template-columns:1.8fr .8fr .7fr;gap:8px}.format-strip label{min-width:0}.export-dialog{width:min(520px,92vw)}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.canvas-shell{position:relative}.move-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#10182be8;color:#fff;border-radius:99px;padding:9px 14px;font-size:12px;white-space:nowrap;pointer-events:none}.move-hint.show{display:block}#canvas{touch-action:none;cursor:text}#canvas.moving{cursor:grabbing;outline:4px solid #6d4aff;outline-offset:3px}
@media(min-width:801px){.control-panel{display:block!important}.controls .control-panel+ .control-panel{border-top:1px solid #e2e6ee;margin-top:24px;padding-top:20px}}
@media(max-width:800px){html,body{max-width:100%;overflow-x:hidden}.editor-page{overflow:auto;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.top{height:auto;min-height:64px;padding:12px 16px;align-items:flex-start}.top nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.page{margin:24px auto;padding:0 14px}.grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:12px}.editor-top{position:sticky;top:0;z-index:30;height:58px;padding:8px 12px;gap:8px}.editor-top .brand{font-size:12px}.editor-top>div:nth-child(2){text-align:left}.editor-top .actions #openExport{display:none}.editor-layout{height:auto;display:block}.stage{min-height:calc(100dvh - 128px);padding:14px 10px 24px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.canvas-shell{width:100%;display:grid;place-items:center;box-shadow:none;background:transparent}.canvas-shell canvas{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 230px);box-shadow:0 10px 32px #25314a33;background:#fff}.touch-help{display:block;text-align:center;font-size:12px;color:#596477;margin:2px 0 0}.safe-toggle{font-size:12px}.mobile-editor-bar{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:70;height:calc(64px + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #d9deE8;box-shadow:0 -8px 24px #10182b1f}.mobile-editor-bar button{border:0;background:transparent;color:#273044;font-size:12px;font-weight:700;border-radius:10px;padding:4px 2px}.mobile-editor-bar .mobile-add{background:#6d4aff;color:#fff}.mobile-sheet{display:block!important;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:60;width:100%;max-height:min(72dvh,680px);padding:16px 18px 22px;background:#fff;border:0;border-radius:20px 20px 0 0;overflow:auto;transform:translateY(calc(100% + 80px));transition:transform .22s ease;box-shadow:0 -18px 55px #10182b3d}.mobile-sheet.open{transform:translateY(0)}.mobile-sheet>.sheet-head{display:flex;position:sticky;top:-16px;background:#fff;padding:8px 0 12px;z-index:2}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#10182b80}.sheet-backdrop.show{display:block}.cards-panel .panel-head{margin-bottom:10px}.controls textarea{font-size:16px;min-height:118px}.format-strip{grid-template-columns:minmax(120px,1.5fr) minmax(70px,.7fr) minmax(58px,.55fr);gap:7px}.format-strip input,.format-strip select{padding:9px 6px}.controls .toolbar{overflow:auto}.controls .toolbar .btn{white-space:nowrap}.export-dialog{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;margin:0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.export-dialog::backdrop{background:#10182b99}.export-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.auth-card{width:min(94vw,460px);padding:24px}.template-card img{height:auto;max-height:300px}}
@media(max-width:380px){.editor-top>div:nth-child(2) span{display:none}.mobile-editor-bar button{font-size:10px}.format-strip{grid-template-columns:1fr 74px 58px}.stage{padding-left:6px;padding-right:6px}.touch-help{font-size:11px}}