:root{color:#27364d;background:#f6f8fb;font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.hidden{display:none!important}.studio-header{color:#3049b2;background:#fff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;height:70px;padding:0 max(20px,50vw - 560px);font-weight:800;display:flex}.studio-header nav{color:#51627a;gap:22px;font-size:13px;display:flex}.studio-main{max-width:1120px;margin:auto;padding:0 20px 70px}.studio-intro{padding:48px 0 25px}.studio-intro span{color:#667fbb;letter-spacing:2px;font-size:11px;font-weight:800}.studio-intro h1{letter-spacing:-2px;margin:8px 0;font-size:clamp(32px,5vw,48px)}.studio-intro p,.studio-panel p,.hint{color:#728299}.studio-tabs{scrollbar-width:thin;gap:8px;padding-bottom:14px;display:flex;overflow:auto}.studio-tabs button{color:#40536d;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:9px;padding:10px 14px}.studio-tabs button.active,.action{color:#fff!important;background:#3049b2!important;border-color:#3049b2!important}.studio-panel{background:#fff;border:1px solid #e2e8f1;border-radius:17px;min-height:500px;margin-top:8px;padding:28px}.studio-panel h2{margin:5px 0 4px;font-size:21px}.studio-panel hr{border:0;border-top:1px solid #e6ebf2;margin:32px 0}.studio-panel label{color:#52637b;margin:15px 0;font-size:12px;font-weight:650;display:block}.studio-panel input:not([type=checkbox]):not([type=color]):not([type=range]):not([type=file]),.studio-panel select,.studio-panel textarea{color:#25354e;background:#fff;border:1px solid #dce4ee;border-radius:8px;width:100%;margin-top:6px;padding:10px;display:block}.studio-panel input[type=file]{max-width:100%;margin:16px 0;display:block}.studio-panel input[type=color]{min-width:90px;margin-top:6px;display:block}.studio-panel input[type=range]{width:100%;display:block}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px;max-width:750px;display:grid}.action,.secondary{cursor:pointer;border:1px solid #dce4ee;border-radius:9px;margin:12px 9px 10px 0;padding:11px 16px;font-size:13px;font-weight:750}.secondary{color:#34435b;background:#fff}.action:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}#passportPreview{object-fit:contain;background:repeating-conic-gradient(#e7ecf3 0% 25%,#fff 0% 50%) 50%/16px 16px;border:1px solid #dce4ee;border-radius:9px;width:min(340px,100%);height:auto;display:block}#qrCanvas{background:#fff;width:min(300px,100%);height:auto;margin:15px 0;display:block}audio{width:min(550px,100%);margin:15px 0;display:block}.email-preview{border:1px solid #dce4ee;border-radius:8px;min-height:135px;padding:20px;overflow:auto}.studio-status{color:#fff;background:#27364d;border-radius:9px;width:max-content;max-width:100%;margin:auto;padding:10px 14px;display:none;position:sticky;bottom:14px}.studio-status.show{display:block}@media (width<=620px){.studio-grid{grid-template-columns:1fr}.studio-panel{padding:16px}.studio-intro{padding:30px 0 14px}}#studioLanguage{color:#3049b2;background:#fff;border:1px solid #dce4ef;border-radius:7px;padding:8px}body[dir=rtl] .studio-intro,body[dir=rtl] .studio-panel{text-align:right}body[dir=rtl] .studio-header{direction:rtl}:root{--ss-ink:#002b45;--ss-blue:#0057b8;--ss-green:#008c72;--ss-line:#dbe4e1;background:#f4f7f5}.studio-header{color:var(--ss-ink);border-color:var(--ss-line)}.studio-header>a{align-items:center;display:flex}.mini-mark{background:var(--ss-ink);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:8px;font-size:10px;display:inline-grid}.studio-intro span{color:var(--ss-blue)}.studio-tabs button{border-radius:2px}.studio-tabs button.active,.action{background:var(--ss-blue)!important;border-color:var(--ss-blue)!important}.studio-panel{border-color:var(--ss-line);border-radius:2px;box-shadow:0 14px 45px #153d4b0d}.secondary{border-radius:2px}#studioLanguage{color:var(--ss-ink)}@media (width<=620px){.studio-header{align-items:flex-start;height:auto;padding:12px 16px}.studio-header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px}.studio-header nav a{font-size:11px}.studio-header nav a[href="./tools.html"]{display:none}.studio-main{padding-left:14px;padding-right:14px}.studio-panel{min-height:0}.studio-tabs{z-index:4;background:#f4f7f5;padding-top:8px;position:sticky;top:66px}}.merge-list{gap:7px;max-width:760px;margin:12px 0;display:grid}.merge-list>div{border:1px solid var(--ss-line);color:#354d59;background:#f8faf9;justify-content:space-between;align-items:center;gap:15px;padding:9px 11px;display:flex}.merge-list>div>span:first-child{overflow-wrap:anywhere;align-items:center;gap:9px;min-width:0;display:flex}.merge-list b{background:var(--ss-ink);color:#fff;border-radius:50%;place-items:center;min-width:23px;height:23px;font-size:10px;display:grid}.merge-list small{color:#85969d;white-space:nowrap}.merge-list button{color:var(--ss-ink);cursor:pointer;background:#fff;border:1px solid #d8e1df;width:28px;height:28px}.merge-list button:disabled{opacity:.3}.input-note{color:#71838c;margin-top:10px;display:block}.passport-stage{background:#e8eceb;width:min(430px,100%);margin:18px 0;position:relative;overflow:hidden;box-shadow:0 10px 35px #153d4b16}.passport-stage #passportPreview{touch-action:none;cursor:grab;border:0;border-radius:0;width:100%;max-width:none}.passport-stage #passportPreview:active{cursor:grabbing}.passport-guide{pointer-events:none;border:2px solid #fffd;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #002b4566}.passport-guide:before,.passport-guide:after{content:"";background:#fff9;position:absolute}.passport-guide:before{width:1px;box-shadow:calc(33.333% + 33.333%) 0 0 #fff9;top:0;bottom:0;left:33.333%}.passport-guide:after{height:1px;box-shadow:0 calc(33.333% + 33.333%) 0 #fff9;top:33.333%;left:0;right:0}.passport-guide i{border:1px dashed #ffd500;border-radius:50%;width:40%;height:58%;position:absolute;top:14%;left:30%}.passport-scale{background:var(--ss-blue);color:#fff;cursor:nwse-resize;touch-action:none;border:2px solid #fff;place-items:center;width:38px;height:38px;font-size:18px;display:grid;position:absolute;bottom:8px;right:8px}.passport-scale:focus-visible{outline-offset:2px;outline:3px solid #ffd500}@media (width<=620px){.merge-list>div{align-items:flex-start}.merge-list>div>span:first-child{display:block}.merge-list b{float:left;margin-right:8px}.passport-stage{width:100%}}.passport-guide{background:linear-gradient(90deg,#0000 33.15%,#fff9 33.15% 33.5%,#0000 33.5% 66.5%,#fff9 66.5% 66.85%,#0000 66.85%),linear-gradient(#0000 33.15%,#fff9 33.15% 33.5%,#0000 33.5% 66.5%,#fff9 66.5% 66.85%,#0000 66.85%)}.passport-guide:before,.passport-guide:after{display:none}.font-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.font-list article{border:1px solid var(--ss-line);background:#fff;min-width:0;padding:18px;overflow:hidden}.font-list small{color:#70828c;margin-bottom:11px;display:block}.font-list div{overflow-wrap:anywhere;line-height:1.2}.large-result{color:var(--ss-ink);margin:12px 0;font-size:28px;display:block}.inline-action{display:inline-block}.studio-panel input[readonly],.studio-panel textarea[readonly]{background:#f3f6f5}.studio-panel>textarea{border:1px solid #dce4ee;width:100%;padding:10px}.studio-panel>input[readonly]{border:1px solid #dce4ee;width:min(650px,100%);margin:8px 0;padding:10px;display:block}.studio-panel .action{text-decoration:none}@media (width<=620px){.font-list{grid-template-columns:1fr}.studio-tabs{top:64px}.studio-panel{overflow:hidden}.font-list article{padding:14px}}