.it [hidden]{display:none!important}.it-app{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start;padding-bottom:20px}.it-app.is-over .it-main{box-shadow:0 0 0 2px var(--accent);border-radius:24px}.it-main{display:grid;gap:12px;min-width:0}.it-drop{display:grid;justify-items:center;align-content:center;gap:10px;min-height:380px;padding:30px 20px;border:2px dashed #ddd5c6;border-radius:24px;background:#fbfaf7;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.it-drop:hover,.it-app.is-over .it-drop{border-color:var(--accent);background:#fbf6ee}.it-drop__ico{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;color:var(--accent);box-shadow:0 8px 20px -14px rgba(17,17,17,.4)}.it-drop__ico svg{width:28px;height:28px}.it-drop b{font-size:18px;font-weight:600;overflow-wrap:anywhere}.it-drop>span{color:var(--text-2);font-size:14px;overflow-wrap:anywhere}.it-drop small{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}.it-drop small svg{flex:none;width:14px;height:14px}.it-drop .tl-btn{height:auto;min-height:46px;white-space:normal;padding:10px 22px}.it-stage{display:grid;gap:8px;min-width:0}.it-view{display:grid;place-items:center;min-height:220px;padding:12px;border-radius:22px;background:#f6f5f2;overflow:hidden}.it-cvw{position:relative;line-height:0;max-width:100%}.it-cvw canvas{display:block;max-width:100%}.it-chk{background-color:#fff;background-image:linear-gradient(45deg,#ece8e1 25%,transparent 25%),linear-gradient(-45deg,#ece8e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ece8e1 75%),linear-gradient(-45deg,transparent 75%,#ece8e1 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.it-info{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45;text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.it-busy{padding:40px 10px;color:var(--muted);font-size:14px}.it-ov{position:absolute;inset:0}.it-cell{position:absolute;touch-action:pan-y;cursor:pointer}.it-cell.is-on{touch-action:none;cursor:grab;box-shadow:inset 0 0 0 3px var(--accent)}.it-cell.is-on:active{cursor:grabbing}.it-ov.is-swap .it-cell{cursor:copy}.it-cell.is-src{opacity:.55}.it-cell.is-target{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px var(--accent)}.it-cell__add{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:4px;width:100%;border:0;background:0 0;color:var(--text-2);font:600 12px var(--font-body);cursor:pointer;line-height:1.3}.it-cell__add svg{width:26px;height:26px;color:var(--accent-ink)}.it-cell__add:hover svg{color:var(--accent)}.it-cell__mv{position:absolute;top:6px;right:6px;display:none;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fff;color:#1d1d1f;box-shadow:0 4px 14px -4px rgba(17,17,17,.45);cursor:move;touch-action:none}.it-cell__mv svg{width:18px;height:18px}.it-cell.is-on .it-cell__mv,.it-cell.has-p:hover .it-cell__mv{display:grid}@media (hover:none),(pointer:coarse){.it-cell.has-p:hover .it-cell__mv{display:none}.it-cell.is-on .it-cell__mv{display:grid;width:40px;height:40px}.it-hint--mouse{display:none}}@media (hover:hover) and (pointer:fine){.it-hint--touch{display:none}}.it-strip{display:flex;flex-wrap:wrap;gap:8px}.it-th{position:relative;flex:none;width:72px;height:72px;border-radius:14px;background:#f6f5f2}.it-th__b{display:block;width:100%;height:100%;padding:0;border:0;border-radius:14px;overflow:hidden;background:#ece7de;cursor:pointer}.it-th__b canvas{display:block;width:100%;height:100%;object-fit:cover}.it-th.is-used .it-th__b{box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)}.it-th__n{position:absolute;left:5px;bottom:5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#1d1d1f;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;pointer-events:none;font-style:normal}.it-th__x{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--text);font-size:16px;line-height:1;box-shadow:0 2px 8px -2px rgba(17,17,17,.35);cursor:pointer}.it-th__x:hover{background:#1d1d1f;color:#fff}.it-th--add{display:grid;place-items:center;border:2px dashed #ddd5c6;background:0 0;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}.it-th--add:hover{border-color:var(--accent);color:var(--text)}.it-strip--sort .it-th{touch-action:none;cursor:grab}.it-strip--sort .it-th__b{cursor:grab}.it-th.is-drag{z-index:3;opacity:.92;box-shadow:0 14px 30px -10px rgba(17,17,17,.5);cursor:grabbing}.it-th.is-target{box-shadow:0 0 0 3px var(--accent)}.it-th:focus-within{outline:0}.it-th__b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.it-side{position:sticky;top:84px;display:grid;gap:14px}.it-set{display:grid;gap:8px;min-width:0}.it-set+.it-set{padding-top:12px;border-top:1px solid rgba(17,17,17,.07)}.it-lbl{color:var(--text);font-size:13.5px;font-weight:600;overflow-wrap:anywhere}.it-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.it .tl-seg button{height:auto;min-height:34px;padding:6px 11px;white-space:normal;text-align:center;line-height:1.25;overflow-wrap:anywhere}.it-rng{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px}.it-rng>span{color:var(--text-2);font-size:13px;overflow-wrap:anywhere}.it-rng em{color:var(--text);font-size:12.5px;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}.it-rng input{grid-column:1/-1;width:100%;margin:0;accent-color:var(--accent)}.it-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.it-pair .tl-color{min-width:0}.it-pair .tl-color span{overflow-wrap:anywhere}.it .tl-switch{align-items:flex-start}.it .tl-switch span{overflow-wrap:anywhere;line-height:1.35}.it-in{display:grid;gap:5px;min-width:0}.it-in>span{color:var(--text-2);font-size:13px}.it-in input,.it-in select{width:100%;min-width:0;height:40px;padding:0 12px;border:0;border-radius:12px;background:#fff;color:var(--text);font:500 14px var(--font-body);box-shadow:inset 0 0 0 1px rgba(17,17,17,.08)}.it-in input:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--accent)}.it-acts{display:grid;gap:8px}.it-acts .tl-btn{width:100%;height:auto;min-height:50px;padding:10px 18px;font-size:15px;white-space:normal;text-align:center}.it-acts .tl-btn svg{flex:none;width:18px;height:18px}.it-acts .tl-link{justify-self:center}.it-total{padding:10px 12px;border-radius:12px;background:#fff;color:var(--text-2);font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.it-lays{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.it-lays button{display:grid;place-items:center;aspect-ratio:1;padding:8px;border:0;border-radius:12px;background:#fff;color:#c9c2b5;cursor:pointer}.it-lays button svg{width:100%;height:100%;max-width:34px}.it-lays button:hover{color:#a99f8e}.it-lays button.is-on{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.it-nums{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.it-nums button{min-height:34px;padding:0;border:0;border-radius:10px;background:#fff;color:var(--text-2);font:600 13px var(--font-body);cursor:pointer}.it-nums button.is-on{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--accent)}.it-sw{display:flex;flex-wrap:wrap;gap:6px}.it-sw button{width:30px;height:30px;padding:0;border:0;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(17,17,17,.14);cursor:pointer}.it-sw button.is-on{box-shadow:inset 0 0 0 1px rgba(17,17,17,.14),0 0 0 2px #fff,0 0 0 4px var(--accent)}.it-pre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.it-pre button{display:grid;gap:2px;min-width:0;padding:9px 10px;border:0;border-radius:12px;background:#fff;color:var(--text);text-align:left;font:inherit;cursor:pointer}.it-pre button b{font-size:13px;font-weight:600;overflow-wrap:anywhere}.it-pre button small{color:var(--muted);font-size:11.5px;line-height:1.35;overflow-wrap:anywhere}.it-pre button.is-on{box-shadow:inset 0 0 0 1.5px var(--accent)}.it-steps2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.it-stp{display:grid;gap:5px;min-width:0}.it-stp>span{color:var(--text-2);font-size:13px;overflow-wrap:anywhere}.it-stp>div{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;height:40px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(17,17,17,.08)}.it-stp button{display:grid;place-items:center;height:100%;padding:0;border:0;background:0 0;color:var(--text);cursor:pointer}.it-stp button svg{width:16px;height:16px}.it-stp button:disabled{color:#c9c4ba;cursor:default}.it-stp b{font-size:15px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.it-crop{position:absolute;box-shadow:0 0 0 9999px rgba(17,17,17,.45);outline:2px solid #fff;touch-action:none;cursor:move}.it-cvw--crop{overflow:hidden}.it-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.it-tile{position:relative;display:grid;gap:6px;min-width:0;padding:6px 6px 8px;border:0;border-radius:14px;background:#f6f5f2;color:var(--text);font:inherit;text-align:center;cursor:pointer}.it-tile:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.it-tile canvas{display:block;width:100%;height:auto;border-radius:8px;background:#fff}.it-tile span{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--text-2);font-size:12px;font-weight:600}.it-tile span svg{width:14px;height:14px;color:var(--accent-ink)}.it-tiles-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-top:4px}.it-tiles-h b{font-size:15px;font-weight:600}.it-tiles-h small{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}.it-app--fav{grid-template-areas:"a s""b s"}.it-app--fav>.it-main{grid-area:a}.it-app--fav>.it-side{grid-area:s}.it-app--fav>.it-extra{grid-area:b;display:grid;gap:12px;min-width:0}.it-box{display:grid;gap:12px;min-width:0;padding:18px;border-radius:22px;background:#f6f5f2}.it-box h3{margin:0;font-size:16px;font-weight:600}.it-tabs{display:grid;gap:10px}.it-tab{display:grid;padding:8px 10px 0;border-radius:14px 14px 10px 10px;overflow:hidden}.it-tab--l{background:#dfe1e5}.it-tab--d{background:#202124}.it-tab__t{display:flex;align-items:center;gap:8px;width:min(260px,100%);min-width:0;height:36px;padding:0 12px;border-radius:10px 10px 0 0;font:400 13px Arial,Helvetica,sans-serif}.it-tab--l .it-tab__t{background:#fff;color:#202124}.it-tab--d .it-tab__t{background:#35363a;color:#e8eaed}.it-tab__t img{flex:none;width:16px;height:16px}.it-tab__t span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.it-tab__t i{flex:none;font-style:normal;opacity:.7}.it-tab__u{display:flex;align-items:center;gap:8px;height:38px;margin:0-10px;padding:0 14px;font:400 13px Arial,Helvetica,sans-serif}.it-tab--l .it-tab__u{background:#fff;color:#5f6368;border-top:1px solid #eceef1}.it-tab--d .it-tab__u{background:#35363a;color:#bdc1c6;border-top:1px solid #2a2b2e}.it-tab__u em{flex:1;min-width:0;padding:5px 12px;border-radius:14px;font-style:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.it-tab--l .it-tab__u em{background:#f1f3f4}.it-tab--d .it-tab__u em{background:#202124}.it-sizes{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px}.it-sizes figure{display:grid;justify-items:center;gap:6px;margin:0}.it-sizes figcaption{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.it-sizes img{display:block;image-rendering:auto}.it-sizes .it-px{image-rendering:pixelated}.it-files{display:grid;gap:6px;margin:0;padding:0;list-style:none}.it-files li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:12px;background:#fff}.it-files li>span{display:grid;gap:1px;min-width:0}.it-files b{font-size:13px;font-weight:600;overflow-wrap:anywhere;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}.it-files small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.it-files button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:#f6f5f2;color:var(--accent-ink);cursor:pointer}.it-files button:hover{background:#fbf4e9}.it-files button svg{width:18px;height:18px}.it-code{margin:0;padding:14px 16px;border-radius:14px;background:#1d1d1f;color:#f3f1ec;font:400 12.5px/1.6 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.it-codeh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.it-codeh .tl-btn{height:auto;min-height:38px;padding:6px 14px;font-size:13px;white-space:normal}.it-codeh .tl-btn svg{width:16px;height:16px}.it-emo{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.it-emo button{aspect-ratio:1;padding:0;border:0;border-radius:10px;background:#fff;font-size:20px;line-height:1;cursor:pointer}.it-emo button.is-on{box-shadow:inset 0 0 0 1.5px var(--accent)}.it-fonts button{font-size:14px}.it-up{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border-radius:14px;background:#fff}.it-up canvas{width:56px;height:56px;border-radius:10px}.it-up .tl-btn{height:auto;min-height:40px;padding:8px 14px;font-size:13.5px;white-space:normal}.it-note{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;padding:10px 12px;border-radius:12px;background:#fbf3e6;color:var(--text-2);font-size:12.5px;line-height:1.45;text-decoration:none}.it-note svg{width:18px;height:18px;color:var(--accent);margin-top:1px}a.it-note:hover{background:#f8ecd9}.it-note span{overflow-wrap:anywhere}.it-text{max-width:760px;margin:28px auto 0}.it-text h3{margin:22px 0 8px;font-size:19px;font-weight:600}.it-text p{margin:0 0 10px;color:var(--text-2);font-size:15.5px;line-height:1.65}@media (max-width:900px){.it-app{grid-template-columns:minmax(0,1fr)}.it-app--fav{grid-template-areas:"a""s""b"}.it-side{position:static}.it-drop{min-height:260px}}@media (max-width:480px){.it-view{padding:8px;border-radius:18px}.it-th{width:64px;height:64px}.it-box{padding:14px}.it-tiles{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}