:root{--b:#2563eb;--bd:#1d4ed8;--bg:#eef2f7;--line:#dce3ed;--txt:#172033;--mut:#667085;--danger:#c0342b;--shadow:0 18px 50px #0f172a1f}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;font-family:Inter,system-ui,-apple-system,"Noto Sans JP",sans-serif;color:var(--txt);background:var(--bg)}button,input,textarea,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.top,.head{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand{font-weight:850;display:flex;gap:9px;align-items:center;text-decoration:none}.mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.largeMark{width:46px;height:46px;border-radius:14px;margin:auto;font-size:20px}.topactions,.headleft,.headright,.bottomRight{display:flex;align-items:center;gap:8px;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){border-color:#aebbd0;background:#f8fafc}.btn.primary{background:var(--b);border-color:var(--b);color:#fff}.btn.primary:hover:not(:disabled){background:var(--bd)}.btn.danger{color:var(--danger);border-color:#f0c5c2}.btn.large{padding:13px 18px;font-size:15px}.btn.full{width:100%}.iconbtn{border:0;background:transparent;width:34px;height:34px;border-radius:9px;font-size:22px;cursor:pointer}.dash{max-width:1100px;margin:auto;padding:34px 28px}.heroDash{padding-top:min(13vh,120px)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:850;color:var(--b)}h1{letter-spacing:-.035em}.heroDash h1{font-size:clamp(36px,6vw,68px);max-width:800px;margin:12px 0 18px}.lead{font-size:18px;line-height:1.7;color:var(--mut);max-width:700px;margin-bottom:28px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:60px}.featuregrid>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:6px}.featuregrid span,.muted{color:var(--mut);font-size:13px}.modalbg{position:fixed;inset:0;background:#0f172a77;display:grid;place-items:center;z-index:100;padding:14px;overflow:auto}.modal{width:min(540px,100%);max-height:calc(100vh - 28px);overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow)}.issueModal{width:min(620px,100%)}.modalhead,.adminTitle,.sideTitle,.composerTitle,.sessionName{display:flex;align-items:center;justify-content:space-between;gap:12px}.modalhead h2{margin:0}.modalhead p{margin:5px 0 0;color:var(--mut);font-size:13px}.field{margin:14px 0}.field.compact{margin:10px 0}.field label,.sectionlabel{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field select,.filters input,.filters select,.adminSearch,.composer input,.composer select{width:100%;padding:10px 11px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.sectionlabel{margin-top:17px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.actions.split{display:grid;grid-template-columns:auto 1fr auto auto}.generated{margin-top:16px}.generated input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px}.successmark{width:54px;height:54px;border-radius:50%;background:#dcfce7;color:#15803d;display:grid;place-items:center;font-weight:900;font-size:25px}.toggleline{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;margin-top:16px;cursor:pointer}.toggleline input{width:17px;height:17px}.period{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hidden{display:none!important}.checkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.checkcard{border:1px solid var(--line);border-radius:10px;padding:11px;display:flex;gap:8px;align-items:center;cursor:pointer}.checkcard:has(input:checked){border-color:#7da2ff;background:#eff6ff;color:#1d4ed8}.adminLogin{height:calc(100% - 60px);display:grid;place-items:center;padding:20px}.loginCard{width:min(400px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow);text-align:center}.loginCard .field{text-align:left}.lockmark{font-size:36px}.errorbox,.closedBanner{background:#fff1f0;color:#a62922;border:1px solid #ffc9c5;border-radius:9px;padding:10px;font-size:13px}.adminDash{max-width:1200px;margin:auto;padding:30px 24px}.adminTitle{align-items:end;margin-bottom:20px}.adminTitle h1{margin:5px 0}.adminSearch{width:min(360px,100%)}.sessionList{display:flex;flex-direction:column;gap:10px}.sessionCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;justify-content:space-between;gap:18px;align-items:center}.sessionMain{min-width:0}.sessionName{justify-content:flex-start}.sessionMain>a{display:block;color:#2563eb;font-size:12px;margin:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessionMeta{display:flex;gap:12px;flex-wrap:wrap;color:var(--mut);font-size:11px}.sessionActions{display:flex;gap:7px}.liveDot{width:8px;height:8px;border-radius:50%;background:#22c55e}.liveDot.closed{background:#94a3b8}.tag{font-size:10px;padding:3px 6px;border-radius:99px;background:#f1f5f9}.closedTag{color:#64748b}.empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:45px;text-align:center}.review{height:100%;display:flex;flex-direction:column}.head{height:58px}.title{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagepill{max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--mut);font-size:11px;cursor:pointer}.closedBanner{border-radius:0;text-align:center;border-width:0 0 1px}.main{height:calc(100% - 58px);display:grid;grid-template-columns:360px 1fr}.main.withBanner{height:calc(100% - 99px)}.side{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.sidehead{padding:12px;border-bottom:1px solid var(--line)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.filters input{grid-column:1/-1}.filters #sort{grid-column:1/-1}.list{flex:1;overflow:auto;padding:10px}.item{border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:9px;background:#fff;cursor:pointer}.item:hover{border-color:#b4c3d9}.item.active{border-color:#7da2ff;background:#f6f9ff}.itemtop,.itembadges,.meta,.attachmentList,.pageRef{display:flex;align-items:center;gap:7px}.itemtop{justify-content:space-between}.num{width:27px;height:27px;border-radius:50%;background:var(--b);color:#fff;display:grid;place-items:center;font-weight:850;font-size:12px}.status,.scope{font-size:10px;padding:4px 7px;border-radius:999px;background:#f1f5f9}.status.progress{background:#fff7ed;color:#c2410c}.status.review{background:#faf5ff;color:#7e22ce}.status.done{background:#f0fdf4;color:#15803d}.ctext{font-size:13px;line-height:1.55;margin:9px 0;white-space:pre-wrap}.meta{font-size:10px;color:#98a2b3;flex-wrap:wrap;margin-top:7px}.vbadge{display:inline-flex;border:0;font-size:10px;background:#111827;color:#fff;padding:4px 7px;border-radius:7px}.jumpVideo{cursor:pointer}.commentLink{display:block;color:#2563eb;font-size:11px;margin:7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachmentList{flex-wrap:wrap;margin-top:7px}.attachment{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:6px 8px;font-size:11px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis}.attachment small{color:var(--mut)}.pageRef{justify-content:space-between;background:#f8fafc;border-radius:7px;padding:6px 7px;margin-top:8px;font-size:10px;color:#64748b}.pageRef span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copyMini{border:0;background:transparent;color:#2563eb;font-size:10px;cursor:pointer;white-space:nowrap}.emptyList{padding:30px 12px;text-align:center;color:var(--mut);font-size:13px}.composer{border-top:1px solid var(--line);padding:13px;background:#fbfcfe;max-height:58vh;overflow:auto}.composer textarea{width:100%;min-height:90px;border:1px solid #cbd5e1;border-radius:9px;padding:10px;margin-top:10px;resize:vertical}.scopebox{margin-top:9px;border:1px solid var(--line);border-radius:10px;padding:9px}.scopebox>b{font-size:11px}.scopechoices{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:7px}.scopechoices label{font-size:11px;cursor:pointer}.scopechoices span{margin-left:4px}.attachRow{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:10px;color:var(--mut)}.attachButton{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:var(--txt);font-size:12px;font-weight:750;cursor:pointer}.filePreview{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.filePreview span{background:#eef2ff;border-radius:7px;padding:5px 7px;font-size:10px}.filePreview button{border:0;background:transparent;cursor:pointer}.pageInfo{border:1px solid var(--line);border-radius:9px;padding:8px;margin-top:9px;font-size:10px}.pageInfo>b{display:block;margin-bottom:4px}.pageInfo span{display:block;word-break:break-all;color:var(--mut)}.stage{min-width:0;display:flex;flex-direction:column}.stagebar{height:47px;background:#f8fafc;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px}.activeBp{border-color:#7da2ff!important;background:#eff6ff!important;color:#1d4ed8}.modeHint{height:29px;background:#f8fafc;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--mut)}.stage[data-mode="comment"] .modeHint{background:#fff7ed;color:#b45309;font-weight:750}.stage[data-mode="comment"] .frame{box-shadow:0 0 0 3px #f59e0b,0 12px 34px #0f172a1a}.view{height:calc(100% - 128px);overflow:auto;display:flex;justify-content:center;padding:14px;background:#e7ecf4}.frame{height:100%;max-width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:11px;overflow:hidden;box-shadow:0 12px 34px #0f172a1a;transition:width .2s,box-shadow .2s}.frame iframe{width:100%;height:100%;border:0}.bottom{height:52px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px}.seg{background:#f1f3f7;border-radius:9px;padding:3px;display:flex}.seg button{border:0;background:transparent;border-radius:7px;padding:7px 12px;font-weight:800;color:#667085}.seg button.on{background:#fff;color:#111827;box-shadow:0 1px 3px #0002}.stage[data-mode="comment"] #comment.on{background:#f59e0b;color:#fff}.video{display:none;gap:5px;align-items:center}.video.show{display:flex}.time{font-size:11px;min-width:100px;text-align:center}.mobileOnly{display:none}
@media(max-width:760px){.top{height:56px;padding:0 10px}.topactions{gap:5px}.topactions .btn{font-size:11px}.dash{padding:20px 14px}.heroDash{padding-top:50px}.heroDash h1{font-size:38px}.lead{font-size:15px}.featuregrid{grid-template-columns:1fr;margin-top:36px}.period,.checkgrid{grid-template-columns:1fr}.adminTitle{display:block}.adminSearch{margin-top:12px}.sessionCard{align-items:flex-start;flex-direction:column}.sessionActions{width:100%}.sessionActions .btn{flex:1}.main{display:block;height:calc(100% - 54px)}.main.withBanner{height:calc(100% - 95px)}.head{height:54px;padding:0 8px}.pagepill,.desktopOnly,.stagebar{display:none}.mobileOnly{display:inline-flex}.stage{height:100%}.modeHint{height:34px;text-align:center;padding:0 8px}.view{height:calc(100% - 92px);padding:0;background:#fff}.frame{width:100%!important;height:100%;border:0;border-radius:0;box-shadow:none!important}.bottom{height:58px;padding:0 8px}.bottom .muted{display:none}.video .btn[data-s="-1"],.video .btn[data-s="1"]{display:none}.side{position:fixed;left:0;right:0;bottom:0;height:min(78vh,680px);z-index:80;border:1px solid var(--line);border-radius:18px 18px 0 0;transform:translateY(101%);transition:transform .2s;box-shadow:0 -18px 50px #0f172a33}.side.open{transform:translateY(0)}.side:before{content:"";width:42px;height:5px;border-radius:99px;background:#cbd5e1;margin:8px auto 0}.composer{padding-bottom:max(16px,env(safe-area-inset-bottom));max-height:62vh}.btn{padding:8px 10px}.title{max-width:56vw}.scopechoices{grid-template-columns:1fr 1fr}.actions.split{grid-template-columns:auto 1fr auto auto}.modal{padding:19px}}
.device-pc{--device:#2563eb}.device-tablet{--device:#7c3aed}.device-mobile{--device:#059669}.device-tablet_mobile{--device:#db2777}.device-pc_mobile{--device:#ea580c}.device-custom{--device:#475569}.num[class*=device-]{background:var(--device)}.scope[class*=device-]{color:var(--device);background:color-mix(in srgb,var(--device) 10%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--device) 22%,white)}.scopechoices label:has(input:checked){color:var(--device);font-weight:800}.hiddenPinNote,.hiddenPinSummary{font-size:10px;color:#a16207;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;padding:5px 7px}.hiddenPinNote{margin-top:7px}.hiddenPinSummary{margin-top:8px}.dropZone{border:1px dashed #94a3b8;border-radius:10px;padding:9px;background:#fff;transition:.15s}.dropZone.dragover{border-color:var(--b);background:#eff6ff}.fieldError{font-size:11px;color:#b42318;margin-top:5px}.replies{border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.reply{border-left:3px solid #cbd5e1;padding:7px 9px;margin-top:8px;background:#fff;border-radius:0 8px 8px 0}.reply>div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.reply time{color:var(--mut);font-size:9px}.reply p{white-space:pre-wrap;font-size:11px;line-height:1.5;margin:5px 0 0}
.review .stage{min-height:0}.review .stage .view{align-items:flex-start;justify-content:flex-start;min-height:0}.review .stage .frame{width:var(--frame-width);height:var(--frame-height);max-width:none;flex:0 0 auto;margin:0 auto;border:0;outline:1px solid #cbd5e1}@media(max-width:760px){.review .stage .frame{width:var(--frame-width)!important;height:var(--frame-height)!important;max-width:none;border-radius:0;outline:0}}
.review .stage .frameCanvas{position:relative;flex:0 0 auto;margin:0 auto}.review .stage .frameCanvas .frame{margin:0;transform-origin:top left;transition:transform .18s,width .2s,height .2s,box-shadow .2s}.bottomLeft{display:flex;align-items:center;gap:8px}.fitToggle{font-size:11px;min-width:118px}@media(max-width:760px){.fitToggle{min-width:auto;font-size:10px;padding-inline:8px}}
.scopeTitle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.scopeTitle>b{font-size:11px}.scopeSummary{font-size:10px;font-weight:800;color:var(--device);background:color-mix(in srgb,var(--device) 10%,white);border-radius:999px;padding:4px 7px}.scopeTitle .scopechoices{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.scopechoices label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:8px;min-width:0}.scopechoices label:has(input:checked){border-color:var(--device);background:color-mix(in srgb,var(--device) 8%,white)}.scopechoices input,.composer .scopechoices input{appearance:auto;width:16px;height:16px;padding:0;margin:0;flex:0 0 16px;accent-color:var(--device)}.scopechoices span{margin:0!important;white-space:nowrap}.scopeLimit{grid-column:1/-1;font-size:10px;color:var(--mut);line-height:1.4}.scopeLimit.error{color:#b42318;font-weight:750}.pinEditControl,.pinOwnerNote{margin-top:9px;border-radius:9px;padding:8px 9px;font-size:10px}.pinEditControl{display:flex;align-items:center;gap:8px;background:#eff6ff;color:#1d4ed8}.pinEditControl .btn{font-size:10px}.pinOwnerNote{background:#f8fafc;color:var(--mut);border:1px solid var(--line)}
.sessionActions{flex-wrap:wrap;justify-content:flex-end}.versionSelect{max-width:170px;border:1px solid var(--line);border-radius:9px;padding:7px 9px;background:#f8fafc;font-size:11px;font-weight:750}.versionNotice{background:#eff6ff;color:#1d4ed8;border-radius:9px;padding:10px;font-size:12px;line-height:1.5}.snapshotBadge{display:inline-flex;margin-left:5px;background:#0f766e;color:#fff;padding:4px 7px;border-radius:7px;font-size:10px}.snapshotStatus{margin-top:9px;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:750}.snapshotStatus.capturing{background:#eff6ff;color:#1d4ed8}.snapshotStatus.ready{background:#ecfdf5;color:#047857}.snapshotStatus.failed,.snapshotMissing{background:#fffbeb;color:#a16207}.snapshotMissing{margin-top:9px;border-radius:8px;padding:7px 9px;font-size:10px}.snapshotActions{display:flex;gap:7px;margin-top:9px}.snapshotActions .btn{flex:1;font-size:11px}.snapshotModalBg{padding:24px}.snapshotModal{width:min(1500px,100%);height:min(960px,100%);background:#111827;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow)}.snapshotModalHead{min-height:62px;background:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.snapshotModalHead>div{display:flex;flex-direction:column;gap:3px}.snapshotModalHead span{font-size:10px;color:var(--mut)}.snapshotViewport{flex:1;min-height:0;overflow:auto;display:grid;place-items:start center;padding:16px;background:#0f172a}.snapshotViewport img{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 8px 30px #0008}.snapshotCaption{background:#fff;border-top:1px solid var(--line);padding:9px 14px;text-align:center;color:var(--mut);font-size:11px}@media(max-width:760px){.versionSelect{max-width:112px;padding:6px;font-size:10px}.review .headleft .pagepill{display:none}.snapshotModalBg{padding:0}.snapshotModal{height:100%;border-radius:0}.sessionActions{justify-content:stretch}}
.deviceLinkLoading{padding:28px 0;text-align:center;color:var(--mut)}.deviceLinkNote{margin-top:18px;padding:11px 12px;border-radius:9px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:12px;line-height:1.55}
.deviceTabsLabel{font-size:10px;font-weight:850;color:var(--mut);margin-right:4px}.deviceTab{min-width:118px;display:grid;grid-template-columns:auto auto;gap:6px;padding:6px 10px}.deviceTab span{font-size:12px}.deviceTab small{font-size:9px;color:var(--mut);font-weight:650}.deviceTab.activeBp small{color:inherit}.review .stage .frameCanvas .frame{transition:transform .18s,box-shadow .2s}.placementMissing{font-size:10px;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:5px 7px;margin-top:7px}.placementMissing.current{font-weight:800}.placementStates{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.placementState{font-size:9px;border-radius:999px;padding:4px 7px;background:#f1f5f9;color:#64748b}.placementState.placed{color:var(--device);background:color-mix(in srgb,var(--device) 10%,white);font-weight:800}.placementState.missing{color:#9a3412;background:#fff7ed}.placementGuide{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:9px;padding:10px;border:1px solid #fdba74;border-radius:9px;background:#fff7ed;font-size:11px;color:#9a3412}.placementGuide span{line-height:1.5}.placementGuide .btn{font-size:10px}@media(max-width:760px){.deviceTabsLabel{display:none}.deviceTab{min-width:0}}
.deviceFrame:not(.active){display:none!important}.review .stage .frameCanvas .deviceFrame{transition:box-shadow .2s}
.reviewerState{font-size:11px;color:var(--mut);white-space:nowrap}.reviewerCreate{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.reviewerCreate .field:nth-child(3),.reviewerCreate>.btn{grid-column:1/-1}.inlineField{display:flex;gap:7px}.inlineField input{min-width:0}.reviewerIssued{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0;padding:11px;border:1px solid #86efac;border-radius:10px;background:#f0fdf4;font-size:12px}.reviewerList{display:flex;flex-direction:column;gap:8px}.reviewerRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:10px}.reviewerRow>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.reviewerRow code{font-size:11px;color:#1d4ed8}.reviewerRow small{font-size:9px;color:var(--mut)}.reviewerActions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.reviewerActions .btn{font-size:10px;padding:7px 9px}.reviewerPostingAs,.draftDeleteHint,.pinOwnerNote{margin-top:9px;padding:8px;border-radius:8px;background:#eef2ff;font-size:10px;color:#475569}.fieldError{margin-top:8px;color:var(--danger);font-size:11px}.dropZone{border:1px dashed #94a3b8;border-radius:10px;padding:10px}.dropZone.dragover{border-color:var(--b);background:#eff6ff}@media(max-width:760px){.reviewerState{display:none}.reviewerCreate{grid-template-columns:1fr}.reviewerCreate .field,.reviewerCreate>.btn{grid-column:1}.reviewerRow{align-items:flex-start;flex-direction:column}.reviewerActions{justify-content:flex-start}}
.commentDetailShell{margin:10px;border:1px solid #cbd5e1;border-radius:16px;padding:0;background:#fff;max-height:62vh;box-shadow:0 6px 20px #0f172a0d}.commentDetailHeader{display:grid;grid-template-columns:44px minmax(0,1fr) auto 34px;gap:10px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.commentDetailHeader small{display:block;color:var(--mut);font-size:9px;font-weight:800;letter-spacing:.08em}.commentDetailHeader h2{font-size:18px;line-height:1.2;margin:2px 0 0}.commentDetailNumber{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--device);color:#fff;font-size:15px;font-weight:900;line-height:1;text-align:center}.commentDetailTabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;background:#f1f5f9;border-bottom:1px solid var(--line)}.commentDetailTab{border:0;border-radius:9px;padding:9px 8px;background:transparent;color:#64748b;font-size:11px;font-weight:850;cursor:pointer}.commentDetailTab.active{background:#fff;color:#1d4ed8;box-shadow:0 1px 4px #0f172a1a}.commentDetailPanel{padding:13px}.commentSectionTitle{font-size:12px;font-weight:900;color:#334155;margin-bottom:4px}.commentEditActions{justify-content:space-between}.commentEditActions:empty{display:none}.commentDetailPanel .replies{border:0;margin:0;padding:0}.commentDetailPanel .replies>.muted{padding:14px 0}.commentDetailPanel textarea:disabled{background:#f8fafc;color:#334155}.item .num,.commentDetailNumber{font-variant-numeric:tabular-nums}@media(max-width:760px){.commentDetailShell{margin:8px;max-height:64vh}.commentDetailHeader{grid-template-columns:42px minmax(0,1fr) auto 30px;padding:11px}.commentDetailHeader h2{font-size:17px}.commentDetailHeader .status{display:none}.commentDetailPanel{padding:11px}}
.fileAdminModal{width:min(780px,100%)}.fileAdminToolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0 10px;padding:10px;border-radius:10px;background:#f8fafc}.fileAdminToolbar label{font-size:12px;font-weight:800}.fileAdminToolbar #fileUsage{margin-right:auto}.fileAdminList{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:11px}.fileAdminRow{display:grid;grid-template-columns:20px 100px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 11px;border-bottom:1px solid var(--line);cursor:pointer}.fileAdminRow:last-child{border-bottom:0}.fileAdminRow:hover{background:#f8fafc}.fileAdminRow input{width:16px;height:16px}.fileKind{font-size:10px;font-weight:800}.fileName{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileAdminRow small{font-size:9px;color:var(--mut);white-space:nowrap}@media(max-width:760px){.fileAdminRow{grid-template-columns:20px 90px minmax(0,1fr)}.fileAdminRow small{grid-column:2/-1}.topactions #adminImport{display:none}}
.item{padding:0;overflow:hidden}.itemSummary{padding:11px;cursor:pointer}.item.active{background:#fff;box-shadow:0 6px 18px #2563eb12}.inlineCommentDetail{border-top:1px solid #bfdbfe;background:#f8fbff}.commentDetailInline{background:#fff}.commentDetailInline .commentDetailTabs{grid-template-columns:1fr 1fr auto}.commentDetailClose{border:0;background:transparent;color:#64748b;font-size:10px;font-weight:800;padding:7px 8px;cursor:pointer}.commentDetailClose:hover{color:#1d4ed8}.deviceAssignment{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.deviceAssignment>b{font-size:11px}.deviceAssignment>small{grid-column:1/-1;color:var(--mut);font-size:9px;line-height:1.5}.activeDeviceBadge{font-size:10px;font-weight:850;color:var(--device);background:color-mix(in srgb,var(--device) 10%,white);border-radius:999px;padding:5px 8px;white-space:nowrap}.reviewerLogin,.reviewerLogout{font-size:11px}.stage[data-mode="comment"] .modeHint:before{content:"";width:10px;height:10px;border-radius:50% 50% 50% 0;background:#f59e0b;transform:rotate(-45deg);margin-right:7px;box-shadow:0 0 0 2px #fff,0 0 0 3px #f59e0b}@media(max-width:760px){.itemSummary{padding:10px}.commentDetailPanel{padding:10px}.commentDetailInline .commentDetailTabs{grid-template-columns:1fr 1fr auto}.reviewerLogin,.reviewerLogout{font-size:9px;padding:6px 7px}}
.reviewFilters #sort{grid-column:auto}.commentDetailInline{position:relative}.commentDetailInline .commentDetailTabs{grid-template-columns:1fr 1fr;padding-right:44px}.commentDetailClose{position:absolute;z-index:2;top:7px;right:7px;width:30px;height:30px;display:grid;place-items:center;padding:0;border-radius:50%;font-size:22px;font-weight:500;line-height:1}.commentDetailClose:hover{background:#e2e8f0}.conversationPanel{background:#f6f8fb}.conversationPanel .replies{display:flex;flex-direction:column;gap:12px}.replyBubble{display:flex;flex-direction:column}.replyIdentity{display:flex;align-items:center;gap:8px}.replyAvatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#2563eb;border:1px solid #bfdbfe;font-size:11px;font-weight:900}.replyIdentity>div{display:flex;flex-direction:column;gap:1px}.replyIdentity b{font-size:11px}.replyIdentity time{color:var(--mut);font-size:9px}.replyMessage{position:relative;margin:6px 6px 0 36px;padding:9px 11px;border-radius:4px 12px 12px 12px;background:#dbeafe;color:#1e3a5f;box-shadow:0 1px 2px #0f172a12}.replyMessage:before{content:"";position:absolute;top:-7px;left:0;border-width:0 0 8px 10px;border-style:solid;border-color:transparent transparent #dbeafe transparent}.replyMessage p{margin:0;white-space:pre-wrap;font-size:11px;line-height:1.55}.replyComposer{margin-top:4px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}.replyComposer>b{font-size:11px}.replyComposer textarea{width:100%;min-height:76px;border:1px solid #cbd5e1;border-radius:9px;padding:9px;resize:vertical}.replyComposer .btn{width:100%;margin-top:8px}@media(max-width:760px){.commentDetailInline .commentDetailTabs{grid-template-columns:1fr 1fr;padding-right:42px}.replyMessage{margin-left:34px}}
.deviceFrame{position:relative}.deviceFrame:not(.bridgeReady) iframe{pointer-events:none}.deviceFrame:not(.ready):after{content:"サイトを読み込んでいます…";position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#f8fafce6;color:#64748b;font-size:12px;font-weight:750}
.frameLoadNotice{position:absolute;z-index:4;top:calc(20px / var(--frame-scale,1));left:calc(12px / var(--frame-scale,1));right:calc(12px / var(--frame-scale,1));margin:auto;max-width:calc(520px / var(--frame-scale,1));padding:calc(16px / var(--frame-scale,1));background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 6px 20px #0f172a1a;color:#334155;font-size:calc(14px / var(--frame-scale,1));line-height:1.6}.frameLoadNotice p{margin:0 0 calc(12px / var(--frame-scale,1))}.frameLoadNotice .btn{white-space:normal;font-size:calc(14px / var(--frame-scale,1));min-height:calc(44px / var(--frame-scale,1));padding:calc(10px / var(--frame-scale,1)) calc(12px / var(--frame-scale,1))}.deviceFrame.ready .frameLoadNotice{display:none}
.review .stage .frameCanvas .deviceFrame:not(.active){transform:scale(.001)!important;transform-origin:top left}
.viewportSettings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.viewportField{min-width:0;margin:0;padding:9px;border:1px solid var(--line);border-radius:10px}.viewportField legend{padding:0 4px;font-size:11px;font-weight:850}.viewportField label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;margin-top:5px;font-size:10px;color:var(--mut)}.viewportField input{min-width:0;width:100%;padding:7px;border:1px solid #cbd5e1;border-radius:7px}.fieldHelp{margin:6px 0 12px;color:var(--mut);font-size:9px;line-height:1.5}.composer #txt,.commentDetailPanel #editText{resize:none;overflow:hidden;min-height:76px;line-height:1.6}.placementStates:empty{display:none}.commentDetailInline .commentDetailTabs{padding-right:112px}.commentDeleteTop{position:absolute;z-index:3;top:8px;right:44px;height:28px;padding:0 12px;border:0;border-radius:7px;background:#dc2626;color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 2px 6px #991b1b33}.commentDeleteTop:hover{background:#b91c1c}.commentEditActions{justify-content:flex-end}.commentEditActions .primary{min-width:96px}.reviewerPostingAs+.placementStates{margin-top:8px}.review .stage .frameCanvas .deviceFrame:not(.active){display:block!important;position:absolute!important;top:0;left:0;opacity:0;pointer-events:none;z-index:0}.review .stage .frameCanvas .deviceFrame.active{display:block!important;position:relative;opacity:1;z-index:1}@media(max-width:760px){.viewportSettings{grid-template-columns:1fr}.commentDetailInline .commentDetailTabs{padding-right:108px}}
:root .compatibilityNotice{margin-top:10px;font-size:12px;line-height:1.6;color:#805111}.compatibilityNotice summary{cursor:pointer;font-weight:700}.compatibilityNotice p{margin:8px 0}