:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b1d22;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1180px}button,input,textarea{font:inherit}button{cursor:pointer}.boot{display:grid;min-height:100vh;place-items:center;color:#6b7280}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:#f5c400;color:#191919;font-weight:900}.brand-mark.large{width:54px;height:54px;border-radius:14px;font-size:20px}.home{min-height:100vh;padding:28px 48px;background:linear-gradient(180deg,#fff,#f6f7f9)}.home-nav,.side-brand{display:flex;align-items:center;gap:12px}.home-nav span,.side-brand span{display:block;color:#7a808c;font-size:13px}.hero{max-width:940px;padding:92px 0 54px}.eyebrow{margin:0 0 10px;color:#a47a00;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.hero h1{max-width:880px;margin:0;font-size:56px;line-height:1.05;letter-spacing:0}.hero p{max-width:720px;color:#5d6470;font-size:18px;line-height:1.7}.hero .desktop-note{max-width:720px;margin:18px 0 0;border-left:3px solid #f5c400;color:#4f5662;font-size:15px;line-height:1.6;padding-left:12px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.hero-actions a{color:#1f2937;font-weight:700}.primary,.side-action,.top-actions button,.copy-panel button{border:0;border-radius:10px;background:#f5c400;color:#191919;font-weight:800;padding:12px 18px}.primary.small{padding:9px 14px}.primary.block,.ghost.block{width:100%}.ghost{border:1px solid #d9dde5;border-radius:10px;background:#fff;color:#363b44;padding:10px 14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.guide-section{border-top:1px solid #e2e5ea;padding:34px 0 42px}.section-title{margin-bottom:18px}.section-title h2{margin:0;font-size:30px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.guide-card{border:1px solid #e2e5ea;border-radius:8px;background:#fff;padding:20px}.guide-card h3{margin:0 0 10px;font-size:17px}.guide-card p{margin:0;color:#626a76;font-size:14px;line-height:1.65}.feature{border-top:2px solid #f5c400;background:#fff;padding:24px}.feature h3{margin:0 0 10px}.feature p{margin:0;color:#666d78;line-height:1.6}.login-page{display:grid;min-height:100vh;place-items:center;background:#f6f7f9}.login-card{width:420px;border:1px solid #e2e5ea;border-radius:20px;background:#fff;padding:34px;box-shadow:0 24px 80px #1f293714}.login-card h1{margin:22px 0 8px}.login-card p{color:#626a76;line-height:1.6}code{border-radius:6px;background:#fff3bf;padding:2px 6px}label{display:grid;gap:7px;color:#4a515c;font-size:13px;font-weight:750}input,textarea{width:100%;border:1px solid #d9dde5;border-radius:10px;background:#fff;color:#1f2937;padding:11px 12px;outline:none}input:focus,textarea:focus{border-color:#f5c400;box-shadow:0 0 0 3px #f5c40033}textarea{resize:vertical;line-height:1.55}.error,.copied{border-radius:10px;background:#fff3bf;color:#6b4f00;padding:10px 12px;font-size:13px}.workspace{display:grid;grid-template-columns:270px minmax(560px,1fr) 430px;min-height:100vh}.sidebar{display:flex;min-height:100vh;flex-direction:column;border-right:1px solid #e0e4ea;background:#fff;padding:22px}.side-action{margin:28px 0 16px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:24px;border:1px solid #e0e4ea;border-radius:12px;padding:4px}.mode-switch button{border:0;border-radius:9px;background:transparent;padding:9px 10px;font-weight:800}.mode-switch button.active{background:#f5c400}.project-list{display:grid;gap:8px}.project-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.project-section-head span{color:#7a808c;font-size:12px;font-weight:850;letter-spacing:.02em}.project-section-head button{border:1px solid #d9dde5;border-radius:8px;background:#fff;color:#363b44;padding:5px 8px;font-size:12px;font-weight:800}.project-card{display:grid;gap:5px;width:100%;border-radius:12px;background:transparent;padding:12px}.project-card.active{background:#fff5c7}.project-main{display:grid;gap:5px;width:100%;border:0;background:transparent;padding:0;text-align:left}.project-main strong,.project-main span{display:block}.project-card-actions{display:flex;gap:6px;margin-top:6px}.project-card-actions button{border:1px solid #e0e4ea;border-radius:7px;background:#fff;color:#4a515c;padding:4px 7px;font-size:12px;font-weight:800}.project-main span,.sidebar-footer span,.table-row small,.versions span,.timeline-head span{color:#7a808c;font-size:12px}.sidebar-footer{display:grid;gap:12px;margin-top:auto}.library{display:flex;min-width:0;flex-direction:column;background:#fbfcfd}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e0e4ea;background:#fff;padding:24px 30px}.topbar h1{margin:0;font-size:28px}.project-context{display:block;margin-top:6px;color:#7a808c;font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.guide-link{border:1px solid #d9dde5;border-radius:10px;background:#fff;color:#363b44;padding:10px 12px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.search{width:360px}select{border:1px solid #d9dde5;border-radius:10px;background:#fff;padding:0 12px}.shot-table{padding:20px 30px}.table-head,.table-row{display:grid;grid-template-columns:48px 1.4fr 90px 1fr 70px;align-items:center;gap:14px}.table-head{border-bottom:1px solid #e1e5eb;color:#6b7280;font-size:12px;font-weight:800;padding:0 12px 12px;text-transform:uppercase}.table-row{width:100%;border:0;border-bottom:1px solid #edf0f4;background:transparent;padding:15px 12px;text-align:left}.table-row.selected{background:#fff7d6;box-shadow:inset 3px 0 #f5c400}.table-row strong,.table-row small{display:block}.copy-mini{justify-self:start;border:1px solid #e0e4ea;border-radius:8px;background:#fff;padding:7px 10px;font-weight:800}.asset-head,.asset-row{display:grid;grid-template-columns:1.35fr 110px 1fr 70px;align-items:center;gap:14px}.asset-head{border-bottom:1px solid #e1e5eb;color:#6b7280;font-size:12px;font-weight:800;padding:0 12px 12px;text-transform:uppercase}.asset-row{width:100%;border:0;border-bottom:1px solid #edf0f4;background:transparent;padding:16px 12px;text-align:left}.asset-row.selected{background:#fff7d6;box-shadow:inset 3px 0 #f5c400}.asset-row strong,.asset-row small{display:block}.empty-state{margin:30px;border:1px dashed #d9dde5;border-radius:14px;background:#fff;padding:34px}.empty-state h2{margin:0 0 8px;font-size:22px}.empty-state p{margin:0;color:#6b7280;line-height:1.6}.timeline{margin-top:auto;border-top:1px solid #e0e4ea;background:#fff;padding:18px 30px 22px}.timeline-head{display:flex;justify-content:space-between;margin-bottom:12px}.timeline-track{display:grid;grid-template-columns:repeat(8,minmax(86px,1fr));overflow:hidden;border:1px solid #dde2ea;border-radius:12px}.timeline-track button{display:grid;gap:4px;border:0;border-right:1px solid #dde2ea;background:#fff;padding:12px;text-align:left}.timeline-track button:last-child{border-right:0}.timeline-track button.active{background:#fff3bf}.detail{height:100vh;overflow:auto;border-left:1px solid #e0e4ea;background:#fff;padding:24px}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.detail-actions,.version-actions,.version-top{display:flex;align-items:center;gap:8px}.detail-actions{flex-shrink:0}.detail h2{margin:0}.danger{border:1px solid #f1b7b7;border-radius:10px;background:#fff5f5;color:#b42318;font-weight:800;padding:12px 18px}.danger.small{padding:9px 14px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.text-block{margin-top:14px}.text-block span{display:flex;align-items:center;justify-content:space-between}.field-hint{display:block;color:#7a808c;font-weight:500;line-height:1.45}.text-block button{border:1px solid #d9dde5;border-radius:8px;background:#fff;padding:5px 9px;font-size:12px;font-weight:800}.copy-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.versions{border-top:1px solid #e0e4ea;padding-top:18px}.versions h3{margin:0 0 12px}.version-help{margin:-4px 0 14px;color:#7a808c;font-size:13px;line-height:1.55}.versions article{border-left:3px solid #f5c400;background:#fbfcfd;margin-bottom:10px;padding:12px}.version-top{justify-content:space-between}.version-top strong,.version-top span{display:block}.version-top button,.version-actions button{border:1px solid #d9dde5;border-radius:8px;background:#fff;padding:6px 10px;font-size:12px;font-weight:800}.versions p{margin:6px 0 0;color:#58606c}.version-snapshot{display:grid;gap:10px;margin-top:12px}.version-snapshot textarea{background:#fff;font-size:12px}.version-actions{justify-content:flex-end}.empty-detail{display:grid;height:100%;place-items:center;color:#7a808c}@media(max-width:900px){body{min-width:0}.home{padding:20px}.home-nav{align-items:flex-start}.hero{padding:54px 0 34px}.hero h1{font-size:36px;line-height:1.12}.hero p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .primary,.hero-actions a{width:100%}.hero-actions a{border:1px solid #d9dde5;border-radius:10px;background:#fff;padding:12px 14px;text-align:center;text-decoration:none}.guide-grid,.feature-grid{grid-template-columns:1fr}.login-page{padding:20px}.login-card{width:100%;max-width:430px;border-radius:16px;padding:26px}.workspace{display:block;min-height:100vh}.sidebar{min-height:0;border-right:0;border-bottom:1px solid #e0e4ea;padding:16px}.side-brand{justify-content:flex-start}.mode-switch{margin-top:16px}.side-action{margin:16px 0 14px;width:100%}.project-list{grid-template-columns:1fr;max-height:220px;overflow:auto;padding-right:2px}.project-card{border:1px solid #edf0f4;background:#fff}.sidebar-footer{grid-template-columns:1fr auto;align-items:center;margin-top:14px}.library{min-height:auto}.topbar{align-items:stretch;flex-direction:column;gap:14px;padding:18px 16px}.topbar h1{font-size:24px;line-height:1.2}.top-actions{align-items:stretch;flex-direction:column}.guide-link,.search,.top-actions button,.top-actions select{width:100%}select{min-height:44px}.shot-table{padding:14px 16px}.table-head,.asset-head{display:none}.table-row,.asset-row{display:grid;grid-template-columns:44px 1fr;gap:8px 12px;border:1px solid #e4e8ef;border-radius:12px;background:#fff;margin-bottom:10px;padding:14px}.asset-row{grid-template-columns:1fr}.table-row.selected,.asset-row.selected{border-color:#f5c400;background:#fff7d6;box-shadow:none}.table-row>span:nth-child(3),.table-row>span:nth-child(4),.asset-row>span:nth-child(2),.asset-row>span:nth-child(3){grid-column:1 / -1;color:#626a76;font-size:13px}.table-row .copy-mini,.asset-row .copy-mini{grid-column:1 / -1;justify-self:stretch;text-align:center}.empty-state{margin:16px;padding:24px}.timeline{padding:16px}.timeline-track{display:flex;overflow-x:auto}.timeline-track button{min-width:96px;border-right:1px solid #dde2ea}.detail{height:auto;min-height:70vh;border-left:0;border-top:1px solid #e0e4ea;padding:18px 16px 28px}.detail-head{align-items:flex-start;flex-direction:column}.detail-actions{width:100%}.detail-actions button{flex:1}.meta-grid,.copy-panel{grid-template-columns:1fr}.text-block span{align-items:flex-start;gap:8px}.version-top{align-items:flex-start;flex-direction:column}.version-actions{align-items:stretch;flex-direction:column}.version-actions button{width:100%}}