:root{--ink:#16161a;--ink-2:#4a4a52;--muted:#8a8a93;--line:#e6e4e1;--line-2:#f1efec;--bg:#fff;--bg-soft:#f7f6f4;--accent:#2f5d50;--accent-ink:#1f3f36;--danger:#a83232;--radius:12px;--max:1080px;--gut:clamp(20px, 5vw, 48px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-feature-settings:"palt";letter-spacing:.02em;-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.9}a{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:.01em;margin:0;line-height:1.45}p{margin:0}.wrap{max-width:var(--max);padding:0 var(--gut);margin:0 auto}.appbar{z-index:30;-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.appbar .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.appbar .logo{letter-spacing:.16em;white-space:nowrap;flex:none;align-items:center;gap:10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.appbar .logo-mark{flex:none;width:28px;height:28px;display:block}.appbar nav{align-items:center;gap:clamp(12px,3vw,24px);display:flex}.appbar nav>*{white-space:nowrap;flex:none}.appbar nav a{letter-spacing:.12em;color:var(--ink-2);white-space:nowrap;font-size:11px;text-decoration:none}.appbar nav a:hover{color:var(--ink)}.appbar nav a.btn,.appbar nav a.btn:hover{color:#fff}@media (max-width:480px){.appbar .logo-text{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.appbar nav{gap:14px}}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;letter-spacing:.08em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 22px;font-family:inherit;font-size:13px;text-decoration:none;transition:opacity .2s,transform .2s,background-color .2s,color .2s;display:inline-flex}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{border-color:var(--ink);opacity:1}.btn.accent{background:var(--accent);border-color:var(--accent)}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn.sm{min-height:36px;padding:0 14px;font-size:12px}.linklike{font:inherit;color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:0 2px;padding:0;text-decoration:underline;display:inline}.linklike:hover{color:var(--accent-ink)}.field{margin-bottom:20px;display:block}.field>.label{letter-spacing:.1em;color:var(--ink-2);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field>.hint{color:var(--muted);letter-spacing:0;margin-top:6px;font-size:12px;line-height:1.7;display:block}.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:11px 13px;font-family:inherit;font-size:15px;line-height:1.7;display:block}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2f5d501f}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{flex:none;width:16px;height:16px;margin-top:6px}.notice{border:1px solid;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.75}.notice.err{color:#8d2b2b;background:#fdf3f2;border-color:#f0d5d2}.notice.ok{color:#1f5344;background:#f1f7f4;border-color:#cfe3d9}.notice.info{background:var(--bg-soft);border-color:var(--line);color:var(--ink-2)}.notice.warn{color:#7a5720;background:#fdf8ef;border-color:#ecdcbd}.notice>p+p{margin-top:8px}.notice>ul{margin:8px 0 0;padding-left:1.2em}.export-list{margin:14px 0 18px;padding-left:1.2em;line-height:1.9}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(20px,4vw,28px)}.panel{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.panel>h2{letter-spacing:.06em;margin-bottom:4px;font-size:15px}.panel>.sub{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.75}.auth{max-width:420px;padding:0 var(--gut);margin:clamp(48px,10vw,96px) auto}.auth h1{margin-bottom:8px;font-size:22px}.auth .lead{color:var(--ink-2);margin-bottom:30px;font-size:14px}.auth .alt{color:var(--muted);text-align:center;margin-top:24px;font-size:13px}.auth .alt a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.lp-hero{padding:clamp(64px,12vw,128px) 0 clamp(48px,8vw,80px)}.lp-hero h1{letter-spacing:.01em;word-break:auto-phrase;margin-bottom:24px;font-size:clamp(26px,5.5vw,52px);line-height:1.35}.lp-hero h1 span{display:inline-block}.lp-hero .lead{color:var(--ink-2);max-width:34em;margin-bottom:36px;font-size:clamp(15px,1.8vw,17px)}.lp-actions{flex-wrap:wrap;gap:12px;display:flex}.lp-steps{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,3vw,32px);padding:clamp(48px,8vw,80px) 0;display:grid}.lp-steps .num{letter-spacing:.2em;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:600}.lp-steps h3{margin-bottom:8px;font-size:16px}.lp-steps p{color:var(--ink-2);font-size:14px}.tpl-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.tpl-card{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;color:inherit;background:#fff;padding:0;font-family:inherit;transition:border-color .2s,box-shadow .2s;overflow:hidden}.tpl-card:hover{border-color:var(--ink-2)}.tpl-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px #2f5d5029}.tpl-card .body{padding:14px 16px 16px}.tpl-card .name{margin-bottom:4px;font-size:14px;font-weight:600}.tpl-card .desc{color:var(--muted);letter-spacing:0;font-size:12px;line-height:1.7}.tpl-thumb{--t-bg:#fff;--t-ink:#1a1a1a;--t-soft:#f0eeeb;--t-line:#e2e0dc;--t-accent:#b5543a;--t-r:2px;--t-weight:5px;--t-shot:1 / 1;--t-cols:repeat(3, 1fr);aspect-ratio:4/3;background-color:var(--t-bg);background-image:var(--t-bg-image,none);flex-direction:column;display:flex;overflow:hidden}.tpl-thumb .t-top{border-bottom:1px solid var(--t-line);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.tpl-thumb .t-brand{background:var(--t-ink);border-radius:999px;width:26%;height:4px}.tpl-thumb .t-nav{background:var(--t-line);border-radius:999px;width:30%;height:3px}.tpl-thumb .t-body{flex-direction:column;flex:1;gap:5px;padding:11px 10px 10px;display:flex}.tpl-thumb .t-h{height:var(--t-weight);border-radius:var(--t-r);background:var(--t-ink);width:78%}.tpl-thumb .t-h.s{background:var(--t-accent);width:42%;height:3px}.tpl-thumb[data-pill] .t-h{border-radius:999px}.tpl-thumb .t-grid{gap:var(--t-gap,4px);grid-template-columns:var(--t-cols);margin-top:auto;display:grid}.tpl-thumb .t-grid i{aspect-ratio:var(--t-shot);background:var(--t-soft);border-radius:var(--t-r);border:var(--t-shot-bw,0px) solid var(--t-shot-bc,transparent);display:block}.tpl-thumb[data-single] .t-grid i:nth-child(n+2){display:none}.tpl-thumb[data-center] .t-body{align-items:center}.tpl-thumb[data-center] .t-grid{width:100%}.tpl-group+.tpl-group{margin-top:22px}.tpl-group>.tpl-group-name{letter-spacing:.16em;color:var(--muted);margin-bottom:10px;font-size:11px;display:block}.work-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:16px;margin-bottom:14px;padding:16px;display:grid}.work-row .thumb{aspect-ratio:1;background:var(--bg-soft);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.work-row .thumb img{object-fit:cover;width:100%;height:100%}.work-row .actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}@media (max-width:560px){.work-row{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}}.image-field .preview{aspect-ratio:4/3;border:1px solid var(--line);background:var(--bg-soft);width:100%;max-width:260px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;margin-bottom:10px;font-size:12px;display:flex;overflow:hidden}.image-field .preview img,.image-field .preview video{object-fit:cover;width:100%;height:100%}.image-field .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:32px;display:flex}.tabs button{appearance:none;letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 14px;font-family:inherit;font-size:13px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.savebar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);background:#fffffff0;flex-wrap:wrap;align-items:center;gap:14px;margin-top:40px;padding:12px 0;display:flex;position:sticky;bottom:0}.savebar .state{color:var(--muted);font-size:13px}.stack>*+*{margin-top:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:auto}.mono{letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.small{color:var(--muted);font-size:13px;line-height:1.75}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.appfoot{border-top:1px solid var(--line);color:var(--muted);margin-top:clamp(64px,10vw,120px);padding:36px 0;font-size:12px}.appfoot .wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.appfoot a{text-decoration:none}.appfoot a:hover{color:var(--ink)}.doc{max-width:760px;padding:clamp(40px,7vw,72px) 0}.doc h1{margin-bottom:8px;font-size:24px}.doc .updated{color:var(--muted);margin-bottom:40px;font-size:12px}.doc h2{margin:40px 0 12px;font-size:16px}.doc p,.doc li{color:var(--ink-2);font-size:15px}.doc ul{margin:12px 0;padding-left:1.3em}.doc li{margin-bottom:6px}.lay-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tpl-card .suited{letter-spacing:0;color:var(--accent);margin-top:8px;font-size:11px;line-height:1.6}.lay-thumb{--l-bg:#fff;--l-soft:#e9e8e6;--l-strong:#bcbab6;--l-line:#e4e2de;aspect-ratio:4/3;background:var(--l-bg);flex-direction:column;gap:5px;padding:8px 10px;display:flex;overflow:hidden}.lay-thumb.showcase,.lay-thumb.split{gap:0;padding:0}.lay-thumb .l-bar{border-bottom:1px solid var(--l-line);background:#f6f5f3;flex:none;height:15px;margin:-8px -10px 3px}.lay-thumb .l-line{background:var(--l-strong);border-radius:999px;flex:none;height:4px}.lay-thumb .w40{width:40%}.lay-thumb .w50{width:50%}.lay-thumb .w60{width:60%}.lay-thumb .w70{width:70%}.lay-thumb .w80{width:80%}.lay-thumb .w90{width:90%}.lay-thumb .l-block{background:var(--l-soft);border-radius:2px}.lay-thumb .h30{height:30%}.lay-thumb .h34{height:34%}.lay-thumb .l-row{gap:4px;margin-top:auto;display:flex}.lay-thumb .l-row i{aspect-ratio:1;background:var(--l-soft);border-radius:2px;flex:1}.lay-thumb .l-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.lay-thumb .l-grid i{background:var(--l-soft);border-radius:2px}.lay-thumb .l-full{background:var(--l-soft);flex-direction:column;flex:1;justify-content:flex-end;gap:5px;padding:10px;display:flex}.lay-thumb .l-full .on{background:#fff}.lay-thumb .l-split{flex:1;display:flex}.lay-thumb .l-side{border-right:1px solid var(--l-line);flex-direction:column;flex:0 0 32%;gap:5px;padding:10px 8px;display:flex}.lay-thumb .l-main{flex-direction:column;flex:1;gap:5px;padding:10px;display:flex}.lay-thumb .l-mag{flex:1;grid-template-columns:repeat(6,1fr);align-content:start;gap:4px;display:grid}.lay-thumb .l-mag i{background:var(--l-soft);border-radius:2px}.lay-thumb .l-mag .a{grid-column:span 4;height:26px}.lay-thumb .l-mag .b{grid-column:span 2;height:38px;margin-top:8px}.lay-thumb .l-mag .c{grid-column:span 2;height:22px}.lay-thumb .l-mag .d{grid-column:span 4;height:18px;margin-top:6px}.lay-thumb .l-res-head{align-items:center;gap:6px;display:flex}.lay-thumb .l-avatar{background:var(--l-soft);border-radius:999px;flex:none;width:14px;height:14px}.lay-thumb .l-list{flex-direction:column;gap:3px;margin-top:auto;display:flex}.lay-thumb .l-list i{background:var(--l-soft);border-radius:2px;height:8px}.lay-thumb .l-rail{gap:4px;margin-top:auto;display:flex}.lay-thumb .l-rail i{aspect-ratio:4/5;background:var(--l-soft);border-radius:2px;flex:0 0 40%}.font-picker select{width:100%}.font-sample{border:1px solid var(--line);letter-spacing:.02em;background:#fff;border-radius:8px;min-height:44px;margin:10px 0 0;padding:12px 14px;font-size:18px;line-height:1.7}.copy-row{align-items:stretch;gap:8px;display:flex}.copy-row .input{flex:auto;min-width:0;font-size:13px}.copy-row .btn{white-space:nowrap;flex:none}.qr-block{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:18px;margin-top:18px;padding-top:18px;display:flex}.qr-canvas-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;flex:none;padding:8px}.qr-canvas{width:168px;height:168px;display:block}.qr-side{flex-direction:column;flex:220px;align-items:flex-start;gap:10px;min-width:200px;display:flex}.qr-side .btn{flex:none}.lay-thumb .l-zig{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.lay-thumb .l-zig .r{align-items:center;gap:5px;display:flex}.lay-thumb .l-zig .r.flip{flex-direction:row-reverse}.lay-thumb .l-zig .r i{background:var(--l-soft);border-radius:2px;flex:0 0 46%;height:20px}.lay-thumb .l-zig .t{flex-direction:column;flex:1;gap:3px;display:flex}.lay-thumb .l-zig .t span{background:var(--l-strong);border-radius:999px;height:3px}.lay-thumb .l-zig .t span.s{width:60%}.lay-thumb .l-mason{flex:1;align-items:flex-start;gap:4px;display:flex}.lay-thumb .l-mason .c{flex-direction:column;flex:1;gap:4px;display:flex}.lay-thumb .l-mason i{background:var(--l-soft);border-radius:2px;display:block}.lay-thumb .l-mason .h16{height:16px}.lay-thumb .l-mason .h20{height:20px}.lay-thumb .l-mason .h22{height:22px}.lay-thumb .l-mason .h26{height:26px}.lay-thumb .l-mason .h30{height:30px}.lay-thumb .l-time{flex-direction:column;flex:1;justify-content:center;gap:7px;padding-left:10px;display:flex;position:relative}.lay-thumb .l-time:before{content:"";background:var(--l-line);width:1px;position:absolute;top:4px;bottom:4px;left:2px}.lay-thumb .l-time .r{align-items:center;gap:5px;display:flex;position:relative}.lay-thumb .l-time .r:before{content:"";background:var(--l-strong);border-radius:50%;width:5px;height:5px;margin-top:-2px;position:absolute;top:50%;left:-12px}.lay-thumb .l-time .r i{background:var(--l-soft);border-radius:2px;flex:0 0 34%;height:14px}.lay-thumb .l-time .r .t{background:var(--l-strong);border-radius:999px;flex:1;height:3px}.lay-thumb.stream{padding-left:0;padding-right:0}.lay-thumb .l-stream{flex-direction:column;flex:1;gap:5px;display:flex}.lay-thumb .l-stream i{background:var(--l-soft);height:26px;display:block}.lay-thumb .l-stream .l-line{margin-left:10px}.trial-bar{background:var(--bg-soft);border-bottom:1px solid var(--line)}.trial-bar-inner{max-width:1400px;padding:12px var(--gut);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin:0 auto;display:flex}.trial-bar-inner p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.7}.trial-layout{max-width:1400px;padding:24px var(--gut) 64px;grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;gap:40px;margin:0 auto;display:grid}.trial-preview{position:sticky;top:76px}.trial-device{gap:8px;margin-bottom:12px;display:flex}.trial-frame{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;position:relative;overflow:hidden}.trial-frame iframe{background:#fff;border:0;display:block}.trial-work{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:14px 16px 2px}.trial-work-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.trial-compact .preview{max-width:180px}.trial-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;padding-top:20px;display:flex}.trial-switch{display:none}@media (max-width:999px){.trial-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:16px}.trial-preview{position:static}.trial-layout[data-pane=edit] .trial-preview,.trial-layout[data-pane=preview] .trial-controls{display:none}.trial-switch{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);display:flex;position:sticky;top:60px}.trial-switch button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 0;font-size:14px}.trial-switch button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}}