:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#fbfcfd;--sunken:#eceff3;--line:#e3e7ec;--line-strong:#cfd6de;--text:#131720;--muted:#6b7482;--faint:#9aa3af;--brand:#3358f4;--brand-hover:#2745cf;--brand-soft:#eaefff;--danger:#e0483d;--ok:#16a34a;--r-sm:7px;--r-md:10px;--r-lg:14px;--r-full:999px;--sh-1:0 1px 2px #1317200f;--sh-2:0 2px 8px #13172014;--sh-3:0 10px 30px #13172024;--ring:0 0 0 3px #3358f42e;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,Inter,system-ui,-apple-system,Arial,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root:not([data-tema=aydinlik]){--bg:#14171d;--surface:#1b1f27;--surface-2:#20242d;--sunken:#0f1216;--line:#2b313b;--line-strong:#3a424f;--text:#e9edf3;--muted:#98a2b1;--faint:#6f7987;--brand:#5b7cff;--brand-hover:#7a95ff;--brand-soft:#21294a;--sh-1:0 1px 2px #0006;--sh-2:0 2px 10px #00000073;--sh-3:0 12px 34px #0000008c}}:root[data-tema=karanlik]{--bg:#14171d;--surface:#1b1f27;--surface-2:#20242d;--sunken:#0f1216;--line:#2b313b;--line-strong:#3a424f;--text:#e9edf3;--muted:#98a2b1;--faint:#6f7987;--brand:#5b7cff;--brand-hover:#7a95ff;--brand-soft:#21294a;--sh-1:0 1px 2px #0006;--sh-2:0 2px 10px #00000073;--sh-3:0 12px 34px #0000008c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}::selection{background:var(--brand-soft)}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-weight:500;line-height:1.2;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms;display:inline-flex}button:hover:not(:disabled):not(.primary):not(.tone){border-color:var(--line-strong);background:var(--surface-2)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{box-shadow:var(--ring);border-color:var(--brand);outline:none}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:linear-gradient(180deg, var(--brand) 0%, var(--brand-hover) 100%);color:#fff;border-color:#0000;font-weight:600;position:relative;overflow:hidden;box-shadow:0 1px 2px #1317201f,0 4px 14px #3358f44d}button.primary:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 22%,#ffffff4d 46%,#0000 72%);transition:transform .6s;position:absolute;inset:0;transform:translate(-130%)}button.primary:hover:not(:disabled){background:linear-gradient(180deg, var(--brand) 0%, var(--brand-hover) 100%);filter:saturate(1.2)brightness(1.15);border-color:#0000;transform:translateY(-2px);box-shadow:0 3px 6px #13172029,0 10px 26px #3358f473}button.primary:hover:not(:disabled):after{transform:translate(130%)}button.primary:active:not(:disabled){filter:saturate(1.15)brightness(1.08);transform:translateY(-1px)scale(.985)}button.tone,label.file.tone{background:rgb(var(--t) / 16%);border-color:rgb(var(--t) / 38%);color:rgb(var(--t));font-weight:600}button.tone:hover:not(:disabled),label.file.tone:hover{background:rgb(var(--t) / 27%);border-color:rgb(var(--t) / 60%);color:rgb(var(--t));box-shadow:0 5px 14px rgb(var(--t) / 28%);transform:translateY(-1px)}button.tone:active:not(:disabled){transform:translateY(0)}button.tone .ic,label.file.tone .ic{opacity:1}.t-blue{--t:37 99 235}.t-green{--t:15 145 92}.t-amber{--t:193 105 8}.t-violet{--t:116 56 224}.t-sky{--t:2 132 199}.t-rose{--t:214 51 108}.t-teal{--t:13 148 136}.t-slate{--t:90 104 122}@media (prefers-color-scheme:dark){.t-blue{--t:122 155 255}.t-green{--t:74 200 145}.t-amber{--t:236 165 74}.t-violet{--t:176 140 255}.t-sky{--t:90 190 240}.t-rose{--t:244 130 170}.t-teal{--t:76 200 190}.t-slate{--t:160 172 188}}button.lg,label.file.lg{border-radius:var(--r-md);padding:9px 16px;font-weight:600}button.lg:not(.primary):not(.tone){border-color:var(--line-strong);box-shadow:var(--sh-1)}button.lg:not(.primary):not(.tone):hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--sunken);color:var(--text);border-color:#0000}button .ic,label.file .ic{opacity:.85;font-size:15px;line-height:1}.count{border-radius:var(--r-full);font-variant-numeric:tabular-nums;background:#ffffff38;padding:1px 8px;font-size:12px}input[type=text],input[type=number],input:not([type]){font:inherit;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);padding:7px 10px;transition:border-color .14s,box-shadow .14s}input:focus-visible{border-color:var(--brand);box-shadow:var(--ring);outline:none}input[type=range]{accent-color:var(--brand);height:18px}input[type=checkbox]{accent-color:var(--brand);width:15px;height:15px}.spacer{flex:1}.bar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:11px 18px;display:flex}.bar .divider,.tools .divider{margin:0 2px}.chips{height:var(--ctl-h);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{color:var(--muted);background:var(--sunken);border-radius:var(--r-sm);white-space:nowrap;padding:5px 10px;font-size:12px;line-height:1}.bar .name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:13px;overflow:hidden}.bar,.tools{--ctl-h:40px}.group{--g:var(--t,90 104 122);height:var(--ctl-h);border:1px solid rgb(var(--g) / 30%);border-radius:var(--r-md);background:rgb(var(--g) / 10%);box-shadow:var(--sh-1);align-items:center;gap:3px;padding:3px;display:inline-flex}.group button{border-radius:var(--r-sm);height:100%;color:rgb(var(--g));box-shadow:none;background:0 0;border:none;padding:0 12px;font-size:13.5px;font-weight:600}.group button.icon{min-width:32px;padding:0 8px;font-size:17px}.group button:hover:not(:disabled):not(.on){background:rgb(var(--g) / 20%);color:rgb(var(--g))}.group button.on{background:rgb(var(--g) / 26%);color:rgb(var(--g));box-shadow:inset 0 0 0 1px rgb(var(--g) / 45%)}.group button.on .ic{opacity:1}.group .value,.group .of{color:rgb(var(--g));font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px;font-size:13.5px;font-weight:600}.group .value{text-align:center;min-width:50px}.group.pager input{text-align:center;background:rgb(var(--g) / 16%);width:56px;height:100%;color:rgb(var(--g));border-radius:var(--r-sm);font-variant-numeric:tabular-nums;border:none;padding:0 4px;font-size:13.5px;font-weight:700}.group.pager input:focus-visible{box-shadow:none;outline:2px solid var(--brand);outline-offset:-2px}.group.toggle.wide button{padding:0 14px;font-size:13px}.divider{background:var(--line);flex:none;width:1px;height:22px;margin:0 2px}.file-chip{height:var(--ctl-h);border-radius:var(--r-md);background:var(--sunken);max-width:300px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:0 14px;font-size:13px;display:inline-flex;overflow:hidden}.file-chip .ic{flex:none;font-size:14px}.bar>button,.bar>label.file,.tools>button{height:var(--ctl-h)}.bar>button.lg,.bar>label.file.lg{height:42px;padding:0 18px;font-size:14.5px}.seg-mini{background:var(--sunken);border-radius:var(--r-full);color:var(--muted);align-items:center;gap:2px;padding:2px;font-size:12px;display:inline-flex}.seg-mini>span{text-align:center;font-variant-numeric:tabular-nums;min-width:44px}.seg-mini button{border-radius:var(--r-full);color:var(--muted);background:0 0;border:none;padding:3px 9px}.seg-mini button:hover:not(:disabled){background:var(--surface);color:var(--text)}.seg-mini button.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-1)}.pager{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:inline-flex}.pager input{text-align:center;width:54px;padding:5px 6px}label.file{border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;background:var(--surface);align-items:center;gap:6px;padding:7px 12px;font-weight:500;transition:border-color .14s;display:inline-flex;position:relative;overflow:hidden}label.file:hover{border-color:var(--line-strong)}label.file.primary{background:linear-gradient(180deg, var(--brand) 0%, var(--brand-hover) 100%);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 1px 2px #1317201f,0 4px 14px #3358f44d}label.file.primary:hover{filter:saturate(1.2)brightness(1.15);border-color:#0000;transform:translateY(-2px);box-shadow:0 3px 6px #13172029,0 10px 26px #3358f473}label.file{transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms}label.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.home{flex-direction:column;min-height:100%;display:flex}.home .logo{letter-spacing:4px;font-weight:800}.home .privacy{color:var(--muted);background:var(--sunken);border-radius:var(--r-full);padding:5px 12px;font-size:12px}.home{background:radial-gradient(760px 320px at 50% 0%, #3358f414, transparent 70%), var(--bg)}.home main{text-align:center;max-width:820px;margin:0 auto;padding:76px 20px}.home h1{letter-spacing:-.5px;margin:0 0 10px;font-size:34px}.home .lead{color:var(--muted);max-width:460px;margin:0 auto 36px;line-height:1.55}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.card{border-radius:var(--r-lg);background:linear-gradient(180deg, rgb(var(--t) / 7%), rgb(var(--t) / 2%)), var(--surface);border:1px solid rgb(var(--t) / 20%);text-align:left;box-shadow:var(--sh-1);flex-direction:column;align-items:flex-start;gap:4px;padding:22px;display:flex}.card:hover:not(:disabled){border-color:rgb(var(--t) / 55%);box-shadow:0 10px 26px rgb(var(--t) / 20%);transform:translateY(-3px)}.card b{color:rgb(var(--t))}.card .ic{border-radius:var(--r-md);background:rgb(var(--t) / 14%);width:42px;height:42px;color:rgb(var(--t));opacity:1;place-items:center;margin-bottom:8px;font-size:20px;display:grid}.card b{font-size:16px}.card small{color:var(--muted)}.steps{color:var(--muted);counter-reset:s;flex-wrap:wrap;justify-content:center;gap:8px;margin:40px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);align-items:center;gap:7px;padding:6px 14px 6px 7px;display:flex}.steps li:before{counter-increment:s;content:counter(s);background:var(--brand-soft);width:20px;height:20px;color:var(--brand);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.note{color:var(--muted);margin-top:38px;font-size:13px;line-height:1.6}.source,.design{flex-direction:column;height:100%;display:flex}.tools{background:var(--surface-2);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.hint-text{color:var(--faint);font-size:12.5px}.tools .found{color:var(--muted);white-space:nowrap;font-size:12.5px}.tools .found b{color:var(--brand)}.slider{color:var(--muted);align-items:center;gap:9px;font-size:12.5px;display:flex}.slider input[type=range]{width:130px}.slider b{color:var(--text);font-variant-numeric:tabular-nums;min-width:34px}.stage{background:radial-gradient(900px 320px at 50% -8%, #3358f40f, transparent 70%), var(--sunken);flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:relative;overflow:auto}.canvas-wrap{box-shadow:var(--sh-3);background:#fff;border-radius:4px;line-height:0;position:relative}.canvas-wrap canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:4px;display:block}.sel{border:2px solid var(--brand);pointer-events:none;background:#3358f41a;border-radius:3px;position:absolute}.sel.live{background:#3358f40f;border-style:dashed}.flash{pointer-events:none;border:2px solid var(--ok);background:#16a34a29;border-radius:3px;animation:.42s ease-out forwards flash-out;position:absolute}@keyframes flash-out{to{opacity:0;transform:scale(1.02)}}.auto-box{border:1.5px dashed var(--line-strong);background:0 0;border-radius:4px;padding:0;position:absolute}.auto-box:hover{border-color:var(--brand)}.auto-box.on{border:2px solid var(--brand);background:#3358f414}.auto-box .tick{background:var(--brand);color:#fff;width:20px;height:20px;box-shadow:var(--sh-1);border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;top:-10px;left:-10px}.auto-box:not(.on) .tick{display:none}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface);text-align:center;width:min(700px,100%);margin-top:48px;padding:64px 20px}.dz-icon{font-size:42px}.dz-inner h3{margin:12px 0 4px;font-size:18px}.dz-inner p{color:var(--muted);margin:0 0 20px}.busy{background:var(--text);color:var(--bg);border-radius:var(--r-full);box-shadow:var(--sh-2);padding:7px 16px;font-size:13px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.toast{color:#fff;border-radius:var(--r-full);box-shadow:var(--sh-3);z-index:20;background:#16191f;align-items:center;gap:12px;padding:9px 12px 9px 18px;font-size:13px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast button{color:#fff;background:0 0;border-color:#454c58;padding:4px 12px;font-size:12px}.toast button:hover{background:#262b34;border-color:#6b7482}.design-body{flex:1;grid-template-columns:336px 1fr;min-height:0;display:grid}.panel{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);background:var(--surface);gap:2px;padding:8px 8px 0;display:flex}.tab{border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;gap:3px;padding:8px 2px 9px;font-size:11px;position:relative}.tab .ic{opacity:.7;font-size:14px}.tab:hover:not(.on){background:var(--sunken);color:var(--text)}.tab.on{color:rgb(var(--t,51 88 244));border-bottom-color:rgb(var(--t,51 88 244));background:rgb(var(--t,51 88 244) / 9%);font-weight:600}.tab.on .ic{opacity:1}.tab .badge{background:var(--brand);color:#fff;border-radius:var(--r-full);padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:4px;right:8px}.panel-scroll{flex:1;padding:16px;overflow:auto}.grp{margin-bottom:8px}.grp h4{text-transform:uppercase;letter-spacing:.7px;color:var(--faint);margin:0 0 12px;font-size:12px;font-weight:700}.grp .sub{color:var(--muted);margin:16px 0 7px;font-size:12px;font-weight:600}.panel label{color:var(--muted);margin-bottom:11px;font-size:12px;display:block}.panel label input:not([type=checkbox]):not([type=range]):not([type=color]){width:100%;color:var(--text);margin-top:5px;display:block}.check{cursor:pointer;align-items:center;gap:9px;padding:5px 0;color:var(--text)!important;font-size:13px!important;display:flex!important}.check.small{margin:0;font-size:12px!important}.range{margin-bottom:12px;display:block}.range>span{color:var(--muted);justify-content:space-between;margin-bottom:3px;font-size:12px;display:flex}.range b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.range input[type=range]{width:100%}.seg{background:var(--sunken);border-radius:var(--r-md);gap:3px;margin-bottom:12px;padding:3px;display:flex}.seg button{border-radius:var(--r-sm);color:var(--muted);background:0 0;border:none;flex:1;padding:6px 4px;font-size:12px}.seg button:hover:not(:disabled):not(.on){color:var(--text);background:#0000000a}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-1);font-weight:600}.grid4{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}.mini{text-align:center;margin:0!important;font-size:11px!important}.mini input{text-align:center;width:100%;margin-top:3px!important;padding:5px 4px!important}.tip{color:var(--faint);margin:-6px 0 12px;font-size:11px;line-height:1.5}.check input[type=color]{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;background:0 0;width:36px;height:26px;padding:0}.tmpl-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}button.tmpl{color:var(--muted);border-radius:var(--r-md);flex-direction:column;gap:6px;padding:7px 5px;font-size:11px}button.tmpl.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.thumb{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;width:100%;height:46px;display:block;position:relative;overflow:hidden}.thumb i{background:#99a3b0;border-radius:1px;position:absolute;left:3px}.thumb i.box{background:0 0;border:1px solid #b7bfc9}.thumb i.col{background:#e6eaef;width:43%;height:15px}.row-btns{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.row-btns button,.row-btns label.file{padding:6px 10px;font-size:12px}.logo-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.logo-row img{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;max-width:120px;max-height:48px;padding:4px}label.file.block{justify-content:center;margin-bottom:12px;display:flex}.qitem{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:10px;padding:9px;transition:border-color .14s}.qitem:hover{border-color:var(--line-strong)}.qhead{align-items:center;gap:6px;margin-bottom:7px;font-size:12px;display:flex}.qhead .src{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.qhead button{border-radius:var(--r-sm);padding:2px 7px;font-size:12px}.qhead .del:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:0 0}.qitem>img{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;width:100%;display:block}.qfoot{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.choices{gap:3px;display:flex}.choices button{border-radius:var(--r-sm);color:var(--muted);padding:3px 8px;font-size:11px}.choices button.on{background:var(--brand);color:#fff;border-color:#0000;font-weight:700}.empty{color:var(--muted);font-size:13px}.empty.big{margin:80px auto;font-size:15px}.preview{background:radial-gradient(1200px 400px at 50% -10%, #3358f40f, transparent 70%), var(--sunken);flex-direction:column;align-items:center;gap:28px;padding:32px 28px 48px;display:flex;overflow:auto}.a4{box-shadow:var(--sh-3);background:#fff;border-radius:3px;flex:none;transition:box-shadow .18s,transform .18s;animation:.24s ease-out both page-in;position:relative;overflow:hidden}.a4:hover{box-shadow:var(--sh-3), 0 0 0 1px #3358f438}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.a4-inner{transform-origin:0 0;position:absolute;top:0;left:0}.a4-inner .abs{position:absolute}.a4-inner .wm{pointer-events:none;width:100%;height:100%;inset:0}.a4-inner .qnum{color:#000;font-weight:700;line-height:1.15;position:absolute}.page-border,.q-frame{border:.4mm solid #999;position:absolute}.q-frame{border-width:.2mm;border-color:#ccc}.col-rule{background:#cfd4da;width:.2mm;position:absolute}.bubble{color:#6b7280;border:.25mm solid #6b7280;border-radius:50%;place-items:center;font-size:7pt;line-height:1;display:grid;position:absolute}.pgno{text-align:right;color:#777;font-size:9pt;position:absolute}.pagenum{color:var(--faint);font-size:11px;position:absolute;bottom:6px;right:8px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#0a0d1285;place-items:center;padding:24px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);width:min(1040px,100%);max-height:92vh;box-shadow:var(--sh-3);flex-direction:column;animation:.18s cubic-bezier(.2,.9,.3,1.2) pop-in;display:flex;overflow:hidden}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal-head,.modal-foot{align-items:center;gap:10px;padding:13px 18px;display:flex}.modal-head{border-bottom:1px solid var(--line);font-size:15px}.modal-foot{border-top:1px solid var(--line);background:var(--surface-2);justify-content:flex-end}.modal-body{grid-template-columns:1fr 380px;gap:0;min-height:0;display:grid;overflow:auto}.editor{padding:18px;overflow:auto}.editor label{color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.editor textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);resize:vertical;margin-top:5px;padding:10px 12px;font-size:14px;line-height:1.5;display:block}.editor textarea:focus-visible{border-color:var(--brand);box-shadow:var(--ring);outline:none}.editor .sub{color:var(--muted);margin:16px 0 8px;font-size:12px;font-weight:600}.symbols{flex-wrap:wrap;gap:4px;display:flex}.symbols button{border-radius:var(--r-sm);background:var(--surface-2);min-width:32px;padding:5px 6px;font-size:15px}.choice-row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.choice-row input{flex:1}.choice-row .tag{border-radius:var(--r-sm);background:var(--sunken);width:26px;height:26px;color:var(--muted);flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.choice-row .tag.on{background:var(--ok);color:#fff}.choice-row .mark{color:var(--faint);padding:5px 9px;font-size:12px}.choice-row .mark.on{background:var(--ok);color:#fff;border-color:#0000}.editor-preview{border-left:1px solid var(--line);background:var(--sunken);padding:18px;overflow:auto}.paper-preview{border-radius:var(--r-sm);box-shadow:var(--sh-2);background:#fff;max-width:100%;padding:4px}.paper-preview img{width:100%;display:block}.modal.narrow{width:min(560px,100%)}.share-body{padding:18px;overflow:auto}.file-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.file-card .ic{font-size:24px}.file-card b{word-break:break-all;font-size:13px;display:block}.file-card small{color:var(--muted);font-size:12px}.share-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}button.share-tile{border-radius:var(--r-md);text-align:left;background:rgb(var(--t) / 8%);border-color:rgb(var(--t) / 22%);box-shadow:var(--sh-1);flex-direction:column;align-items:flex-start;gap:2px;padding:14px}button.share-tile:hover:not(:disabled){background:rgb(var(--t) / 16%);border-color:rgb(var(--t) / 50%);box-shadow:0 8px 20px rgb(var(--t) / 22%);transform:translateY(-2px)}button.share-tile .ic{opacity:1;margin-bottom:6px;font-size:22px}button.share-tile b{color:rgb(var(--t));font-size:13px}button.share-tile small{color:var(--muted);font-size:11px;font-weight:400}.share-note{border-radius:var(--r-md);background:var(--brand-soft);color:var(--brand);margin:14px 0 0;padding:9px 12px;font-size:12px}.share-body .tip{margin:14px 0 0}.empty-state{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:26px 16px;display:flex}.empty-state .ic{opacity:.6;font-size:26px}.empty-state b{color:var(--text);font-size:14px}.empty-state small{max-width:260px;font-size:12px;line-height:1.5}.empty-state.big{background:var(--surface);box-shadow:var(--sh-1);border-style:solid;margin:60px auto;padding:44px 32px}.empty-state.big .ic{font-size:34px}.row-btns.compose{margin:0 0 10px}.row-btns.compose button{flex:1}.row-btns.work{margin:0 0 4px}.row-btns.work button,.row-btns.work label.file{flex:1;justify-content:center}.notice{text-align:left;border:1px solid rgb(var(--t) / 35%);background:rgb(var(--t) / 12%);border-radius:var(--r-md);align-items:center;gap:12px;margin-bottom:28px;padding:12px 14px;display:flex}.notice .ic{font-size:22px}.notice b{color:rgb(var(--t));font-size:13.5px;display:block}.notice small{color:var(--muted);font-size:12px}.chip.saved{color:#0f915c;background:#0f915c24;font-weight:600}.chip.failed{color:var(--danger);background:#e0483d24;font-weight:600}@media (prefers-color-scheme:dark){.chip.saved{color:#4ac891;background:#4ac89129}}.home-actions{justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:content-box}@media (width<=900px){.modal-body{grid-template-columns:1fr}.editor-preview{border-left:none;border-top:1px solid var(--line)}.design-body{grid-template-rows:46vh 1fr;grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--line)}}.tema-dugme{z-index:80;border-radius:var(--r-full);border:1px solid var(--line-strong);background:var(--surface);width:40px;height:40px;color:var(--text);box-shadow:var(--sh-2);cursor:pointer;justify-content:center;align-items:center;font-size:17px;line-height:1;transition:box-shadow .2s,transform .2s;display:flex;position:fixed;bottom:14px;right:14px}.tema-dugme:hover{box-shadow:var(--sh-3);transform:translateY(-1px)}