: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{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;font-feature-settings:"palt";line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.45;letter-spacing:.01em;margin:0}p{margin:0}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.appbar .wrap{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.appbar .logo{font-size:13px;letter-spacing:.16em;font-weight:600;text-decoration:none;white-space:nowrap}.appbar nav{display:flex;align-items:center;gap:clamp(12px,3vw,24px)}.appbar nav a{font-size:11px;letter-spacing:.12em;text-decoration:none;color:var(--ink-2);white-space:nowrap}.appbar nav a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:13px;font-family:inherit;letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:opacity .2s,transform .2s,background-color .2s,color .2s}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.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}.field{display:block;margin-bottom:20px}.field>.label{letter-spacing:.1em;color:var(--ink-2);margin-bottom:8px;font-weight:600}.field>.hint,.field>.label{display:block;font-size:12px}.field>.hint{color:var(--muted);margin-top:6px;line-height:1.7;letter-spacing:0}.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{width:100%;display:block;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit;font-size:15px;line-height:1.7}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,93,80,.12)}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;cursor:pointer}.check input{margin-top:6px;flex:0 0 auto;width:16px;height:16px}.notice{padding:12px 16px;border-radius:10px;font-size:14px;line-height:1.75;margin-bottom:20px;border:1px solid}.notice.err{background:#fdf3f2;border-color:#f0d5d2;color:#8d2b2b}.notice.ok{background:#f1f7f4;border-color:#cfe3d9;color:#1f5344}.notice.info{background:var(--bg-soft);border-color:var(--line);color:var(--ink-2)}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(20px,4vw,28px)}.panel{border-top:1px solid var(--line);padding-top:28px;margin-top:36px}.panel>h2{font-size:15px;letter-spacing:.06em;margin-bottom:4px}.panel>.sub{font-size:13px;color:var(--muted);margin-bottom:22px;line-height:1.75}.auth{max-width:420px;margin:clamp(48px,10vw,96px) auto;padding:0 var(--gut)}.auth h1{font-size:22px;margin-bottom:8px}.auth .lead{font-size:14px;color:var(--ink-2);margin-bottom:30px}.auth .alt{margin-top:24px;font-size:13px;color:var(--muted);text-align:center}.auth .alt a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.lp-hero{padding:clamp(64px,12vw,128px) 0 clamp(48px,8vw,80px)}.lp-hero h1{font-size:clamp(28px,5.5vw,52px);letter-spacing:.01em;line-height:1.35;margin-bottom:24px}.lp-hero .lead{font-size:clamp(15px,1.8vw,17px);color:var(--ink-2);max-width:34em;margin-bottom:36px}.lp-actions{display:flex;flex-wrap:wrap;gap:12px}.lp-steps{display:grid;grid-gap:clamp(20px,3vw,32px);gap:clamp(20px,3vw,32px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:clamp(48px,8vw,80px) 0;border-top:1px solid var(--line)}.lp-steps .num{font-size:11px;letter-spacing:.2em;color:var(--accent);margin-bottom:10px;font-weight:600}.lp-steps h3{font-size:16px;margin-bottom:8px}.lp-steps p{font-size:14px;color:var(--ink-2)}.tpl-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tpl-card{border:1px solid var(--line);border-radius:var(--radius);padding:0;overflow:hidden;background:#fff;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:border-color .2s,box-shadow .2s}.tpl-card:hover{border-color:var(--ink-2)}.tpl-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px rgba(47,93,80,.16)}.tpl-card .body{padding:14px 16px 16px}.tpl-card .name{font-size:14px;font-weight:600;margin-bottom:4px}.tpl-card .desc{font-size:12px;color:var(--muted);line-height:1.7;letter-spacing:0}.tpl-thumb{--t-bg:#fff;--t-ink:#1a1a1a;--t-soft:#f0eeeb;--t-line:#e2e0dc;--t-accent:#b5543a;--t-r:2px;--t-weight:5px;aspect-ratio:4/3;background:var(--t-bg);display:flex;flex-direction:column;overflow:hidden}.tpl-thumb .t-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--t-line)}.tpl-thumb .t-brand{width:26%;height:4px;border-radius:999px;background:var(--t-ink)}.tpl-thumb .t-nav{width:30%;height:3px;border-radius:999px;background:var(--t-line)}.tpl-thumb .t-body{flex:1 1;padding:11px 10px 10px;display:flex;flex-direction:column;gap:5px}.tpl-thumb .t-h{height:var(--t-weight);width:78%;border-radius:var(--t-r);background:var(--t-ink)}.tpl-thumb .t-h.s{width:42%;background:var(--t-accent);height:3px}.tpl-thumb .t-grid{margin-top:auto;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(3,1fr)}.tpl-thumb .t-grid i{display:block;aspect-ratio:1/1;background:var(--t-soft);border-radius:var(--t-r)}.tpl-thumb.mono{--t-ink:#000;--t-soft:#ededed;--t-line:#dcdcdc;--t-accent:#555;--t-r:0px;--t-weight:4px}.tpl-thumb.grid{--t-soft:#e9e7e3;--t-line:#d6d4d0;--t-accent:#2f5d50;--t-r:0px}.tpl-thumb.grid .t-grid{gap:1px;background:var(--t-line);padding:1px}.tpl-thumb.studio{--t-bg:#f4f4f6;--t-ink:#1c1c22;--t-soft:#fff;--t-line:#e2e2ea;--t-accent:#4a5cc4;--t-r:5px}.tpl-thumb.studio .t-grid i{box-shadow:0 1px 4px rgba(28,28,34,.14)}.tpl-thumb.editorial{--t-bg:#111114;--t-ink:#f4f3f0;--t-soft:#26262c;--t-line:#2c2c34;--t-accent:#e0725a;--t-r:0px;--t-weight:8px}.tpl-thumb.editorial .t-grid i{aspect-ratio:3/4}.tpl-thumb.bold{--t-bg:#fffdf6;--t-ink:#16150f;--t-soft:#ece7d6;--t-line:#16150f;--t-accent:#e04e2a;--t-r:0px;--t-weight:10px}.tpl-thumb.bold .t-h.s{height:6px}.tpl-thumb.neon{--t-bg:#0b0d16;--t-ink:#eef1ff;--t-soft:#1a2036;--t-line:#242a44;--t-accent:#4de2c0;--t-r:3px;--t-weight:7px}.tpl-thumb.neon .t-grid{grid-template-columns:repeat(2,1fr)}.tpl-thumb.neon .t-grid i:nth-child(3){display:none}.tpl-thumb.neon .t-grid i{aspect-ratio:16/10;border:1px solid var(--t-line)}.tpl-thumb.warm{--t-bg:#faf6f0;--t-ink:#3d332a;--t-soft:#f0e7da;--t-line:#e7dbc9;--t-accent:#b5543a;--t-r:6px}.tpl-thumb.warm .t-h{border-radius:999px}.tpl-thumb.pastel{--t-bg:#fdf6f8;--t-ink:#4a3a44;--t-soft:#f7e9ef;--t-line:#f0dde5;--t-accent:#d47a9a;--t-r:8px}.tpl-thumb.pastel .t-h{border-radius:999px}.tpl-thumb.natural{--t-bg:#f7f8f2;--t-ink:#33382c;--t-soft:#e9eede;--t-line:#dde3d0;--t-accent:#6f8f4e;--t-r:4px;--t-weight:4px}.tpl-thumb.paper{--t-bg:#fbfaf7;--t-ink:#23211d;--t-soft:#efece4;--t-line:#e2ddd2;--t-accent:#8a6a3a;--t-r:1px;--t-weight:4px}.tpl-thumb.paper .t-grid i{aspect-ratio:3/2}.tpl-thumb.gallery{--t-bg:#fcfcfc;--t-ink:#191919;--t-soft:#ededed;--t-line:#e6e6e6;--t-accent:#7a6a58;--t-r:0px;--t-weight:4px}.tpl-thumb.gallery .t-body{align-items:center}.tpl-thumb.gallery .t-h{width:60%}.tpl-thumb.gallery .t-h.s{width:26%}.tpl-thumb.gallery .t-grid{grid-template-columns:1fr;width:100%}.tpl-thumb.gallery .t-grid i:nth-child(n+2){display:none}.tpl-thumb.gallery .t-grid i{aspect-ratio:3/2}.tpl-group+.tpl-group{margin-top:22px}.tpl-group>.tpl-group-name{display:block;font-size:11px;letter-spacing:.16em;color:var(--muted);margin-bottom:10px}.work-row{display:grid;grid-gap:16px;gap:16px;align-items:start;grid-template-columns:96px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px;background:#fff}.work-row .thumb{aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.work-row .thumb img{width:100%;height:100%;object-fit:cover}.work-row .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}@media (max-width:560px){.work-row{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}}.image-field .preview{width:100%;max-width:260px;aspect-ratio:4/3;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-soft);margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.image-field .preview img,.image-field .preview video{width:100%;height:100%;object-fit:cover}.image-field .row{gap:8px;align-items:center}.image-field .row,.tabs{display:flex;flex-wrap:wrap}.tabs{gap:4px;border-bottom:1px solid var(--line);margin-bottom:32px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;font-family:inherit;font-size:13px;letter-spacing:.06em;color:var(--muted);padding:12px 14px;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.savebar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:12px 0;margin-top:40px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.savebar .state{font-size:13px;color:var(--muted)}.stack>*+*{margin-top:12px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.spacer{flex:1 1 auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.mono,.small{font-size:13px}.small{color:var(--muted);line-height:1.75}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.appfoot{border-top:1px solid var(--line);margin-top:clamp(64px,10vw,120px);padding:36px 0;font-size:12px;color:var(--muted)}.appfoot .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.appfoot a{text-decoration:none}.appfoot a:hover{color:var(--ink)}.doc{padding:clamp(40px,7vw,72px) 0;max-width:760px}.doc h1{font-size:24px;margin-bottom:8px}.doc .updated{font-size:12px;color:var(--muted);margin-bottom:40px}.doc h2{font-size:16px;margin:40px 0 12px}.doc li,.doc p{font-size:15px;color:var(--ink-2)}.doc ul{padding-left:1.3em;margin:12px 0}.doc li{margin-bottom:6px}.lay-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tpl-card .suited{margin-top:8px;font-size:11px;letter-spacing:0;color:var(--accent);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);padding:8px 10px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.lay-thumb.showcase,.lay-thumb.split{padding:0;gap:0}.lay-thumb .l-bar{margin:-8px -10px 3px;height:15px;background:#f6f5f3;border-bottom:1px solid var(--l-line);flex:0 0 auto}.lay-thumb .l-line{height:4px;border-radius:999px;background:var(--l-strong);flex:0 0 auto}.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{margin-top:auto;display:flex;gap:4px}.lay-thumb .l-row i{flex:1 1;aspect-ratio:1/1;background:var(--l-soft);border-radius:2px}.lay-thumb .l-grid{flex:1 1;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.lay-thumb .l-grid i{background:var(--l-soft);border-radius:2px}.lay-thumb .l-full{flex:1 1;background:var(--l-soft);display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:10px}.lay-thumb .l-full .on{background:#fff}.lay-thumb .l-split{flex:1 1;display:flex}.lay-thumb .l-side{flex:0 0 32%;border-right:1px solid var(--l-line);padding:10px 8px;display:flex;flex-direction:column;gap:5px}.lay-thumb .l-main{flex:1 1;padding:10px;display:flex;flex-direction:column;gap:5px}.lay-thumb .l-mag{flex:1 1;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(6,1fr);align-content:start}.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{display:flex;align-items:center;gap:6px}.lay-thumb .l-avatar{flex:0 0 auto;width:14px;height:14px;border-radius:999px;background:var(--l-soft)}.lay-thumb .l-list{margin-top:auto;display:flex;flex-direction:column;gap:3px}.lay-thumb .l-list i{height:8px;background:var(--l-soft);border-radius:2px}.lay-thumb .l-rail{margin-top:auto;display:flex;gap:4px}.lay-thumb .l-rail i{flex:0 0 40%;aspect-ratio:4/5;background:var(--l-soft);border-radius:2px}