:root{--bg: #f4f3f1;--panel: #ffffff;--line: #dcd9d5;--text: #1c1b1a;--muted: #5f5b57;--accent: #1f3c88;--accent-weak: #e6ecf8;--accent-dark: #142a63;--sel: #0b66d6;--sel-weak: #e2edfb;--ui: #f4f3f1;--panel-2: #fbfbfa;--line-strong: #c2beb9;--sub: #5f5b57;--danger: #c62828;--stage: #e9e7e4;--r: 6px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:IBM Plex Sans JP,Noto Sans JP,Noto Sans KR,Noto Sans SC,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{opacity:.4;cursor:default}input,select{border:1px solid var(--line);border-radius:var(--r);padding:6px 8px;background:#fff}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h1,h2,h3{margin:0}.muted{color:var(--muted);font-size:12px}.err{color:var(--danger);font-size:13px;margin:4px 0}.grow{flex:1}.row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:16px}.center-msg{height:100%;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted)}.link{color:var(--accent);text-decoration:underline}.primary{background:var(--accent);color:#fff;border-radius:var(--r);padding:8px 16px;font-weight:700;white-space:nowrap}.primary.wide{width:100%}.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:32px;height:32px;padding:0 8px;border-radius:var(--r);white-space:nowrap;text-decoration:none;color:var(--text)}.tb-btn:hover:not(:disabled){background:#eef0f3}.tb-btn.on{background:var(--accent-weak);color:var(--accent)}.tb-sep{width:1px;height:22px;background:var(--line);margin:0 4px;flex:none}.tb-label{color:var(--muted);font-size:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.field input,.field select{color:var(--text);font-size:14px}.auth{min-height:100%;display:grid;place-items:center;padding:16px}.auth-box{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:14px}.auth-box h1{font-size:22px}.brand-name{font-size:16px;letter-spacing:.02em}.switch{text-align:center}.home{max-width:1200px;margin:0 auto;padding:0 16px 48px}.home-head{display:flex;align-items:center;gap:12px;height:60px;position:sticky;top:0;background:var(--bg);z-index:5}.home-sec{margin-top:28px}.home-sec h2{font-size:18px;margin-bottom:12px}.presets{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.preset{flex:none;width:150px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.preset:hover{border-color:var(--accent)}.preset-box{width:auto;height:64px;max-width:110px;background:#dde3ec;border-radius:3px;display:grid;place-items:center;color:var(--muted)}.preset-box.dashed{width:64px;background:none;border:2px dashed #c3c8cf;font-size:22px}.preset-name{font-weight:700;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chips button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:4px 12px;font-size:12px}.chips button.on{background:var(--text);color:#fff;border-color:var(--text)}.home-search{margin-bottom:10px}.home-search input{width:min(420px,100%);padding:8px 12px}.tpl-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.tpl-item{flex:none;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#fff}.tpl-item:hover{box-shadow:0 0 0 2px var(--accent)}.thumb{display:block;background:#f0f1f3}.thumb img{width:100%;height:100%;display:block}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.design-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.design-thumb{width:100%;height:160px;background:#eceef1;display:grid;place-items:center}.design-thumb img{max-width:100%;max-height:160px;display:block}.thumb-empty{height:120px;max-width:90%;background:#fff;box-shadow:0 0 0 1px var(--line)}.design-meta{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.design-title{text-align:left;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-actions{display:flex;gap:12px;margin-top:4px}.design-actions button{font-size:12px;color:var(--muted)}.design-actions button:hover{color:var(--text)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141973;display:grid;place-items:center;z-index:100;padding:16px}.modal-body{background:#fff;border-radius:10px;padding:20px;width:100%;max-width:420px;max-height:90vh;overflow:auto}.modal-body.wide{max-width:960px}.modal-body h2{font-size:18px;margin-bottom:16px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{margin:0}.pop{position:relative;display:inline-flex}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.pop-body{position:absolute;top:calc(100% + 6px);left:0;z-index:50;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:12px;min-width:220px}.pop-body.right{left:auto;right:0}.pop-body.dl{width:260px;display:flex;flex-direction:column;gap:12px}.pop-title{font-weight:700;margin-bottom:8px}.pop-sub{font-size:12px;color:var(--muted);margin:10px 0 6px}.color-pop{width:232px}.color-custom{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}.color-custom input{width:36px;height:30px;padding:2px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}.swatch{width:28px;height:28px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000026;display:inline-block}.swatch.lg{width:36px;height:36px}.swatch.none{background:linear-gradient(135deg,#fff 45%,#e11 45%,#e11 55%,#fff 55%)!important}.color-btn .swatch{width:22px;height:22px}.slider{display:flex;flex-direction:column;gap:6px;margin:6px 0;min-width:200px}.slider-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.slider-head input{width:70px;padding:3px 6px}.slider input[type=range]{width:100%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px}.grid2 button{text-align:left;padding:6px 8px;border-radius:4px;font-size:13px}.grid2 button:hover{background:#eef0f3}.pos-pop{width:260px}.layer-list{margin-top:10px;border-top:1px solid var(--line);padding-top:8px;max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:2px}.layer-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:6px 8px;border-radius:4px;font-size:13px}.layer-list button.on{background:var(--accent-weak)}.editor{height:100%;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;flex:none;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar .home-link{font-weight:700}.save-state{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin-left:6px}.save-state.error,.save-state.conflict{color:var(--danger)}.title-input{width:240px;border-color:transparent;font-weight:700}.title-input:hover{border-color:var(--line)}.size-label{font-size:12px;color:var(--muted);margin-right:8px;white-space:nowrap}.editor-body{flex:1;display:flex;min-height:0}.side{display:flex;flex:none;background:var(--panel);border-right:1px solid var(--line)}.side-tabs{width:72px;display:flex;flex-direction:column;padding-top:6px;border-right:1px solid var(--line)}.side-tabs button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 2px;font-size:11px;color:var(--muted)}.side-tabs button.on,.side-tabs button:hover{color:var(--accent)}.side-tabs button.on{background:var(--accent-weak)}.side-panel{width:320px;overflow-y:auto;padding:16px}.side-panel h3{font-size:13px;margin:16px 0 8px}.side-panel h3:first-child{margin-top:0}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.tpl-grid .tpl-item{display:flex;justify-content:center;background:#f0f1f3}.shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.shape-grid button{aspect-ratio:1;display:grid;place-items:center;border-radius:4px}.shape-grid button:hover,.line-grid button:hover{background:#eef0f3}.line-grid{display:flex;gap:6px}.line-grid button{padding:8px;border-radius:4px}.text-adds{display:flex;flex-direction:column;gap:8px}.text-adds button{text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r)}.text-adds button:hover{border-color:var(--accent)}.add-h{font-size:24px;font-weight:700}.add-s{font-size:18px;font-weight:700}.add-b{font-size:14px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.asset-item{display:flex;flex-direction:column;gap:4px}.asset-item>button{background:#f0f1f3;border-radius:4px;overflow:hidden;height:110px;display:grid;place-items:center}.asset-item img{max-width:100%;max-height:110px;display:block}.asset-actions{display:flex;gap:8px;flex-wrap:wrap}.asset-actions button{font-size:11px;color:var(--muted)}.asset-actions button:hover{color:var(--text)}.brand-colors{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.stage-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--stage)}.stage-area.drag{box-shadow:inset 0 0 0 3px var(--accent)}.toolbar{height:48px;flex:none;display:flex;align-items:center;gap:4px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden}.toolbar>*{flex-shrink:0}.pop-body.floating{position:fixed;z-index:200;max-height:calc(100vh - 80px);overflow:auto}.tb-select.font{width:170px}.num{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r)}.num button{width:26px;height:30px}.num input{width:48px;border:0;text-align:center;padding:4px 0}.canvas-wrap{flex:1;min-height:0;overflow:auto;position:relative}.canvas-inner{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;width:max-content;height:max-content;margin:auto}.text-edit{position:absolute;margin:0;padding:0;border:0;outline:1px solid var(--accent);background:transparent;resize:none;overflow:hidden;transform-origin:top left;white-space:pre-wrap;word-break:break-all}.pagebar{height:48px;flex:none;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--panel);border-top:1px solid var(--line)}.pb-pages{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto}.pb-page{min-width:30px;height:30px;border-radius:4px;border:1px solid var(--line);font-size:12px;flex:none}.pb-page.on{border-color:var(--accent);color:var(--accent);font-weight:700}.pb-zoom{display:flex;align-items:center;gap:6px;flex:none}.pb-zoom input[type=range]{width:120px}.pb-pct{width:44px;text-align:right;font-size:12px}.grid-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.grid-page>button{width:100%;display:flex;justify-content:center;background:#f0f1f3;padding:8px;border-radius:4px}.grid-actions{display:flex;gap:10px;font-size:12px;margin-top:4px;align-items:center}.grid-actions button{color:var(--muted)}.searchbox{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--r);padding:0 8px;margin-bottom:12px;background:#fff;color:var(--muted)}.searchbox input{border:0;flex:1;padding:8px 0;outline:none;min-width:0}.sec-head{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 8px}.sec-head h3{margin:0!important;font-size:13px}.link-btn{color:var(--accent);font-size:12px}.link-btn.back{margin-bottom:6px}.sub-h{font-size:12px;color:var(--muted);margin:12px 0 6px;font-weight:700}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.icon-grid button{aspect-ratio:1;display:grid;place-items:center;border-radius:4px}.icon-grid button:hover{background:#eef0f3}.line-grid{flex-wrap:wrap}.line-grid button{border:1px solid transparent}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.preset-grid .tpl-item{display:flex;justify-content:center;background:#fff;padding:4px}.qr-form{display:flex;flex-direction:column;gap:8px}.shape-grid.small{grid-template-columns:repeat(4,40px)}.shape-grid button.on{background:var(--accent-weak)}.text-adds{margin:10px 0 4px}.menu{display:flex;flex-direction:column;min-width:160px}.menu button{text-align:left;padding:8px 10px;border-radius:4px}.menu button:hover{background:#eef0f3}.grid-num{display:grid;grid-template-columns:1fr 1fr;gap:6px}.num-field input{width:100%;padding:4px 6px}.font-btn{width:180px;justify-content:space-between;border:1px solid var(--line)}.font-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-pop{width:280px;display:flex;flex-direction:column;gap:6px}.font-pop input{width:100%}.font-list{max-height:380px;overflow:auto}.font-row{display:flex;align-items:center;width:100%;border-radius:4px}.font-row .fr-name{flex:1;min-width:0;text-align:left;padding:7px 8px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-row .fr-fav{width:32px;height:32px;color:var(--muted);font-size:16px;flex:none}.font-row .fr-fav.on{color:#d4a017}.font-row:hover{background:#eef0f3}.font-row.on{background:var(--accent-weak);color:var(--accent)}.effects-pop{width:280px}.effect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.effect-grid button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;padding:4px 2px;border-radius:6px;border:1px solid var(--line)}.effect-grid button.on{border-color:var(--accent);background:var(--accent-weak)}.effect-sample{height:34px;display:grid;place-items:center}.effect-params{margin-top:10px;border-top:1px solid var(--line);padding-top:6px}.tb-select-wrap{display:inline-flex;align-items:center;gap:4px}.tb-select-wrap select{padding:4px 6px}.qr-input{width:200px;padding:5px 8px}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:180px;overflow:auto}.style-grid button{text-align:left;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:4px}.style-grid button:hover{border-color:var(--accent)}.data-pop{display:flex;flex-direction:column;gap:8px;max-width:min(560px,90vw)}.data-grid{display:grid;gap:3px;max-height:300px;overflow:auto}.data-grid input{width:100%;padding:4px 6px;font-size:13px}.data-grid input.head,.data-h{font-weight:700;background:#f3f4f6}.data-h{padding:4px 6px;font-size:12px}.check{display:flex;gap:6px;align-items:center;font-size:13px}.glyph-input{width:48px;text-align:center;padding:4px}.tb-select{max-width:150px}.grid-layouts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.grid-layouts button{aspect-ratio:1;border-radius:4px;padding:4px}.grid-layouts button:hover{background:#eef0f3}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.chart-grid button{border:1px solid var(--line);border-radius:6px;padding:6px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px}.chart-grid button:hover{border-color:var(--accent)}.qa{padding:16px}.qa h3{margin:16px 0 6px}.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.qa-title{font-size:11px;margin-bottom:2px}.seg{display:flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:4px 0 8px}.seg button{flex:1;padding:5px 8px;font-size:12px}.seg button.on{background:var(--text);color:#fff}.color-pop{width:248px}.color-scroll{max-height:min(62vh,460px);overflow:auto;padding-right:2px}.swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.palettes{display:flex;flex-direction:column;gap:6px}.palette-row{display:flex;height:22px;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.palette-row button{flex:1}.palette-row button:hover{transform:scaleY(1.15)}.grad-edit{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.grad-preview{height:40px;border-radius:var(--r);box-shadow:inset 0 0 0 1px #0000001f}.grad-stops{display:flex;gap:6px;flex-wrap:wrap}.grad-stops input{width:36px;height:28px;padding:2px}.pattern-pop{width:300px}.pattern-params{display:flex;flex-direction:column;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--line)}.pattern-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pattern-grid button{border-radius:6px;padding:2px;box-shadow:inset 0 0 0 1px var(--line)}.pattern-grid button.on{box-shadow:0 0 0 2px var(--accent)}.pattern-grid canvas{width:100%!important;height:auto!important;aspect-ratio:1}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sticker-grid button{aspect-ratio:1;display:grid;place-items:center;border-radius:6px;padding:6px}.sticker-grid button:hover{background:#eef0f3}.sticker-grid img{width:100%;height:100%;object-fit:contain;pointer-events:none}.color-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 12px}.color-filter button{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.color-filter button.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.switch-row.disabled{color:var(--muted)}.toggle{width:38px;height:22px;border-radius:999px;background:#c4c8ce;position:relative;flex:none;transition:background .15s}.toggle span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #00000040}.toggle.on{background:var(--accent)}.toggle.on span{left:19px}.dl-row{display:flex;justify-content:space-between;color:var(--text)}.dl input[type=range]{width:100%;padding:0;border:0}.qa-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.qa-swatch-grid>div{font-size:11px}.qa-swatch-grid .qa-chip{height:64px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f;margin-bottom:4px}.editor{background:var(--ui);position:relative}.menubar{height:40px;flex:none;display:flex;align-items:center;gap:2px;padding:0 10px;background:var(--ui);border-bottom:1px solid var(--line)}.menubar .title-input{width:220px;background:transparent}.menus{display:flex;gap:0;margin-left:4px}.mb-menu{height:30px;padding:0 10px;border-radius:4px}.mb-menu:hover{background:#e8e6e2}.menu button{display:flex;justify-content:space-between;gap:24px}.menu kbd{font:inherit;font-size:12px;color:var(--muted)}.ribbon{height:72px;flex:none;display:flex;align-items:stretch;gap:8px;padding:6px 10px;background:var(--panel-2);border-bottom:1px solid var(--line)}.rb-group{display:flex;align-items:stretch;gap:2px;min-width:0;overflow-x:auto}.rb-group>*{flex-shrink:0}.rb-group .pop{align-items:stretch}.rb-group .pop>span{display:flex}.rb{width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:6px;font-size:12px;white-space:nowrap;color:var(--text)}.rb:hover{background:#efedea}.rb.on{background:var(--accent-weak);color:var(--accent);font-weight:700}.rb-sep{width:1px;background:var(--line);margin:8px 6px;flex:none}.rb-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}.rb-right .primary{display:inline-flex;align-items:center;gap:6px}.ins-pop{width:300px;display:flex;flex-direction:column;gap:6px}.ins-pop.chart-grid{display:grid}.mobile-only{display:none!important}.editor-body{position:relative}.left-pane{width:236px;flex:none;display:flex;flex-direction:column;min-height:0;background:var(--panel-2);border-right:1px solid var(--line)}.left-pane:has(.side-panel){width:320px}.left-pane .side-panel{width:auto;flex:1;min-height:0}.lp-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 0 16px}.lp-head h2{font-size:15px}.lp-body{flex:1;min-height:0;overflow-y:auto;padding:8px}.insp-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);flex:none}.insp-tabs button{flex:1;height:30px;border-radius:5px;color:var(--muted);font-weight:500}.insp-tabs button.on{background:#fff;color:var(--text);box-shadow:0 0 0 1px var(--line);font-weight:700}.page-list{display:flex;flex-direction:column;gap:10px;padding:4px}.pl-item{display:grid;grid-template-columns:18px 1fr 28px;align-items:start;gap:6px}.pl-no{color:var(--muted);font-size:12px;padding-top:2px;text-align:right}.pl-item .pb-page{min-width:0;height:auto;border:2px solid transparent;border-radius:4px;padding:0;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;justify-content:center}.pl-item.on .pb-page{border-color:var(--accent);box-shadow:none}.pl-item .thumb{max-width:100%;height:auto!important;aspect-ratio:auto}.pl-more{min-width:28px;padding:0}.add-page{color:var(--accent);font-weight:700;justify-content:flex-start}.layer-list{margin:0;border:0;padding:0;max-height:none}.layer-list button{height:36px;padding:0 10px;border-radius:5px}.layer-list button{justify-content:flex-start;gap:8px}.layer-list button .ll-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-list button svg{flex:none;color:var(--muted)}.layer-list button.on{background:var(--sel-weak);color:#0a4ea3;font-weight:700}.stage-area{background-color:var(--stage);background-image:radial-gradient(#d3cfca 1px,transparent 1px);background-size:16px 16px}.statusbar{height:34px;flex:none;display:flex;align-items:center;gap:4px;padding:0 10px;background:var(--panel-2);border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.statusbar .tb-btn{height:26px;min-width:26px;color:var(--muted)}.sb-range{width:110px;padding:0;border:0}.sb-page{min-width:84px;text-align:center}.inspector{width:300px;flex:none;display:flex;flex-direction:column;min-height:0;background:var(--panel-2);border-left:1px solid var(--line)}.insp-scroll{flex:1;min-height:0;overflow-y:auto}.inspector>.insp-grp{overflow-y:auto}.insp-grp{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.insp-h{font-weight:700;font-size:12px;letter-spacing:.04em}.insp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.insp-l{width:64px;color:var(--muted);font-size:12px;flex:none}.insp-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.insp-tools .tb-btn{border:1px solid var(--line-strong);background:#fff}.insp-tools .tb-label{width:100%}.tb-btn.bordered{border:1px solid var(--line-strong);background:#fff}.tb-btn.danger:hover:not(:disabled){color:var(--danger);background:#fdecec}.grid2.bordered button{border:1px solid var(--line-strong);background:#fff;text-align:center}.inspector .font-btn{width:100%;height:34px;background:#fff;border-color:var(--line-strong)}.inspector .pop{display:flex}.inspector .font-btn,.inspector .pop>span{flex:1}.inspector .num{background:#fff;border-color:var(--line-strong)}.segc{display:flex;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;background:#fff}.segc>button,.segc>.pop{flex:1;height:32px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e3e0dc}.segc>*:last-child{border-right:0}.segc>button.on{background:var(--text);color:#fff}.segc .pop>span{display:flex;height:100%}.segc .pop .tb-btn{width:100%;height:100%;border-radius:0;font-size:12px}.insp-actions{flex:none;display:flex;align-items:center;gap:4px;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel-2)}.inspector .slider{min-width:0;margin:0}.dl-anchor{position:fixed;top:108px;right:12px;z-index:50}.dl-anchor .pop-body{top:4px}@media(max-width:900px){.menubar{height:52px}.menus,.size-label,.save-state.saved,.save-state.saving{display:none}.menubar .title-input{flex:1;width:auto;min-width:0}.mobile-only{display:flex!important}.ribbon{order:3;height:64px;padding:4px;border-top:1px solid var(--line);border-bottom:0}.rb{width:64px;font-size:11px}.rb-right{position:absolute;top:6px;right:8px;height:40px}.rb-right .tb-btn[aria-label]:nth-child(2){display:none}.rb-right .primary{height:40px}.menubar{padding-right:200px}.editor-body{order:2}.left-pane{position:absolute;z-index:30;left:0;right:0;bottom:0;width:auto!important;height:50vh;border-right:0;border-top:1px solid var(--line);box-shadow:0 -6px 18px #00000024}.left-pane:not(.is-open){display:none}.left-pane .side-panel{overflow-y:auto}.page-list{flex-direction:row;overflow-x:auto;align-items:flex-start}.pl-item{grid-template-columns:1fr;width:110px;flex:none;position:relative}.pl-no{position:absolute;left:4px;top:2px;z-index:1;background:#fff;border-radius:3px;padding:0 4px}.pl-more{position:absolute;right:0;top:0;background:#fff}.add-page{align-self:center;flex:none}.rb-right .primary{font-size:13px;padding:0 12px}.editor.has-sel .stage-area{padding-bottom:36vh}.inspector{position:absolute;z-index:25;left:0;right:0;bottom:0;width:auto;height:36vh;border-left:0;border-top:1px solid var(--line);box-shadow:0 -6px 18px #00000024;border-radius:12px 12px 0 0}.editor:not(.has-sel) .inspector{display:none}.sb-range{display:none}.tb-btn,.insp-tabs button,.segc>button,.segc>.pop{min-height:40px}.inspector .num button{height:40px;width:40px}.inspector .num input{height:40px}.dl-anchor{top:56px;right:8px}}.home-b{height:100%;display:flex;background:var(--panel-2)}.home-nav{width:240px;flex:none;display:flex;flex-direction:column;gap:6px;padding:16px 12px;background:var(--ui);border-right:1px solid var(--line)}.home-nav .brand-name{padding:4px 12px 12px}.home-nav>.pop{display:flex;margin:0 4px 10px}.home-nav>.pop>span{flex:1}.home-nav .menu{min-width:280px;max-height:70vh;overflow:auto}.hn-list{display:flex;flex-direction:column;gap:2px}.hn-list button{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:6px;text-align:left}.hn-list button:hover{background:#ebe9e5}.hn-list button.on{background:#e5e2dd;font-weight:700}.hn-foot{display:flex;flex-direction:column;gap:6px;padding:0 4px}.hn-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-main{flex:1;min-width:0;overflow-y:auto;padding:24px 32px 48px;display:flex;flex-direction:column;gap:22px}.hm-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hm-head h1{font-size:22px}.hm-search{width:min(320px,100%);height:36px}.hm-layout{width:80px}.hm-layout button{height:34px}.hm-sub{font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:10px}.home-b .presets{gap:12px}.home-b .preset{width:128px;padding:0;border:0;background:none}.preset-frame{width:100%;height:88px;border:1px solid var(--line);border-radius:6px;background:#fff;display:grid;place-items:center}.home-b .preset:hover .preset-frame{border-color:var(--accent)}.home-b .preset-box{height:60px;max-width:84px;background:#f1efec;border:1.5px solid #8f8a84;border-radius:2px}.home-b .preset-box.dashed{width:60px;border:0;background:none;color:var(--accent);font-size:24px}.home-b .preset-name{font-size:12px}.dtable-wrap{overflow-x:auto}.dtable{width:100%;min-width:640px;border-collapse:collapse;background:#fff;border:1px solid var(--line)}.dtable th{font-size:12px;color:var(--muted);font-weight:500;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel-2)}.dtable td{padding:8px 14px;border-bottom:1px solid #eeebe8;font-size:13px}.dtable tr:hover td{background:#f7f6f4}.dt-name{display:flex;align-items:center;gap:12px;min-width:0}.dtable .design-thumb{width:48px;height:48px;flex:none;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#f4f3f1}.dtable .design-thumb img{max-height:46px}.dtable .thumb-empty{height:36px}.dt-size,.dt-date{white-space:nowrap;color:var(--sub)}.dt-more{width:48px;text-align:right}.tpl-wall{flex-wrap:wrap;overflow:visible;gap:16px}@media(max-width:900px){.home-b{flex-direction:column;height:auto;min-height:100%}.home-nav{width:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.home-nav .brand-name{padding:0 8px 0 0}.home-nav>.pop{margin:0;order:5}.hn-list{flex-direction:row}.home-nav>.grow{display:none}.hn-foot{flex-direction:row;align-items:center;margin-left:auto}.hn-email{display:none}.home-main{padding:16px;overflow:visible}.presets{flex-wrap:nowrap}.dt-size{display:none}.dtable{min-width:0}.dtable .dt-kind{display:none}}.tpl-filters{display:flex;gap:8px;align-items:center;margin-bottom:12px}.tpl-size{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.tpl-size select{flex:1;min-width:0;height:34px}.tpl-filters .tb-btn{height:34px}.tpl-filters .dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.color-pop-filter{width:248px;display:flex;flex-direction:column;gap:8px}.color-pop-filter .color-filter{margin:0}.wordmark{font-family:Zen Kaku Gothic New,IBM Plex Sans JP,sans-serif;font-weight:900;letter-spacing:.06em;line-height:1}.brand-logo{display:inline-flex;align-items:center;gap:10px;color:var(--accent)}.brand-logo .wordmark{color:var(--text)}.hm-hero{position:relative;overflow:hidden;display:flex;gap:24px;min-height:300px;margin:-24px -32px 0;padding:36px 40px;background-color:var(--accent);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 24px);color:#fff}.hero-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px;z-index:1}.hero-wm{display:flex;align-items:center;gap:14px}.hero-wm .wordmark{color:#fff}.hero-wm small{align-self:flex-end;padding-bottom:6px;font-size:12px;letter-spacing:.3em;opacity:.8}.hero-search{width:min(440px,100%);height:50px;border-radius:8px;background:#fff;color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 6px 18px #0003}.hero-search input{flex:1;min-width:0;border:0;height:100%;font-size:15px;outline:none;background:transparent;color:var(--text);padding:0}.hero-search:focus-within{outline:3px solid rgba(255,255,255,.6)}.hero-sizes{display:flex;flex-wrap:wrap;gap:8px;max-width:480px}.home-b .hero-size{width:auto;flex-direction:row;text-align:left;height:36px;padding:0 14px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.45);color:#fff;font-weight:500;display:inline-flex;align-items:center;gap:8px}.home-b .hero-size:hover{background:#ffffff42}.hero-size i{display:block;border:1.5px solid #fff;border-radius:2px}.hero-stack{position:relative;flex:none;width:620px;height:250px}.hero-card{position:absolute;top:14px;background:#fff;padding:6px;border-radius:3px;box-shadow:0 12px 28px #0000004d;transition:transform .15s}.hero-card:nth-child(1){left:0;top:30px}.hero-card:nth-child(2){left:150px;top:6px}.hero-card:nth-child(3){left:300px;top:36px}.hero-card:nth-child(4){left:440px;top:10px}.hero-card:hover{transform:translateY(-6px) rotate(0)!important;z-index:9!important}.hero-card .thumb{display:block}.hero-card .tape{position:absolute;left:50%;top:-10px;width:70px;height:20px;transform:translate(-50%) rotate(-3deg);background:#ffecaae0;z-index:1}@media(prefers-reduced-motion:reduce){.hero-card{transition:none}}@media(max-width:1180px){.hero-stack{display:none}}@media(max-width:900px){.hm-hero{margin:-16px -16px 0;padding:24px 16px;min-height:0}.hero-wm .wordmark{font-size:40px!important}.hero-wm svg{width:40px;height:40px}.home-nav .brand-name{display:none}}.layer-list .ll-row{position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.layer-list.dragging .ll-row{cursor:grabbing}.layer-list .ll-row.moving{opacity:.45}.layer-list .ll-row.drop-before:before,.layer-list .ll-row.drop-after:after{content:"";position:absolute;left:6px;right:6px;height:3px;border-radius:2px;background:var(--accent)}.layer-list .ll-row.drop-before:before{top:-2px}.layer-list .ll-row.drop-after:after{bottom:-2px}.ll-grip{color:var(--muted);display:inline-flex;padding:4px 2px;touch-action:none;opacity:0}.ll-row:hover .ll-grip,.ll-row.on .ll-grip{opacity:1}@media(hover:none){.ll-grip{opacity:1}}.pn-form{border:1px solid var(--line);border-radius:6px;padding:8px 10px;margin:12px 0 4px;background:#fff}.pn-form summary{cursor:pointer;font-weight:700;font-size:13px}.pn-form[open]{display:flex;flex-direction:column;gap:8px}.pn-form .field input{width:90px}.find-panel{position:fixed;top:116px;right:316px;z-index:60;width:300px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #00000029;padding:12px 14px}.find-panel form{display:flex;flex-direction:column;gap:8px}.fp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.fp-count{margin-top:-4px}.fp-actions{display:flex;gap:8px;justify-content:flex-end}.fp-msg{margin:0;font-size:12px;color:var(--sub)}@media(max-width:900px){.find-panel{top:60px;right:8px;left:8px;width:auto}}.update-banner{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:10px;background:var(--text);color:#fff;box-shadow:0 10px 28px #00000040}@media(max-width:900px){.update-banner{bottom:80px;left:12px;right:12px;transform:none;justify-content:space-between}}.tpl-search{position:relative}.kw-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-4px 0 12px}.kw-chips .tb-label{width:100%}.kw-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px}.kw-chips button:hover{border-color:var(--accent);color:var(--accent)}.tpl-filters .badge{min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;display:inline-grid;place-items:center;padding:0 5px}.tpl-rowsec .sec-head{margin-top:14px}.tpl-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;align-items:flex-start;scrollbar-width:thin}.tpl-strip .tpl-item{flex:none;display:flex;justify-content:center;background:#f0f1f3}.fit-ask{max-width:460px}.fit-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fit-opt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:13px;text-align:center}.fit-opt:hover,.fit-opt:focus-visible{border-color:var(--accent);background:var(--accent-weak)}.kw-chips.kw-suggest{position:absolute;left:0;right:0;top:calc(100% - 4px);z-index:20;margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0000001f}.stage-area{position:relative}.ruler{position:absolute;z-index:6;cursor:copy}.ruler-top{top:0;left:0;border-bottom:1px solid var(--line)}.ruler-left{top:0;left:0;border-right:1px solid var(--line)}.ruler-corner{position:absolute;top:0;left:0;z-index:7;width:20px;height:20px;background:var(--panel-2);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;color:var(--muted);display:grid;place-items:center}.menu-sep{height:1px;background:var(--line);margin:4px 0}.canvas-wrap.with-rulers{padding:20px 0 0 20px}.resize-dlg{max-width:520px;display:flex;flex-direction:column;gap:12px}.resize-dlg .field select{width:100%}.quick-bar{position:absolute;z-index:5;transform:translate(-50%);display:flex;gap:2px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px #00000024}.quick-bar .tb-btn{width:34px;height:34px}@media(max-width:900px){.quick-bar{display:none}}.adjust-pop{width:288px;display:flex;flex-direction:column;gap:6px}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px}.filter-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;border-radius:6px;border:1px solid transparent;font-size:11px}.filter-grid button.on{border-color:var(--accent);background:var(--accent-weak)}.filter-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block}.share-dlg{max-width:460px;display:flex;flex-direction:column;gap:12px}.share-url{display:flex;gap:8px}.share-url input{flex:1;min-width:0}.share-qr{display:flex;align-items:center;gap:14px}.share-qr img{border:1px solid var(--line);border-radius:6px}.viewer{min-height:100%;background:var(--stage)}.viewer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:16px;height:52px;padding:0 16px;background:var(--panel-2);border-bottom:1px solid var(--line)}.viewer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-pages{max-width:900px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:24px}.viewer-page{margin:0;display:flex;flex-direction:column;gap:8px}.viewer-page img,.viewer-ph{width:100%;display:block;background:#fff;box-shadow:0 1px 4px #0000002e}.viewer-page figcaption{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.viewer-page .primary{text-decoration:none}.usage{display:flex;flex-direction:column;gap:4px;margin:10px 0 2px}.usage-bar{height:6px;border-radius:3px;background:#e5e2dd;overflow:hidden}.usage-bar span{display:block;height:100%;background:var(--accent)}.brand-fonts{display:flex;flex-direction:column;gap:8px}.brand-fonts select{width:100%}.ver-dlg{max-width:720px}.ver-body{display:grid;grid-template-columns:220px 1fr;gap:16px}.ver-list{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:2px}.ver-list button{width:100%;text-align:left;padding:8px 10px;border-radius:6px}.ver-list button.on{background:var(--accent-weak);color:var(--accent);font-weight:700}.ver-preview{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.ver-preview img,.ver-preview .viewer-ph{max-width:100%;max-height:380px;border:1px solid var(--line);background:#fff}@media(max-width:700px){.ver-body{grid-template-columns:1fr}}.warn{display:flex;align-items:center;gap:6px;margin:0;padding:6px 8px;border-radius:6px;background:#fff4e5;color:#8a4b00;font-size:12px;font-weight:700}.dt-title{display:flex;flex-direction:column;gap:2px;min-width:0}.dt-title-row{display:flex;align-items:center;gap:8px;min-width:0}.dt-title-row .design-title{min-width:0}.dt-kind-sub{display:none;font-size:12px;color:var(--muted)}.dt-kind{white-space:nowrap;color:var(--sub)}.hp-pill{flex:none;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap;background:#ecebe8;color:#5f5b57}.hp-pill.on{background:#e3f1e6;color:#1e6b34}.design-thumb.hp-thumb{color:#8f8a84;background:#f4f3f1}.menu .hp-new{color:var(--accent);font-weight:700}.hp-new-l{display:inline-flex;align-items:center;gap:8px}.hp-addr a,a.hp-addr{color:var(--accent);text-decoration:none}.hp-addr a:hover,a.hp-addr:hover{text-decoration:underline}.hp-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hp-cards{display:none}.hp-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.hp-card-thumb{width:100%;height:180px;display:grid;place-items:center;background:#f4f3f1;color:#8f8a84;border-bottom:1px solid var(--line)}.hp-card-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.hp-card-body .design-title{font-size:16px}@media(max-width:900px){.hn-list{flex:1 0 100%}.hn-list button{flex:1;flex-direction:column;justify-content:center;height:auto;padding:8px 4px;gap:4px;font-size:12px;text-align:center}.dt-kind-sub{display:block}.hp-table{display:none}.hp-cards{display:flex;flex-direction:column;gap:16px}}@media(max-width:900px){.dtable{table-layout:fixed}.dtable th:nth-last-child(2){width:108px}.dtable th:last-child{width:44px;padding-left:0;padding-right:0}.dtable td.dt-more{width:44px;padding-left:0;padding-right:8px}.dtable .dt-title-row{flex-wrap:wrap;row-gap:4px}.dtable td.dt-date{white-space:normal}}.hpf{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.hpf-bar{display:flex;align-items:center;gap:12px}.hpf-bar h1{font-size:22px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hpf-frame{flex:1;min-height:480px;width:100%;border:1px solid var(--line);background:#fff;display:block}.hpf.full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;gap:0;background:#fff}.hpf.full .hpf-bar{display:none}.hpf.full .hpf-frame{min-height:0;border:0}@media(max-width:900px){.hpf{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;gap:0;background:#fff}.hpf-bar{height:44px;flex:none;padding:0 8px;gap:8px;border-bottom:1px solid var(--line);background:var(--ui)}.hpf-bar h1{display:none}.hpf-back{min-height:36px}.hpf-frame{min-height:0;border:0}}.brand-home{background:none;border:0;padding:0;cursor:pointer;font:inherit;text-align:left}.brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.ok{color:#1b7a3d;font-size:13px;margin:4px 0}.auth-forgot{align-self:flex-end;font-size:13px;margin-top:-6px}.turnstile{min-height:65px}.verify-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-24px -32px 0;padding:6px 32px;border-bottom:1px solid #f0d58a;background:#fff8e1;font-size:13px}.verify-bar+.hm-hero{margin-top:-22px}.verify-bar .tb-btn{height:28px}@media(max-width:900px){.verify-bar{margin:-16px -16px 0;padding:6px 16px}}.hn-foot>.pop{display:flex;min-width:0}.hn-foot>.pop>span{display:flex;flex:1;min-width:0}.verify-bar .ok,.verify-bar .err{margin:0}.hn-account{display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:4px 6px;border-radius:6px;text-align:left}.hn-account:hover{background:#ebe9e5}.hn-account .hn-email{flex:1;min-width:0}.menu button.danger{color:var(--danger)}.del-warn{font-size:13px;margin-bottom:12px}.primary.danger-fill{background:var(--danger);border-color:var(--danger)}.menu a{display:block;padding:8px 10px;border-radius:4px;color:inherit;text-decoration:none}.menu a:hover{background:#eef0f3}.lp{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.lp-hero{flex:1;display:flex;flex-direction:column;min-height:560px;background-color:var(--accent);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 24px);color:#fff;overflow:hidden}.lp-bar{display:flex;justify-content:flex-end;padding:16px 24px 0}.lp-lang{background:#ffffff1f;color:#fff;border-color:#ffffff73}.lp-lang option{color:var(--text)}.lp-body{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px 40px 56px;display:flex;align-items:center;gap:40px}.lp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.lp-title{font-size:48px;font-weight:700;line-height:1.2;letter-spacing:.02em;margin-top:8px}.lp-sub{margin:0;font-size:19px;opacity:.92}.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.lp-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap}.lp-btn-main{background:#fff;color:var(--accent);box-shadow:0 8px 20px #00000040}.lp-btn-main:hover{background:#f1f4fb}.lp-btn-sub{color:#fff;border:1.5px solid rgba(255,255,255,.7)}.lp-btn-sub:hover{background:#ffffff1f}.lp-btn:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:2px}.lp-feats{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:520px}.lp-feats li{height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.45);font-weight:500;font-size:13px}.lp-stack{position:relative;flex:none;width:560px;height:400px}.lp-card{position:absolute;background:#fff;padding:6px;border-radius:3px;box-shadow:0 14px 32px #00000052}.lp-card:nth-child(1){left:0;top:70px}.lp-card:nth-child(2){left:170px;top:10px}.lp-card:nth-child(3){left:300px;top:150px}.lp-card:nth-child(4){left:420px;top:40px}.lp-card .thumb{display:block}.lp-card .tape{position:absolute;left:50%;top:-10px;width:70px;height:20px;transform:translate(-50%) rotate(-3deg);background:#ffecaae0;z-index:1}@media(max-width:1080px){.lp-body{flex-direction:column;align-items:stretch;justify-content:center;padding:16px 24px 40px}.lp-main{flex:none}.lp-stack{align-self:center}}@media(max-width:640px){.lp-hero{min-height:0}.lp-bar{padding:12px 16px 0}.lp-body{padding:8px 16px 32px;gap:28px}.lp-main{gap:14px}.lp-main .hero-wm .wordmark{font-size:40px!important}.lp-main .hero-wm svg{width:40px;height:40px}.lp-title{font-size:32px}.lp-sub{font-size:15px}.lp-cta{flex-wrap:nowrap}.lp-btn{flex:1;min-width:0;padding:0 12px;height:50px;font-size:15px}.lp-btn-sub{flex:0 0 auto;padding:0 18px}.lp-stack{transform:scale(.62);transform-origin:left top;align-self:flex-start;margin:0 0 -152px calc((100% - 347px)/2)}}.site-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;padding:18px 16px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);background:var(--bg)}.site-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--accent);text-decoration:underline}.pub{min-height:100%;display:flex;flex-direction:column}.pub-bar{display:flex;align-items:center;gap:12px;height:60px;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--line)}.pub-brand{text-decoration:none}.pub-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:36px 24px 56px}.legal{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:32px 36px;line-height:1.85;font-size:14px}.legal h1{font-size:26px;line-height:1.3}.legal>.muted{margin:6px 0 20px}.legal h2{font-size:16px;margin:28px 0 6px}.legal p{margin:8px 0}.legal ul{margin:8px 0;padding-left:1.4em}.legal li+li{margin-top:4px}.legal a{color:var(--accent)}.legal-links{margin-top:28px!important;padding-top:16px;border-top:1px solid var(--line)}.about-dl{display:grid;grid-template-columns:160px 1fr;margin:20px 0 0;border-top:1px solid var(--line)}.about-dl dt,.about-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}.about-dl dt{color:var(--muted);font-weight:500}.contact-form{display:flex;flex-direction:column;gap:16px;margin-top:20px;max-width:560px}.contact-form .primary{align-self:flex-start;min-width:140px;height:44px}.contact-form textarea{border:1px solid var(--line);border-radius:var(--r);padding:8px;background:#fff;color:var(--text);font-size:14px;line-height:1.7;resize:vertical}.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.field .opt{font-style:normal;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 4px;margin-left:4px}.contact .ok{font-size:15px;margin-top:20px}.agree{text-align:center;line-height:1.6;margin:0}.agree a{color:var(--accent)}.auth-box>a.brand-logo{text-decoration:none;align-self:flex-start}@media(max-width:640px){.pub-bar{padding:0 16px}.pub-main{padding:16px 16px 40px}.legal{padding:22px 18px}.legal h1{font-size:22px}.about-dl{grid-template-columns:1fr}.about-dl dt{padding-bottom:0;border-bottom:0}.about-dl dd{padding-top:2px}}