:root{--navy-900:#10243a;--navy-800:#16304d;--navy-700:#1a3a5c;--navy-600:#24507c;--navy-100:#e8eef5;--navy-50:#f4f7fa;--accent:#2f9e8f;--accent-soft:#e2f3f0;--gold:#d9a441;--text:#1c2733;--text-sub:#5a6b7d;--border:#d8e0e8;--danger:#c0564f;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif;color:var(--text);background:#fff;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:linear-gradient(180deg,var(--navy-800),var(--navy-900));color:#cfdcea;padding:24px 14px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.logo{color:#fff;font-size:17px;font-weight:700;letter-spacing:.04em;padding:0 10px 18px}.logo span{color:var(--gold)}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:13.5px;transition:background .15s,transform .08s ease-out}.nav-item:hover{background:rgba(255,255,255,.08)}.nav-item:active{transform:scale(.97);background:rgba(255,255,255,.16)}.nav-item.active{background:rgba(255,255,255,.14);color:#fff;font-weight:600}.nav-badge{margin-left:auto;font-size:10px;background:rgba(255,255,255,.15);border-radius:99px;padding:1px 7px}.main{flex:1 1;padding:28px 32px 60px;min-width:0}.page-title{font-size:21px;font-weight:700;color:var(--navy-800);margin-bottom:4px}.page-sub{color:var(--text-sub);margin-bottom:24px;font-size:13px}.board{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:8px}.col{background:var(--navy-100);border-radius:var(--radius);padding:10px;min-height:220px}.col-title{font-size:12.5px;font-weight:700;color:var(--navy-700);display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px}.col-count{background:var(--navy-700);color:#fff;border-radius:99px;font-size:10.5px;padding:0 7px}.card{display:block;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(16,36,58,.06);transition:transform .12s,box-shadow .12s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(16,36,58,.12)}.card:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px rgba(16,36,58,.06)}.card-name{font-weight:600;font-size:13px;color:var(--navy-800)}.card-client{font-size:11.5px;color:var(--text-sub);margin-top:2px}.badge{display:inline-block;font-size:10.5px;font-weight:600;border-radius:99px;padding:2px 9px}.badge-wait{background:#fdf1dc;color:#9a6b13}.badge-live{background:var(--accent-soft);color:#1c7265}.btn{display:inline-block;border:none;cursor:pointer;font-size:13px;font-weight:600;border-radius:8px;padding:9px 18px;background:var(--navy-700);color:#fff;transition:opacity .15s,transform .08s ease-out}.btn:hover{opacity:.88}.btn:active{transform:scale(.96);opacity:.75}.btn:disabled{cursor:default;opacity:.5}.btn:disabled:active{transform:none}.btn-accent{background:var(--accent)}.btn-ghost{background:#fff;color:var(--navy-700);border:1px solid var(--border)}.btn-sm{padding:6px 13px;font-size:12px}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:18px}.panel h2{font-size:15px;color:var(--navy-800)}.field,.panel h2{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-sub);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13.5px;font-family:inherit;background:#fff}.field input:focus,.field textarea:focus{outline:2px solid var(--navy-600);border-color:transparent}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row .field{flex:1 1;min-width:180px;margin-bottom:0}.stepper{display:flex;gap:0;margin:18px 0 24px;flex-wrap:wrap}.step{flex:1 1;min-width:100px;text-align:center;position:relative;padding-top:30px;font-size:12px;color:var(--text-sub)}.step:before{content:"";position:absolute;top:11px;left:0;right:0;height:3px;background:var(--border)}.step:first-child:before{left:50%}.step:last-child:before{right:50%}.step .dot{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid var(--border);z-index:1}.step.done{color:var(--navy-700)}.step.done .dot,.step.done:before{background:var(--accent)}.step.done .dot{border-color:var(--accent)}.step.current{color:var(--navy-800);font-weight:700}.step.current .dot{border-color:var(--navy-700);background:#fff;box-shadow:0 0 0 4px rgba(26,58,92,.15)}.comment{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--navy-100)}.comment:last-child{border-bottom:none}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.avatar.studio{background:var(--navy-700)}.avatar.client{background:var(--gold)}.comment-meta{font-size:11px;color:var(--text-sub)}.comment-meta b{color:var(--text);font-size:12.5px;margin-right:6px}.share-wrap{max-width:720px;margin:0 auto;padding:40px 20px 80px}.share-header{background:linear-gradient(135deg,var(--navy-700),var(--navy-900));color:#fff;border-radius:var(--radius);padding:26px 28px;margin-bottom:20px}.share-header h1{font-size:19px}.share-header p{color:#b9c9da;font-size:12.5px;margin-top:4px}.notice{background:#fdf1dc;border:1px solid #f0d9a8;border-radius:8px;padding:12px 16px;font-size:13px;color:#7a5510;margin-bottom:16px}.fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.fx-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.fx-stage{height:130px;background:var(--navy-800);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.fx-label{padding:10px 14px}.fx-label b{font-size:13px;color:var(--navy-800)}.fx-label small{display:block;color:var(--text-sub);font-size:11px}.fx-box{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#57c4b4)}.fx-text{color:#fff;font-weight:700;font-size:18px;letter-spacing:.05em}@keyframes fadeIn{0%,15%{opacity:0}45%,85%{opacity:1}to{opacity:0}}.fx-fade{animation:fadeIn 3s ease infinite}@keyframes slideUp{0%,15%{opacity:0;transform:translateY(36px)}45%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.fx-slide{animation:slideUp 3s cubic-bezier(.22,1,.36,1) infinite}@keyframes scaleIn{0%,15%{opacity:0;transform:scale(.4)}45%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.fx-scale{animation:scaleIn 3s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes blurIn{0%,15%{opacity:0;filter:blur(12px)}45%,85%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(0)}}.fx-blur{animation:blurIn 3s ease infinite}@keyframes rotateIn{0%,15%{opacity:0;transform:rotate(-120deg) scale(.5)}45%,85%{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(0) scale(1)}}.fx-rotate{animation:rotateIn 3s cubic-bezier(.22,1,.36,1) infinite}@keyframes typewriter{0%,10%{width:0}50%,85%{width:100%}to{width:100%;opacity:0}}.fx-type{overflow:hidden;white-space:nowrap;animation:typewriter 3.2s steps(12) infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.fx-float{animation:floaty 2.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(87,196,180,.6)}60%{box-shadow:0 0 0 22px rgba(87,196,180,0)}}.fx-pulse{animation:pulse 2.2s ease-out infinite;border-radius:50%}@keyframes marquee{0%{transform:translateX(110%)}to{transform:translateX(-110%)}}.fx-marquee{animation:marquee 4s linear infinite}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{background:var(--navy-100);color:var(--navy-700);border-radius:99px;font-size:12px;font-weight:600;padding:3px 12px}.chip-accent{background:var(--accent-soft);color:#1c7265}.sub-heading{font-size:13px;color:var(--navy-700);margin:16px 0 6px}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px}.swatch{display:flex;align-items:center;gap:10px;background:var(--navy-50);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.swatch-color{width:34px;height:34px;border-radius:8px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.swatch b{font-size:12.5px;display:block}.swatch small{color:var(--text-sub);font-size:11px}.wf-page{background:#fff;border:2px solid #9aa7b4;border-radius:10px;overflow:hidden;max-width:860px}.wf-section{border-bottom:2px dashed #c3ccd6;padding:16px 20px 18px;position:relative}.wf-section:last-child{border-bottom:none}.wf-small{min-height:70px}.wf-medium{min-height:150px}.wf-large{min-height:230px}.wf-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.wf-section-name{font-size:11px;font-weight:700;color:#7a8896;letter-spacing:.06em;text-transform:uppercase}.wf-effect{font-size:10.5px;background:var(--accent-soft);color:#1c7265;border-radius:99px;padding:1px 9px;font-weight:600}.wf-section-purpose{font-size:11px;color:#9aa7b4;margin-bottom:10px}.wf-blocks{display:flex;flex-direction:column;gap:12px}.wf-row{display:flex;align-items:center;gap:10px}.wf-logo{width:90px;height:26px;background:#d6dde4;border-radius:4px;display:inline-block}.wf-nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.wf-nav-item{font-size:12px;color:#66727f;padding:3px 10px}.wf-heading,.wf-nav-item{background:#eef1f5;border-radius:4px}.wf-heading{font-size:20px;font-weight:700;color:#4a5663;border-left:6px solid #b8c2cc;padding:10px 14px}.wf-text{display:flex;flex-direction:column;gap:5px}.wf-line{display:block;height:9px;background:#e3e8ee;border-radius:4px;width:92%}.wf-line.short{width:55%}.wf-block-label{font-size:11.5px;color:#8a97a4;margin-top:3px;display:inline-block}.wf-image{border:2px dashed #b8c2cc;border-radius:6px;min-height:90px;display:flex;align-items:center;justify-content:center;color:#8a97a4;font-size:12px;background:linear-gradient(to top right,transparent calc(50% - 1px),#dfe5ea,transparent calc(50% + 1px)),linear-gradient(to bottom right,transparent calc(50% - 1px),#dfe5ea,transparent calc(50% + 1px));padding:8px 12px;text-align:center}.wf-button{display:inline-block;background:#b8c2cc;color:#fff;font-size:12.5px;font-weight:700;border-radius:99px;padding:8px 22px}.wf-cards{display:grid;grid-gap:10px;gap:10px}.wf-card{border:1.5px solid #dfe5ea;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:5px}.wf-card-img{height:46px;background:#eef1f5;border-radius:4px;display:block;margin-bottom:3px}.wf-form{display:flex;flex-direction:column;gap:8px;max-width:380px}.wf-input{height:30px;border:1.5px solid #d6dde4;border-radius:6px;background:#fbfcfd;display:block}.wf-note{font-size:11px;color:var(--gold);margin-top:3px}.design-frame{width:100%;height:75vh;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(16,36,58,.08)}.be-block{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:10px;background:var(--navy-50)}.be-block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.be-type{font-size:11px;font-weight:700;color:var(--navy-700);background:var(--navy-100);border-radius:99px;padding:1px 10px}.be-tools button{border:1px solid var(--border);background:#fff;border-radius:6px;width:26px;height:24px;cursor:pointer;margin-left:4px;font-size:12px;color:var(--text-sub)}.be-tools button:hover{background:var(--navy-100)}.be-tools .be-del{color:var(--danger)}.be-block textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13.5px;font-family:inherit;background:#fff;resize:vertical}.be-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--text-sub);margin-top:4px}.site-wrap{max-width:760px;margin:0 auto;padding:0 20px 60px;min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:2px solid var(--navy-800);margin-bottom:30px}.site-brand{font-size:18px;font-weight:700;color:var(--navy-800);letter-spacing:.04em}.site-nav-label{font-size:11px;letter-spacing:.2em;color:var(--text-sub)}.site-main{flex:1 1}.site-title{font-size:24px;color:var(--navy-800);margin:6px 0 24px}.site-date{font-size:12px;color:var(--text-sub)}.site-back{font-size:13px;color:var(--navy-600)}.site-news-list{display:flex;flex-direction:column}.site-news-item{display:flex;gap:18px;align-items:baseline;padding:14px 4px;border-bottom:1px solid var(--border);transition:background .15s}.site-news-item:hover{background:var(--navy-50)}.site-news-item time{font-size:12px;color:var(--text-sub);flex-shrink:0}.site-news-item span{font-size:14.5px;color:var(--navy-800);font-weight:600}.site-article{font-size:15px;line-height:2}.site-article h2{font-size:18px;color:var(--navy-800);margin:28px 0 10px;padding-left:12px;border-left:4px solid var(--navy-700)}.site-article p{margin:14px 0}.site-article ul{margin:14px 0 14px 24px}.site-article blockquote{border-left:3px solid var(--gold);background:var(--navy-50);padding:10px 16px;margin:14px 0;color:var(--text-sub);border-radius:0 8px 8px 0}.site-footer{text-align:center;font-size:12px;color:var(--text-sub);padding-top:40px}.sitemap-row{gap:10px;padding:10px 0}.domain-row,.sitemap-row{display:flex;align-items:center;border-bottom:1px solid var(--navy-100);flex-wrap:wrap}.domain-row{gap:12px;padding:9px 0}.domain-name{font-family:Consolas,monospace;font-size:13.5px;color:var(--navy-800);min-width:200px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;gap:14px}.asset-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.asset-card img{width:100%;height:120px;object-fit:cover;display:block;background:var(--navy-50)}.asset-label{padding:8px 10px 4px;font-size:12.5px;font-weight:600;color:var(--navy-800)}.asset-license{padding:0 10px;font-size:10.5px;font-weight:700;color:var(--accent);letter-spacing:.03em}.asset-attribution{padding:2px 10px 4px;font-size:10.5px;color:var(--text-sub);line-height:1.5}.asset-attribution a{color:var(--navy-600);text-decoration:underline}.asset-card form{padding:0 10px 10px}.share-url{font-family:Consolas,monospace;font-size:12px;background:var(--navy-50);border:1px dashed var(--border);border-radius:8px;padding:9px 12px;word-break:break-all;color:var(--navy-700)}.stub-hero{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:34px;text-align:center}.stub-hero .phase-tag{display:inline-block;background:var(--navy-100);color:var(--navy-700);font-weight:700;font-size:11px;border-radius:99px;padding:3px 12px;margin-bottom:12px}.stub-hero h2{color:var(--navy-800);font-size:18px;margin-bottom:8px}.stub-hero p{color:var(--text-sub);margin:0 auto}.stub-hero p,.stub-list{max-width:560px;font-size:13px}.stub-list{text-align:left;margin:18px auto 0;background:var(--navy-50);border-radius:8px;padding:16px 22px;color:var(--text)}.stub-list li{margin:6px 0 6px 18px}.deliverable-box{background:var(--navy-50);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:12px}.deliverable-box a{color:var(--navy-600);text-decoration:underline;font-weight:600;word-break:break-all}