@font-face{font-family:AdobeHandwritingErnie;src:local("AdobeHandwritingErnie"),local("Adobe Handwriting Ernie");font-display:swap}.editor-root{width:min(1600px,100%);margin:0 auto}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.editor-layout>*{min-width:0}.editor-viewport{width:100%;aspect-ratio:3508 / 2480;min-height:clamp(280px,58vh,820px);max-height:calc(100vh - 228px);border-radius:18px;border:1px solid rgba(253,198,79,.26);background:radial-gradient(circle at 20% 0%,rgba(53,83,170,.25),transparent 40%),linear-gradient(140deg,#101d36 2%,#090d1c 44%,#070a15);box-shadow:0 26px 70px #02061780;padding:10px;display:flex;align-items:center;justify-content:center;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(252,211,77,.35) rgba(15,23,42,.2)}.editor-viewport::-webkit-scrollbar{width:8px;height:8px}.editor-viewport::-webkit-scrollbar-thumb{background:#fcd34d59;border-radius:999px}.editor-viewport .canvas-container{margin:0 auto}.editor-viewport canvas{display:block}.editor-panel{border-radius:18px;border:1px solid rgba(252,211,77,.22);background:linear-gradient(180deg,#081028f5,#090f22fa);box-shadow:0 18px 48px #07091675;color:#e2e8f0;padding:16px}.editor-panel-content{display:grid;gap:12px}.editor-help-card{border:1px solid rgba(100,116,139,.35);border-radius:12px;background:#0f172ab8;padding:10px 12px}.editor-hints-list{margin:7px 0 0;padding-left:18px;display:grid;gap:5px;color:#cbd5e1;font-size:12px;line-height:1.42}.editor-group{display:grid;gap:6px}.editor-label-small{margin:0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fde68aeb}.editor-input{width:100%;min-height:44px;border-radius:12px;border:1px solid #274378;background:#0e1b3b;color:#f8fafc;padding:9px 12px;font-size:15px;transition:border-color .18s ease,box-shadow .18s ease}.editor-input:focus{outline:none;border-color:#f4ca53;box-shadow:0 0 0 2px #fcd34d2e}.editor-lang-row,.editor-object-row{display:flex;flex-wrap:wrap;gap:7px}.editor-lang-btn,.editor-object-btn{min-height:38px;border-radius:11px;border:1px solid #2a436f;background:#0d1b3a;color:#d5deef;font-size:13px;font-weight:700;padding:8px 11px;cursor:pointer;transition:all .18s ease}.editor-lang-btn:hover,.editor-object-btn:hover{border-color:#4a6ba8}.editor-lang-btn.active{border-color:#f8d34f;background:#f8d34f;color:#0f1a33;box-shadow:0 6px 18px #f8d34f47}.editor-object-btn.active{border-color:#f6c453;background:#f6c45333;color:#fde68a}.editor-selected-object{margin:0;min-height:42px;border-radius:12px;border:1px solid rgba(96,125,176,.64);background:#101c3ce0;color:#f8fafc;padding:10px 12px;font-weight:700;display:flex;align-items:center}.editor-field{display:grid;gap:6px}.editor-field>span{font-size:14px;font-weight:600;color:#d7e0f3}.editor-field-hint{margin:0;font-size:11px;color:#95aacd}.editor-upload-btn,.editor-download-btn{width:100%;min-height:46px;border-radius:12px;font-size:15px;font-weight:800;padding:10px 13px;cursor:pointer;transition:transform .15s ease,filter .15s ease,opacity .15s ease}.editor-upload-btn{border:1px solid #2f4f87;background:linear-gradient(180deg,#132954,#102247);color:#f4f8ff;text-align:left}.editor-upload-btn:hover{border-color:#5d82c6;transform:translateY(-1px)}.editor-download-btn{border:0;background:linear-gradient(90deg,#f7cf43,#f8d94f,#f7be32);color:#081632;box-shadow:0 12px 28px #fbbf2457}.editor-download-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.editor-upload-btn:disabled,.editor-download-btn:disabled{opacity:.62;cursor:not-allowed;transform:none}@media(min-width:1280px){.editor-layout{grid-template-columns:minmax(0,1fr) 430px;gap:18px}.editor-panel{position:sticky;top:12px;align-self:start}}@media(max-width:860px){.editor-viewport{max-height:none;min-height:42vh;padding:8px;border-radius:14px}.editor-panel{border-radius:14px;padding:12px}.editor-label-small{font-size:11px}}:root{--bg-0: #e9edf9;--bg-1: #dfe6f8;--bg-2: #cfd8ef;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--text-main: #0f1f3d;--text-muted: #4a5c84;--accent: #214fa5;--accent-2: #3f7cff;--border: rgba(75, 98, 152, .24);--shadow-soft: 0 14px 40px rgba(16, 33, 71, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-main);background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.72),transparent 42%),radial-gradient(circle at 92% 14%,rgba(255,255,255,.55),transparent 40%),linear-gradient(165deg,var(--bg-0),var(--bg-1) 46%,var(--bg-2));overflow-x:hidden}.app-shell{width:min(1600px,96vw);margin:0 auto;padding:16px 0 90px}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.topbar h1{margin:0;font-size:clamp(1.4rem,2.7vw,2.25rem);line-height:1.08;letter-spacing:.01em}.lang-switcher{display:flex;flex-wrap:wrap;gap:8px}.lang-switcher button{border:1px solid var(--border);border-radius:12px;min-height:40px;min-width:48px;padding:8px 12px;font-size:.95rem;font-weight:700;color:var(--text-main);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .18s ease}.lang-switcher button:hover{border-color:#416cc480;transform:translateY(-1px)}.lang-switcher button.active{background:linear-gradient(180deg,#eaf0ff,#d9e7ff);border-color:#3057af94;color:#14397f;box-shadow:0 8px 18px #214fa533}.nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.nav a{text-decoration:none;color:var(--text-main);border:1px solid var(--border);border-radius:14px;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 16px;font-weight:600;transition:all .18s ease}.nav a:hover{border-color:#395eb38a;transform:translateY(-1px)}.nav a.active{border-color:#234ca0c7;color:#163f93;box-shadow:0 8px 20px #274c9c29}main{min-height:calc(100vh - 220px)}.legal-page{max-width:920px;margin:0 auto;padding:clamp(18px,2.4vw,30px);border:1px solid var(--border);border-radius:22px;background:var(--surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);line-height:1.65}.legal-page h2{margin:0 0 10px;font-size:clamp(1.4rem,2vw,1.9rem)}.legal-page h3{margin:20px 0 6px;font-size:clamp(1.04rem,1.5vw,1.24rem)}.legal-page p{margin:0;color:#24385d}.cookie-banner{position:fixed;left:12px;right:12px;bottom:12px;border:1px solid rgba(191,153,57,.38);border-radius:16px;background:linear-gradient(180deg,#fff8dcf7,#fff3c9f2);box-shadow:0 14px 34px #261b0133;padding:14px;z-index:90}.cookie-banner h2{margin:0 0 4px;font-size:1.05rem}.cookie-banner p{margin:0;color:#4b3d14}.cookie-actions{display:flex;gap:9px;margin-top:12px}.cookie-actions button{flex:1;min-height:40px;border-radius:10px;border:1px solid rgba(158,126,34,.46);background:#f2ce5d;color:#2c2308;font-weight:700;cursor:pointer}.cookie-actions button.secondary{background:#ffffffeb}@media(max-width:900px){.app-shell{width:min(100%,96vw);padding-top:12px}.nav{gap:8px}.nav a{padding:9px 12px;border-radius:12px}}@media(min-width:980px){.cookie-banner{left:auto;right:18px;width:min(450px,92vw)}}
