@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{--ink:#263a35;--green:#1e604d;--muted:#85918c;--line:#e5eae6;--paper:#f6f8f5;--mint:#e8f1e9;--orange:#e89b64}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px 'Noto Sans JP',sans-serif;background:var(--paper)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}svg{vertical-align:middle}.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:32px 20px;position:fixed;inset:0 auto 0 0;width:224px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-mark{height:34px;width:34px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:10px;letter-spacing:-3px;padding-right:3px}.brand small{font-size:11px;font-weight:400;letter-spacing:0;display:block;color:var(--muted);margin-top:2px}.workspace{margin:34px 0 25px;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;gap:10px;align-items:center;font-size:12px}.workspace strong{display:block;font-size:13px}.workspace i{font-style:normal;background:#edf2ec;border-radius:6px;padding:7px;color:var(--green)}.nav-label{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#9ba59f;margin:0 13px 10px}.nav{display:flex;align-items:center;gap:11px;width:100%;padding:13px;border-radius:8px;text-align:left;margin-bottom:5px;font-size:13px;color:#6f7c75}.nav.active{background:var(--mint);color:var(--green);font-weight:700}.nav em{margin-left:auto;font-style:normal;font-size:11px}.side-bottom{margin-top:auto;padding-top:40px}.support{background:#f5f7f3;border-radius:10px;padding:16px;font-size:11px;line-height:1.9;color:#78877d}.support strong{display:block;font-size:12px;color:var(--ink);margin-bottom:5px}.user{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px;align-items:center;font-size:12px}.avatar{border-radius:50%;width:33px;height:33px;background:#e5eada;color:#53694c;display:inline-grid;place-items:center;font-weight:600;font-size:12px;flex-shrink:0}.user small{display:block;color:var(--muted);font-size:10px}.main{grid-column:2;min-width:0}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.crumb{display:flex;align-items:center;gap:10px;color:#86918a}.crumb b{color:var(--ink);font-weight:500}.top-actions{display:flex;gap:14px;align-items:center}.demo{font-size:10px;color:#8a7758;background:#f8f2e8;border:1px solid #eee4d3;padding:5px 9px;border-radius:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce3dc;background:white;padding:10px 17px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;transition:.15s}.button:hover{background:#f0f5ef;transform:translateY(-1px)}.button.primary{background:var(--green);border-color:var(--green);color:white}.button.primary:hover{background:#164c3c}.button.small{padding:7px 11px;font-size:11px}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.iconbutton{padding:7px;border-radius:6px;color:#718278}.content{max-width:1480px;padding:35px 40px 44px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#7a8d7d;font-weight:600}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 28px}.heading h1{font-size:27px;letter-spacing:.5px;margin:3px 0 9px;font-weight:700}.heading p{color:#849087;font-size:12px;margin:0}.heading .actions{display:flex;gap:10px}.welcome{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #d9e5d5;background:#eaf0e3;border-radius:12px;padding:25px 30px;margin-bottom:26px}.welcome h2{font-size:18px;line-height:1.8;margin:0 0 7px}.welcome p{font-size:12px;line-height:1.9;color:#70816d;margin:0}.welcome-art{height:104px;width:220px;position:relative;flex-shrink:0;margin-right:15px}.art-paper{position:absolute;background:#fff;box-shadow:0 5px 15px #193e3410;border-radius:8px;width:118px;height:89px;left:45px;top:8px;transform:rotate(-8deg);padding:17px}.art-paper:before{content:'';display:block;width:62px;height:7px;border-radius:2px;background:#d5e4cf;box-shadow:0 16px 0 #edf0e9,0 32px 0 #edf0e9}.art-check{position:absolute;top:0;right:12px;background:var(--green);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:6px solid #eaf0e3}.art-note{position:absolute;bottom:2px;right:0;background:#ffdfba;color:#a0693c;border-radius:6px;transform:rotate(6deg);padding:10px 15px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);padding:19px 22px;border-radius:10px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7e8c81}.stat-icon{background:#f1f4ee;color:#799178;padding:6px;border-radius:7px}.stat strong{font-size:30px;display:inline-block;font-weight:600;letter-spacing:-1px;margin-top:7px}.stat small{font-size:11px;color:#97a194;margin-left:6px}.stat.accent{background:#fff8f0;border-color:#f0e0cc}.stat.accent .stat-icon{background:#f9ead8;color:#bd8751}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);align-items:center}.tabs button{padding:12px 0 14px;color:#8b958d;font-size:12px;border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:700}.tabs span{font-size:10px;background:#e9ede6;margin-left:5px;border-radius:4px;padding:1px 5px}.search{border:1px solid var(--line);border-radius:7px;background:white;display:flex;gap:8px;align-items:center;padding:10px 12px;width:250px;color:#9da69d}.search input{width:100%;border:0;outline:none;font-size:11px;background:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:.2s;cursor:pointer}.project:hover{box-shadow:0 8px 24px #223e3510;transform:translateY(-3px)}.thumb{height:166px;background:#dde7dc;position:relative;overflow:hidden;padding:15px 20px 0}.mini-browser{background:white;border-radius:5px 5px 0 0;box-shadow:0 2px 20px #1a3b351c;transform:translateY(4px)}.mini-bar{height:17px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:3px;padding-left:7px}.mini-bar i{display:block;width:3px;height:3px;background:#d3d9d1;border-radius:50%}.mini-browser img{width:100%;height:146px;object-fit:cover;object-position:top;display:block}.thumb-badge{position:absolute;right:10px;top:11px;background:#ffffffed;border-radius:5px;font-size:10px;padding:5px 8px;color:#657564}.project-body{padding:20px}.client-name{font-size:10px;color:#93a08f;margin-bottom:7px}.project h3{font-size:14px;margin:0 0 14px}.progress-row{display:flex;justify-content:space-between;font-size:10px;color:#8b9789}.progress-row strong{font-weight:500;color:#657b63}.progress{height:4px;background:#edf0e9;border-radius:3px;margin:8px 0 18px;overflow:hidden}.progress>i{display:block;height:100%;background:#8eae83}.project-foot{border-top:1px solid #f0f2ed;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8e998e}.avatar-stack{display:flex}.avatar-stack .avatar{width:24px;height:24px;font-size:10px;border:2px solid white;margin-right:-6px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;border-radius:5px;padding:5px 8px;background:#f0f2ed;color:#7e887a;font-weight:500}.tag:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.s0{background:#f2f0ea;color:#958469}.s1{background:#eaf0f8;color:#6987ac}.s2{background:#fff1df;color:#bb884e}.s3{background:#e9f2e9;color:#5e8a64}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 15px}.section-title h2{font-size:14px;margin:0}.section-title small{font-size:10px;color:#939e92}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.activity{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f2ec;font-size:11px;line-height:1.8}.activity:last-child{border:0}.activity small{display:block;color:#9ba496;font-size:10px}.activity time{margin-left:auto;color:#9ba496;font-size:10px;white-space:nowrap}.two-cols{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.page-row{display:flex;align-items:center;gap:18px;padding:17px;border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:12px}.page-row .page-preview{width:108px;height:75px;object-fit:cover;object-position:top;border-radius:5px;border:1px solid #eee}.page-info{flex:1;min-width:0}.page-info strong{display:block;font-size:13px;margin-bottom:6px}.page-info small{font-size:10px;color:#919d91;overflow-wrap:anywhere}.page-status{margin-top:8px;display:flex;gap:7px;align-items:center;font-size:10px;color:#8d998c}.summary dl{margin:0}.summary dt{color:#96a18f;font-size:10px;margin-top:18px}.summary dd{font-size:12px;margin:7px 0 0;line-height:1.8}.summary .button{width:100%;margin-top:22px}.notice{font-size:10px;color:#8b967f;line-height:1.9;margin-top:17px}.flow{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:#9ca393;padding:0 0 20px}.review-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;background:#edf0eb;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:650px}.canvas-side{min-width:0}.canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 17px;background:#f9faf7;border-bottom:1px solid var(--line);font-size:10px;color:#84907e}.canvas-bar select{border:1px solid #dde3d9;border-radius:4px;background:white;padding:5px;font-size:10px;color:#5a6c57;max-width:180px}.canvas-tools{display:flex;align-items:center;gap:6px}.tool{border:1px solid #dce3d5;background:white;border-radius:5px;padding:5px 8px}.tool.active{background:var(--green);color:white;border-color:var(--green)}.canvas-scroll{padding:24px;max-height:720px;overflow:auto;min-height:550px;position:relative}.canvas-width{margin:auto;max-width:100%;transition:width .2s}.canvas{position:relative;background:white;box-shadow:0 2px 18px #34433412;cursor:crosshair;line-height:0;user-select:none;touch-action:pan-y}.canvas img{display:block;width:100%;height:auto;pointer-events:none}.canvas.readonly{cursor:default}.pin{position:absolute;width:27px;height:27px;border:2px solid white;box-shadow:0 2px 6px #24362c35;border-radius:50% 50% 50% 0;transform:translate(-25%,-100%) rotate(-45deg);background:#d7915f;color:white;display:grid;place-items:center;z-index:3;font-size:10px;line-height:1}.pin span{transform:rotate(45deg)}.pin.done{background:#6a9573}.pin.selected{background:#1e604d;box-shadow:0 0 0 4px #1e604d25}.rect{position:absolute;border:2px solid #d7915f;background:#d7915f0d;pointer-events:none;z-index:2}.draw-rect{border:2px dashed #1e604d;background:#1e604d0c;position:absolute;pointer-events:none}.issues{background:#fff;border-left:1px solid var(--line);min-width:0}.issues-head{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.issues-head strong{font-size:13px}.issues-head small{font-size:10px;color:#97a18f}.issue-list{max-height:700px;overflow:auto}.issue{padding:18px 20px;border-bottom:1px solid #edf0e9;cursor:pointer;border-left:3px solid transparent}.issue.active{background:#f4f7f0;border-left-color:var(--green)}.issue-number{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;color:#95a08d}.issue-number b{color:#6b8064}.issue h3{font-size:12px;line-height:1.8;margin:0 0 9px}.issue p{font-size:11px;line-height:1.9;color:#7b8c74;white-space:pre-wrap;overflow-wrap:anywhere}.issue-meta{font-size:10px;color:#9ca693;display:flex;gap:8px;align-items:center}.issue-controls{display:flex;gap:6px;margin:13px 0}.issue-controls select{min-width:0;width:50%;font-size:10px;border:1px solid #dbe3d5;background:white;border-radius:5px;padding:7px;color:#697e61}.reply{border-left:2px solid #dae4d4;padding-left:9px;font-size:10px;color:#7b8d75;line-height:1.8;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.reply strong{font-size:10px;color:#506849;display:block}.reply-form{display:flex;gap:6px;margin-top:12px}.reply-form input{width:100%;min-width:0;border:1px solid #dbe3d5;border-radius:5px;background:white;padding:7px;font-size:10px}.reply-form button{background:var(--green);color:white;border-radius:5px;padding:6px;font-size:10px}.empty{padding:50px 20px;text-align:center;color:#92a08a;font-size:12px;line-height:2}.client-banner{background:#e9f1e4;border:1px solid #dce7d4;border-radius:10px;padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.client-banner h2{font-size:15px;margin:0 0 7px}.client-banner p{font-size:11px;color:#7b8f70;margin:0;line-height:1.9}.client-header{display:flex;gap:14px;align-items:center;margin-bottom:25px}.client-header h1{font-size:25px;margin:0 0 8px}.client-header p{font-size:11px;color:#8c9985;margin:0}.client-header .avatar{width:48px;height:48px;border-radius:12px;font-size:18px}.approval{margin-top:13px;display:flex;gap:6px;flex-wrap:wrap}.footer-note{display:flex;justify-content:space-between;color:#a0aa9a;font-size:10px;line-height:1.9;margin-top:28px;gap:20px}.text-link{font-size:11px;color:#6d8864}.file-label{cursor:pointer}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:min(490px,92vw);color:var(--ink);box-shadow:0 20px 80px #193f3530}dialog::backdrop{background:#1f382b55;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin:0 0 8px}dialog p{font-size:12px;line-height:1.9;color:#84927c}dialog label{display:block;font-size:11px;margin:18px 0 7px}dialog input,dialog textarea,dialog select{display:block;width:100%;border:1px solid #d8e1d3;border-radius:6px;padding:11px;color:var(--ink);background:white;font-size:12px}dialog textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#1c473b;color:white;border-radius:9px;padding:13px 22px;box-shadow:0 5px 20px #12392c25;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-title{display:none}.hide{display:none!important}.page-select{padding:8px 10px;border:1px solid #dce4d5;border-radius:6px;background:#fff;color:#5c7453;font-size:11px}.client-top{font-size:12px;font-weight:600;color:var(--green)}.version-note{padding:10px 17px;background:#f3f6ef;border-bottom:1px solid #dfe7d9;color:#8a977f;font-size:10px}.project-count{font-size:11px;color:#95a18f;margin-bottom:15px}.subtle{font-size:11px;color:#8a9882;line-height:1.9}.project-new{border-style:dashed;min-height:320px;display:grid;place-items:center;text-align:center;background:#ffffff55}.project-new .plus{height:42px;width:42px;margin:auto auto 14px;border:1px solid #d9e3d2;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#8b9c7d}.project-new p{font-size:10px;color:#a0ac95}.project-new h3{font-size:12px;color:#7f9172}.status-inline{display:flex;gap:8px;flex-wrap:wrap}.pending-count{font-size:10px;background:#e8ede3;padding:3px 7px;border-radius:4px}.remove-img{font-size:10px;color:#937f61}.preview-image{max-height:130px;max-width:100%;margin-top:12px;border:1px solid #ddd;border-radius:5px}
@media(min-width:1500px){.thumb{height:195px}.mini-browser img{height:180px}.content{padding-top:40px}.review-shell{grid-template-columns:minmax(0,1fr) 370px}}@media(max-width:1100px){.sidebar{width:190px;padding:27px 15px}.app{grid-template-columns:190px 1fr}.content{padding:28px 25px}.topbar{padding:0 25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:minmax(0,1fr) 240px}.review-shell{grid-template-columns:minmax(0,1fr) 285px}.canvas-scroll{padding:15px}.heading h1{font-size:23px}.heading .actions{flex-wrap:wrap;justify-content:flex-end}.stats{gap:10px}.stat{padding:15px}.welcome-art{width:185px;margin-right:0}.page-row{flex-wrap:wrap}}@media(max-width:760px){.app{display:block}.sidebar{position:static;width:100%;padding:15px 18px;display:flex;flex-direction:row;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:17px;white-space:nowrap}.brand small,.workspace,.nav-label,.side-bottom,.sidebar .nav:not(.active){display:none}.sidebar .nav.active{margin:0 0 0 auto;width:auto;padding:9px;white-space:nowrap}.main{display:block}.topbar{height:auto;min-height:57px;padding:12px 18px;gap:10px;flex-wrap:wrap}.top-actions{gap:7px}.content{padding:23px 18px}.heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}.heading h1{font-size:23px}.heading .actions{justify-content:flex-start}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat strong{font-size:26px}.welcome{padding:20px}.welcome h2{font-size:15px}.welcome p{font-size:10px}.welcome-art{width:125px;transform:scale(.85);transform-origin:right center;margin-left:-35px}.art-paper{left:0}.art-check{right:-5px}.grid{grid-template-columns:1fr}.thumb{height:200px}.mini-browser img{height:210px}.toolbar{flex-wrap:wrap}.search{width:100%}.two-cols{grid-template-columns:1fr}.review-shell{grid-template-columns:1fr}.canvas-scroll{max-height:500px;min-height:300px}.issues{border-left:0;border-top:1px solid var(--line)}.issue-list{max-height:500px}.client-banner{align-items:flex-start;flex-wrap:wrap}.client-header h1{font-size:20px}.footer-note{flex-direction:column;gap:6px}.project-new{min-height:180px}.page-row .page-preview{width:85px}.page-row>.button{margin-left:auto}.page-select{max-width:160px}.demo{font-size:10px}.top-actions .avatar{display:none}.activity time{font-size:10px}.brand-mark{width:29px;height:29px}.tabs{gap:16px}.heading p{line-height:1.9}}
/* Client service experience */
.customer-app{background:#f8f9f6;min-height:100vh;color:#283f37}.customer-header{height:98px;border-bottom:1px solid #e3e8df;background:#fff;display:flex;align-items:center;gap:48px;padding:0 max(32px,calc((100vw - 1220px)/2));position:relative;z-index:5}.service-brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.service-symbol{font-family:Georgia,serif;font-size:35px;line-height:42px;font-weight:bold;position:relative;display:block;color:#1e604d}.service-symbol>span{color:#c9a77a;font-size:35px;margin-left:1px}.service-brand small{display:block;font-size:10px;letter-spacing:.8px;color:#8e9b8f;font-weight:400;margin-top:4px}.customer-nav{display:flex;gap:25px;align-self:stretch;align-items:center}.customer-nav button{height:100%;position:relative;font-size:11px;color:#859183;white-space:nowrap;padding:0}.customer-nav button.current{color:var(--green);font-weight:600}.customer-nav button.current:after{content:'';position:absolute;height:3px;background:#245b47;bottom:0;left:0;right:0}.customer-account{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:11px;white-space:nowrap}.customer-account small{display:block;font-size:10px;color:#9ba594;margin-top:4px}.customer-main{max-width:1220px;margin:0 auto;padding:0 32px 60px}.portal-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 0 46px;overflow:hidden}.service-eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#809178;display:flex;align-items:center;gap:7px}.service-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#94ab7d}.portal-intro h1{font-family:'Noto Sans JP',sans-serif;font-size:39px;font-weight:500;line-height:1.6;letter-spacing:3px;margin:17px 0}.portal-intro>div>p{font-size:12px;line-height:2.3;color:#86917d;margin:0}.portal-note{position:relative;z-index:2;background:#edf1e7;padding:27px 34px;transform:rotate(-3deg);border:1px solid #e3e8dc;border-radius:3px;width:285px;margin-right:50px;box-shadow:9px 11px 0 #eeeee3}.portal-note .note-icon{color:#8d9d7c;display:block;margin-bottom:10px}.portal-note>p{font-size:13px!important;line-height:2!important;color:#6c7f60!important;letter-spacing:.5px}.portal-note strong{font-weight:500;color:#35583e}.note-line{height:1px;background:#d8e0cc;margin-top:15px}.note-sign{font-family:Georgia,serif;font-size:11px;font-style:italic;letter-spacing:.5px;display:block;color:#97a088;margin-top:14px}.intro-orbit{position:absolute;border:1px solid #e6e9de;width:370px;height:370px;right:10px;top:30px;border-radius:50%;z-index:0}.intro-orbit:before{content:'';position:absolute;width:240px;height:240px;inset:65px;border-radius:50%;border:1px solid #e6e9de}.portal-project{border:1px solid #e1e7dd;background:white;border-radius:13px;padding:28px 30px 30px;box-shadow:0 7px 25px #344b3410}.portal-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.portal-section-heading>span{font-size:10px;color:#a0a995}.portal-project-top{display:flex;justify-content:space-between;gap:30px;margin:25px 0}.portal-project-top h2{font-size:22px;font-weight:600;margin:11px 0 12px;letter-spacing:.5px}.portal-project-top p{font-size:10px;color:#929d8a;margin:0;line-height:1.9}.portal-progress{min-width:230px;align-self:center}.portal-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8d9b82}.portal-progress strong{font-size:25px;font-weight:500;color:#41623d}.portal-progress strong small{font-size:11px;font-weight:400;color:#9ba690}.portal-progress .progress{margin:10px 0}.portal-progress>span{font-size:10px;color:#a1ab96}.next-action{display:flex;align-items:center;gap:16px;background:#f0f4e9;border:1px solid #e2ead6;border-radius:9px;padding:23px 25px;margin:23px 0 30px}.next-icon{background:white;width:49px;height:49px;border-radius:50%;color:#79966b;display:grid;place-items:center;flex-shrink:0}.next-action .service-eyebrow{font-size:10px;letter-spacing:1.5px}.next-action h3{font-size:16px;font-weight:600;margin:5px 0 7px}.next-action p{font-size:10px;color:#8a9a7e;margin:0}.next-action>.button{margin-left:auto;padding:13px 22px;border-radius:6px;font-size:12px}.portal-pages-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.portal-pages-heading h3{font-size:12px;font-weight:500;margin:0}.portal-pages-heading>span{font-size:10px;letter-spacing:1.5px;color:#a9b19e}.portal-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portal-page{text-align:left;border:1px solid #e2e7dc;border-radius:8px;overflow:hidden;padding:0;transition:.2s;background:white;display:block;width:100%}.portal-page:hover{box-shadow:0 5px 18px #344b3410;border-color:#a4b594;transform:translateY(-2px)}.portal-page-image{height:190px;background:#e7ecdf;overflow:hidden;padding:18px 24px 0;position:relative}.portal-page-image img{display:block;width:100%;box-shadow:0 0 12px #465b3b12;border-radius:3px 3px 0 0;object-fit:cover;object-position:top}.portal-page-image>span{position:absolute;right:12px;top:12px;background:#ffffffed;padding:4px 8px;border-radius:4px;font-size:10px;color:#839176}.portal-page-body{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.portal-page-body small{font-size:10px;letter-spacing:1.5px;color:#9eaa92}.portal-page-body h4{font-size:14px;font-weight:500;margin:7px 0 9px}.waiting-text{font-size:10px;color:#b38c51}.page-caption{font-size:10px;color:#9ca88e}.page-arrow{display:grid;place-items:center;height:31px;width:31px;border:1px solid #e2e8da;border-radius:50%;color:#809973}.portal-lower{display:grid;grid-template-columns:1fr 305px;gap:40px;margin-top:37px}.guide-section{padding:10px 0}.guide-section h2{font-size:18px;font-weight:500;margin:20px 0 25px}.guide-steps{display:flex;justify-content:space-between;gap:22px}.guide-steps>div{flex:1}.guide-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;background:#eaf0e2;border-radius:9px;color:#7e956f}.guide-icon small{position:absolute;font-size:10px;right:-5px;top:-5px;width:19px;height:19px;background:#fff;border:1px solid #e2e8da;border-radius:50%;display:grid;place-items:center;color:#93a183}.guide-steps h3{font-size:11px;font-weight:500;margin:16px 0 9px}.guide-steps p{font-size:10px;color:#9aa58c;line-height:1.9;margin:0}.concierge{background:#eeeade;border:1px solid #e7e3d5;border-radius:9px;padding:23px 25px}.concierge .service-eyebrow{color:#a19270;font-size:10px}.concierge h2{font-size:17px;line-height:1.9;letter-spacing:1px;font-weight:500;margin:13px 0}.concierge p{font-size:10px;line-height:2;color:#9a947d}.concierge>button{font-size:10px;padding:0 0 8px;color:#6e795c;border-bottom:1px solid #d0d0bb;margin:6px 0 20px;display:flex;align-items:center;gap:15px}.concierge-team{display:flex;gap:10px;align-items:center;font-size:10px}.concierge-team .avatar{background:#d8dfcb;color:#6c805d;width:29px;height:29px;font-family:Georgia,serif;font-size:16px}.concierge-team small{display:block;font-size:10px;color:#a39e85;margin-top:3px}.customer-footer{border-top:1px solid #e3e8dd;padding:30px max(32px,calc((100vw - 1156px)/2));display:flex;align-items:center;gap:30px;font-size:10px;color:#a1aa96}.customer-footer>a{font-size:17px;font-weight:600;letter-spacing:-.5px;color:#68805c;white-space:nowrap}.customer-footer>a>span{font-size:10px;letter-spacing:0;font-weight:400;margin-left:9px;color:#a1aa96}.customer-footer>button{margin-left:auto;font-size:10px;white-space:nowrap}.prototype-bar{display:flex;justify-content:space-between;gap:20px;background:#eef1e9;padding:11px 28px;color:#a5ae9c;font-size:10px}.prototype-bar>div{display:flex;gap:20px;white-space:nowrap}.prototype-bar button{font-size:10px;color:#89997b;padding:0}.customer-breadcrumb{padding:25px 0 28px;display:flex;align-items:center;gap:14px;font-size:10px;color:#9aa78c}.customer-breadcrumb button{font-size:10px;padding:0;color:#728867}.customer-main .client-header{margin-bottom:27px}.customer-main .client-header h1{font-size:26px;font-weight:500;letter-spacing:1px}.customer-main .client-header .avatar{display:none}.customer-main .client-banner{background:#eef3e7;border-color:#dce6d0;padding:24px}.customer-main .client-banner h2{font-size:16px;font-weight:500}.customer-main .client-banner p{line-height:2;font-size:11px}.customer-main .review-shell{border-radius:10px;min-height:650px}.customer-main .canvas-scroll{max-height:800px}.customer-main .issues-head{padding:21px}.customer-main .issue h3{font-size:13px}.customer-main .issue p{font-size:12px}.customer-main .version-note{font-size:10px;padding:13px 17px}.customer-main .toolbar{margin-bottom:19px}.help-callout{background:#f2f5ec;border:1px solid #e3e9dc;border-radius:7px;padding:17px;margin:20px 0}.help-callout strong{font-size:12px}.help-callout p{font-size:11px;margin-bottom:0}
@media(max-width:1100px){.customer-header{gap:25px;padding:0 28px}.customer-nav{gap:20px}.customer-account{font-size:10px}.portal-note{margin-right:25px}.portal-intro h1{font-size:34px}.portal-project-top h2{font-size:20px}.portal-progress{min-width:190px}.next-action>.button{padding:12px 14px}.portal-lower{gap:25px;grid-template-columns:1fr 270px}.next-action h3{font-size:14px}.portal-pages{gap:16px}.portal-page-image{height:170px}.customer-main{padding:0 28px 45px}.customer-main .review-shell{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:760px){.customer-header{height:auto;min-height:86px;padding:20px 20px 0;gap:12px;flex-wrap:wrap}.service-brand{font-size:21px;gap:9px}.service-brand small{font-size:10px;letter-spacing:.3px}.customer-account{font-size:10px;gap:7px}.customer-account .avatar{width:27px;height:27px;font-size:10px}.customer-account small{font-size:10px}.customer-nav{width:100%;order:3;gap:23px;height:44px}.customer-nav button{font-size:10px}.customer-main{padding:0 20px 35px}.portal-intro{padding:35px 0 30px;gap:15px;align-items:flex-start}.portal-intro h1{font-size:29px;letter-spacing:1px;line-height:1.65;margin:14px 0}.portal-intro>div>p{font-size:10px;line-height:2.2}.portal-intro .service-eyebrow{font-size:10px;letter-spacing:1.5px}.portal-note{display:none}.intro-orbit{width:200px;height:200px;right:-90px;top:45px;opacity:.6}.intro-orbit:before{inset:35px;width:130px;height:130px}.portal-project{padding:20px 17px;border-radius:10px}.portal-section-heading{gap:12px}.portal-section-heading>span{font-size:10px}.service-eyebrow{font-size:10px;letter-spacing:1.4px}.portal-project-top{flex-direction:column;gap:20px;margin:23px 0}.portal-project-top h2{font-size:17px;line-height:1.8;margin:11px 0}.portal-project-top p{font-size:10px}.portal-progress{align-self:stretch}.portal-progress strong{font-size:21px}.portal-progress>span{font-size:10px}.next-action{padding:16px;gap:12px;flex-wrap:wrap;margin:20px 0 25px}.next-icon{width:35px;height:35px}.next-action h3{font-size:12px;line-height:1.8}.next-action p{font-size:10px;line-height:1.9}.next-action>div{flex:1}.next-action>.button{width:100%;margin-top:4px;font-size:11px}.portal-pages{grid-template-columns:1fr;gap:14px}.portal-page-image{height:165px;padding:17px 23px 0}.portal-page-body{padding:15px 17px}.portal-page-body h4{font-size:13px}.portal-lower{grid-template-columns:1fr;gap:27px;margin-top:30px}.guide-section h2{font-size:17px;margin:18px 0 24px}.guide-steps{gap:15px}.guide-steps h3{font-size:10px;line-height:1.8}.guide-steps p{font-size:10px;line-height:1.9}.guide-icon{width:34px;height:34px}.concierge{padding:22px}.concierge h2{font-size:17px}.concierge h2 br{display:none}.concierge p{font-size:10px}.concierge>button{margin-bottom:17px}.customer-footer{padding:24px 20px;flex-wrap:wrap;gap:14px}.customer-footer>span{order:3;width:100%;font-size:10px}.customer-footer>a{font-size:15px}.customer-footer>button{font-size:10px}.prototype-bar{padding:12px 20px;flex-direction:column;gap:10px;font-size:10px}.prototype-bar>div{justify-content:space-between}.customer-breadcrumb{padding:22px 0;font-size:10px}.customer-main .client-header h1{font-size:22px}.customer-main .client-header p{font-size:10px;line-height:1.9}.customer-main .client-banner{padding:18px;gap:12px}.customer-main .client-banner h2{font-size:14px;line-height:1.8}.customer-main .client-banner p{font-size:10px}.customer-main .review-shell{grid-template-columns:1fr}.customer-main .canvas-scroll{max-height:500px}.customer-main .issue h3{font-size:12px}}
/* Team workspace: team / project hierarchy and cross-project feedback */
.admin-app .sidebar{background:#203f35;color:#dce6db;border-color:#203f35;padding:27px 17px}.admin-app .brand{font-size:21px;color:#f8fbf5}.admin-app .brand-mark{background:#edf2e4;color:#436748}.admin-app .brand small{font-size:10px;letter-spacing:1.3px;color:#9db19b;margin-top:6px}.admin-app .workspace{border-color:#496154;border-radius:7px;margin:30px 0 25px;font-size:10px;color:#a8bba1}.admin-app .workspace strong{font-size:12px;color:#e2eadb}.admin-app .workspace i{background:#355344;color:#bdd0b2}.admin-app .nav{color:#acbfa7;font-size:12px;margin-bottom:4px;padding:12px}.admin-app .nav:hover{background:#2d4c3d}.admin-app .nav.active{background:#dce9cf;color:#385c38}.admin-app .nav-label{color:#7f9a7f;font-size:10px;letter-spacing:1.5px}.admin-app .nav em{background:#426149;color:#c6d9ba;padding:1px 5px;border-radius:4px}.admin-app .nav.active em{background:#b6cda7;color:#345737}.project-nav-label{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.project-nav-label button{color:#9bb58f;font-size:18px;padding:0;line-height:1}.side-projects{max-height:32vh;overflow:auto;margin:0 5px}.side-project{display:flex;align-items:flex-start;gap:8px;text-align:left;width:100%;padding:10px 9px;color:#a8bca0;font-size:10px;line-height:1.9;border-radius:5px;margin-bottom:3px}.side-project svg{flex-shrink:0;margin-top:4px}.side-project.selected{background:#345442;color:#dce9cc}.admin-app .support{background:#2b493b;font-size:10px;color:#8faa86;padding:14px}.admin-app .support strong{color:#bfd0b3;font-size:10px}.admin-app .user{border-color:#3b5845;font-size:11px}.admin-app .user small{color:#8aa480;font-size:10px}.admin-app .user .avatar{background:#aac19a;color:#345a35}.admin-app .topbar{height:65px}.admin-context{padding:25px 40px 0;background:white;border-bottom:1px solid var(--line)}.admin-context>div{display:flex;gap:12px;align-items:center}.admin-context-label{font-size:10px;letter-spacing:1.5px;background:#edf2e7;padding:5px 8px;border-radius:4px;color:#8a9b7a}.admin-context strong{font-size:16px;font-weight:600}.admin-context nav{display:flex;gap:27px;margin-top:18px;overflow:auto}.admin-context nav button{font-size:11px;padding:0 0 14px;white-space:nowrap;color:#95a086;border-bottom:2px solid transparent}.admin-context nav button.active{border-color:var(--green);color:var(--green);font-weight:600}.admin-app .content{padding-top:28px}.admin-app .heading h1{font-size:25px}.admin-home-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:22px}.admin-alert{display:flex;align-items:center;gap:14px;padding:17px 20px;background:#edf2e6;border:1px solid #e0e7d6;border-radius:9px;margin:-5px 0 25px}.admin-alert strong{font-size:12px;font-weight:500}.admin-alert p{font-size:10px;color:#8b9b7c;margin:6px 0 0}.admin-alert .button{margin-left:auto}.team-project-row{display:flex;align-items:center;gap:12px;width:100%;padding:17px 0;border-bottom:1px solid #ecf0e7;text-align:left}.team-project-row:last-child{border:0}.team-folder{display:grid;place-items:center;border-radius:8px;width:39px;height:39px;background:#eaf0e2;color:#8a9f77;flex-shrink:0}.team-project-name{flex:1;min-width:0}.team-project-name>small{display:block;font-size:10px;color:#9ba78e}.team-project-name>strong{display:block;font-size:11px;line-height:1.9;font-weight:500;margin:4px 0}.team-project-name>span{font-size:10px;color:#a0aa93}.team-project-progress{min-width:40px;text-align:right}.team-project-progress>strong{font-size:19px;font-weight:500;color:#637c51;display:block}.team-project-progress small{font-size:10px;color:#a7b099}.team-project-progress>span{font-size:10px;color:#a7b099}.waiting-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:17px 0;text-align:left;border-bottom:1px solid #edf0e8}.waiting-row>span:nth-child(2){flex:1}.waiting-dot{width:6px;height:6px;background:#d4ab6f;border-radius:50%;margin-top:5px;flex-shrink:0}.waiting-row small{font-size:10px;color:#a0ab94;display:block}.waiting-row strong{display:block;font-size:11px;font-weight:500;line-height:1.9;margin:4px 0}.waiting-row span>span{font-size:10px;color:#a0ab94;line-height:1.9}.admin-tip{font-size:10px;line-height:2;color:#92a180;background:#f6f8f1;border-radius:6px;padding:14px;margin-top:20px}.table-scroll{overflow-x:auto}.feedback-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}.feedback-table th{font-weight:500;font-size:10px;color:#98a68b;background:#f6f8f1;border-bottom:1px solid #e3e9da;padding:13px 14px}.feedback-table td{padding:17px 14px;border-bottom:1px solid #edf0e7;color:#7a8b6b}.feedback-table tbody tr:last-child td{border-bottom:0}.feedback-table tbody tr:hover{background:#f9fbf6}.feedback-title{padding:0;text-align:left;display:block;white-space:normal;min-width:180px;max-width:350px}.feedback-title strong{display:block;font-size:11px;line-height:1.8;font-weight:500;color:#3d5634}.feedback-title span{display:block;font-size:10px;color:#a0ac92;margin-top:7px}.table-client{display:block;font-size:10px;color:#a0ac92;margin-bottom:5px}.table-project{padding:0;display:block;color:#708660;font-size:10px;white-space:normal;min-width:130px;max-width:200px;line-height:1.8;text-align:left}.table-person{display:flex;align-items:center;gap:6px;font-size:10px}.table-person .avatar{width:24px;height:24px;font-size:10px}.table-person.unassigned{color:#bd9866}.table-person.unassigned .avatar{background:#f2eadb;color:#b09a70}.table-date{font-size:10px}.priority{font-size:10px;padding:4px 7px;border-radius:4px;background:#eef1e8;color:#93a080}.priority-high{background:#fbede4;color:#bf9270}.priority-low{background:#edf1f5;color:#8ca1b2}.feedback-panel{padding:0;overflow:hidden}.feedback-filters{display:flex;gap:14px;flex-wrap:wrap;padding:22px}.feedback-filters label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#91a080;flex:1;min-width:130px}.feedback-filters select,.feedback-filters input{padding:9px 10px;border:1px solid #dfe6d7;border-radius:5px;color:#6f8560;background:white;outline-offset:3px;font-size:10px;min-width:0;max-width:100%}.feedback-filters .feedback-search{flex:1.25}.feedback-result{padding:8px 22px 20px;display:flex;gap:8px;align-items:center;font-size:10px;color:#a2af94}.feedback-result strong{font-size:13px;font-weight:500;color:#5f794d}.feedback-result-note{margin-left:auto;font-size:10px}.admin-app .stats{margin-bottom:27px}.admin-app .stat strong{font-size:28px}.admin-app .welcome{display:none}
@media(max-width:1100px){.admin-context{padding:23px 25px 0}.admin-home-grid{grid-template-columns:1fr}.admin-alert{flex-wrap:wrap}.admin-alert .button{margin-left:auto}.admin-app .sidebar{padding:25px 13px}.admin-app .brand{font-size:18px}.admin-app .brand small{font-size:10px}.admin-app .side-project{font-size:10px}.admin-app .feedback-table{font-size:10px}.feedback-filters label{min-width:130px}}
@media(max-width:760px){.admin-app .sidebar{padding:14px 18px;flex-wrap:wrap;gap:10px}.admin-app .brand{font-size:18px}.admin-app .brand small{display:none}.admin-app .nav.active{display:none}.admin-app .project-nav-label,.admin-app .side-projects{display:none}.admin-app .topbar{height:auto;min-height:58px;padding:12px 18px}.admin-app .top-actions .demo{display:none}.admin-context{padding:20px 18px 0}.admin-context strong{font-size:13px;line-height:1.9}.admin-context-label{font-size:10px;padding:4px 6px;white-space:nowrap}.admin-context nav{gap:22px;margin-top:18px}.admin-context nav button{font-size:10px}.admin-app .heading h1{font-size:22px}.admin-alert{padding:16px;gap:11px}.admin-alert strong{font-size:11px;line-height:1.9}.admin-alert p{font-size:10px}.admin-alert .stat-icon{display:none}.admin-alert .button{margin-left:0;font-size:10px}.admin-home-grid{gap:18px}.team-project-name>strong{font-size:11px}.team-project-progress{display:none}.team-project-row{gap:10px}.team-folder{width:32px;height:32px}.feedback-filters{padding:17px;gap:12px}.feedback-filters label{min-width:125px}.feedback-result{padding:4px 17px 17px}.feedback-result-note{display:none}.feedback-table td{padding:15px 12px}.feedback-table th{padding:12px}.feedback-title{min-width:190px}.admin-app .panel{padding:19px}.admin-app .feedback-panel{padding:0}.admin-app .stats{margin-bottom:23px}.admin-app .stat strong{font-size:26px}}
/* Live URL capture */
.capture-modal{width:min(740px,94vw);max-height:92vh;padding:30px;overflow:auto}.capture-modal [hidden]{display:none!important}.capture-dialog-heading{display:flex;justify-content:space-between;gap:20px}.capture-dialog-heading .eyebrow{font-size:10px;margin:0 0 10px}.capture-dialog-heading h2{font-size:22px;font-weight:600;margin:0 0 9px}.capture-dialog-heading p{font-size:11px;line-height:1.9;margin:0 0 20px}.capture-method{display:flex;gap:7px;background:#f0f4eb;padding:5px;border-radius:8px}.capture-method button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;font-size:11px;padding:10px 7px;color:#899b7c;border-radius:5px}.capture-method button.active{background:#fff;color:#356044;box-shadow:0 1px 5px #3b573210;font-weight:500}.capture-url-row{display:flex;gap:9px}.capture-url-row input{flex:1;min-width:0;font-size:12px}.capture-url-row .button{padding:10px 14px;font-size:11px;flex-shrink:0;min-width:137px}.capture-settings{display:flex;gap:24px;align-items:center;margin-top:15px}.capture-settings label{margin:0;min-width:245px;max-width:100%;font-size:10px;color:#8c9c7d}.capture-settings select{margin-top:7px;font-size:11px;padding:9px}.capture-settings>span{font-size:10px;color:#a0ab92;line-height:1.9;margin-top:15px}.capture-provider-note{font-size:10px;line-height:2;color:#97a288;margin-top:15px;background:#f6f8f1;padding:11px 13px;border:1px solid #e9eddf;border-radius:6px}.capture-provider-note a{color:#698657;text-decoration:underline;text-underline-offset:2px}.capture-status{display:flex;align-items:center;gap:12px;border:1px solid #dae5cf;border-radius:7px;background:#edf3e4;color:#6f895c;font-size:11px;padding:16px;margin-top:18px;line-height:1.9}.capture-status small{display:block;font-size:10px;color:#95a286;margin-top:4px}.capture-error{background:#fff4ec;border:1px solid #efd7c6;border-radius:7px;color:#ad7c57;font-size:11px;line-height:1.9;padding:13px 15px;margin-top:17px}.capture-spinner{display:inline-block;height:15px;width:15px;border:2px solid #b4c8a5;border-top-color:#3d714c;border-radius:50%;animation:iai-spin .8s linear infinite;flex-shrink:0}.button .capture-spinner{border-color:#ffffff66;border-top-color:white;width:13px;height:13px}.capture-preview{border:1px solid #dee6d4;border-radius:8px;overflow:hidden;margin-top:20px;background:#f5f7ef}.capture-preview-label{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e1e7d9}.capture-preview-label strong{font-size:10px;font-weight:500;color:#60824c;display:flex;gap:6px;align-items:center}.capture-preview-label span{font-size:10px;color:#96a586}.capture-preview-scroll{max-height:280px;overflow:auto;background:#e9ede2;padding:14px 20px}.capture-preview img{display:block;width:100%;height:auto;box-shadow:0 2px 10px #344a2912;border-radius:2px}.capture-preview>p{font-size:10px;color:#98a58a;line-height:1.9;margin:0;padding:10px 15px;background:white}.capture-name-row{margin-top:20px}.capture-name-row label{font-size:10px;color:#839775}.capture-name-row input{margin-top:8px}.capture-form .modal-actions{border-top:1px solid #e8eddf;padding-top:20px;margin-top:23px}.capture-form .capture-hint{font-size:10px;color:#96a68a;line-height:1.9}.capture-source{background:#fbfcf8;border-bottom:1px solid #e3e8dc;padding:9px 17px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#95a387;line-height:1.8;flex-wrap:wrap}.capture-source svg{margin-right:4px}@keyframes iai-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.capture-spinner{animation:none}}@media(max-width:760px){.capture-modal{padding:23px 20px;width:94vw}.capture-dialog-heading h2{font-size:18px;line-height:1.8}.capture-dialog-heading p{font-size:10px}.capture-method button{font-size:10px;gap:5px}.capture-url-row{flex-wrap:wrap}.capture-url-row input{width:100%;flex-basis:100%;font-size:11px}.capture-url-row .button{width:100%}.capture-settings{align-items:flex-start;flex-direction:column;gap:8px}.capture-settings label{min-width:0;width:100%}.capture-settings>span{margin-top:0;font-size:10px}.capture-provider-note{font-size:10px}.capture-form .modal-actions{flex-wrap:wrap;justify-content:stretch}.capture-form .modal-actions button{font-size:10px}.capture-form .modal-actions button[type=submit]{flex:1}.capture-preview-scroll{max-height:230px;padding:10px}.capture-source{padding:9px 13px;font-size:10px}.admin-app .top-actions{flex-wrap:wrap}.admin-app .top-actions .button{font-size:10px;padding:7px 10px}}
.capture-settings .capture-size-badge{background:#edf3e5;border:1px solid #dfe9d4;border-radius:5px;padding:9px 11px;color:#7d966a;margin-top:0;white-space:nowrap;font-size:10px}.capture-settings>span:not(.capture-size-badge){margin-top:0}@media(max-width:760px){.capture-settings .capture-size-badge{font-size:10px}}
.capture-loading{width:100%;background:#edf1e7;position:relative;min-height:220px;line-height:1.9;color:#92a180;font-size:11px}.capture-loading span{position:absolute;top:50px;left:15px;right:15px;text-align:center}.canvas img{vertical-align:top}.capture-preview-scroll #capturePreviewImages{line-height:0}.capture-preview-scroll #capturePreviewImages img{margin:0;border-radius:0;box-shadow:none}.capture-settings label{flex:1;min-width:0}.capture-settings{align-items:stretch;gap:15px}.capture-settings select{width:100%}.capture-provider-note{overflow-wrap:anywhere}
.canvas-tools .tool{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;padding:6px 9px;white-space:nowrap}.canvas.range-mode{touch-action:none}.canvas.is-drawing{cursor:crosshair}.canvas .draw-rect{border:2px dashed #216847;background:#4b977125;z-index:5;box-shadow:0 0 0 1px #ffffffa0 inset}.canvas .rect{pointer-events:auto;cursor:pointer;padding:0;border:2px solid #d7915f;background:#d7915f12;transition:background .15s}.canvas .rect:hover{background:#d7915f28}.canvas .rect.selected{border-color:#1e604d;background:#1e604d15;box-shadow:0 0 0 2px #1e604d20}.canvas .rect.done{border-color:#6a9573}.canvas .pin{z-index:6}@media(max-width:760px){.canvas-tools .tool{font-size:10px;padding:6px}.canvas-bar{gap:10px}.canvas-tools{flex-wrap:wrap}}
.issue-edit-actions{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.issue-edit-actions .button{font-size:10px;padding:6px 8px}.button.danger{color:#b47b66;border-color:#ecdcd3}.button.danger:hover{background:#fff2ec}.canvas.select-mode{cursor:default}.canvas.select-mode .rect,.canvas.select-mode .pin{cursor:move}.canvas .rect.adjustable{border:2px solid #1e604d;box-shadow:0 0 0 1px white}.canvas .resize-handle{position:absolute;z-index:9;width:14px;height:14px;border-radius:3px;background:white;border:2px solid #1e604d;box-shadow:0 1px 4px #213e3033;transform:translate(-50%,-50%);padding:0;touch-action:none}.handle-nw,.handle-se{cursor:nwse-resize}.handle-ne,.handle-sw{cursor:nesw-resize}.handle-n,.handle-s{cursor:ns-resize}.handle-e,.handle-w{cursor:ew-resize}.canvas .resize-handle:focus-visible{outline:3px solid #e8b46e}.inline-check{display:flex!important;align-items:center;gap:8px;font-size:11px}.inline-check input{width:auto;margin:0}.deleted-issue{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e5eade}.deleted-issue strong{font-size:12px;font-weight:500;display:block;line-height:1.8}.deleted-issue small{display:block;font-size:10px;color:#97a38b;margin-top:6px}#toast.has-action{pointer-events:auto;display:flex;align-items:center;gap:18px}#toast button{color:#e2eacb;font-size:11px;white-space:nowrap;border:1px solid #829877;border-radius:4px;padding:4px 8px}.canvas-tools{flex-wrap:wrap}.canvas-bar{gap:10px}.issues-head{gap:8px}.issues-head>.text-link{font-size:10px}@media(max-width:760px){.canvas .resize-handle{width:18px;height:18px}.issue-edit-actions .button{font-size:10px;padding:7px 9px}}

.history-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #e2e8df;background:#fafbf8}.history-bar span{font-size:10px;color:#6f7e70}.history-bar .button:disabled{opacity:.4;cursor:default}.history-bar .button{font-size:10px}
.history-panel .history-list{max-height:45vh;overflow-y:auto;border:1px solid #dce5da;border-radius:8px;margin:18px 0}.history-panel .history-row{display:flex;align-items:center;gap:12px;margin:0;padding:13px 12px;border-bottom:1px solid #e4eae1;cursor:pointer}.history-row:last-child{border-bottom:0}.history-row.current{background:#edf4e9}.history-row.future{background:#fafbf8}.history-row:has(input:checked){box-shadow:inset 3px 0 #28604e;background:#e8f1e5}.history-panel .history-row input{width:auto;margin:0;accent-color:#245a49}.history-row>span{flex:1;min-width:0}.history-row strong{display:block;font-size:12px;font-weight:500}.history-row small,.history-row time{display:block;font-size:10px;color:#76826f;line-height:1.7;margin-top:3px;overflow-wrap:anywhere}.history-row em{font-size:10px;font-style:normal;white-space:nowrap;color:#66775e}.history-row.current em{color:#245a49;font-weight:600}.history-summary{padding:10px 12px;background:#f2f5ed;border-radius:5px;font-size:12px!important}.history-empty{font-size:12px!important}.history-panel .modal-actions button:disabled{opacity:.4;cursor:default}
dialog:has(.history-panel){width:min(1180px,96vw);max-height:94vh}.history-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;margin-top:18px}.history-panel .history-workspace>.history-list{max-height:340px;margin:0}.history-preview{min-width:0;border:1px solid #dce5da;border-radius:8px;overflow:hidden;background:#fafcf8}.history-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#eef4e9}.history-preview-heading h3{margin:0;font-size:12px;font-weight:500}.history-preview-heading>span{font-size:10px;white-space:nowrap;color:#49705a}.history-panel .history-preview-note{font-size:10px;margin:8px 12px;line-height:1.7}.history-preview-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1px;background:#dce5da}.history-preview-scroll{height:270px;overflow:auto;overscroll-behavior:contain;background:#e6ebe2;padding:12px}.history-preview-image{position:relative;margin:auto;width:100%;line-height:0}.history-preview-image>img{display:block;width:100%;height:auto}.history-preview-image .preview-rect{position:absolute;z-index:1;border:2px solid #bb8659;background:#bb86590d;padding:0;border-radius:0;min-height:2px;min-width:2px;cursor:pointer}.history-preview-image .preview-rect.active{border-color:#1e604d;background:#1e604d15}.history-preview-image .preview-pin{position:absolute;z-index:2;transform:translate(-25%,-80%);border:2px solid white;background:#bd895f;color:white;border-radius:50%;width:24px;height:24px;padding:0;font-size:10px;line-height:20px;cursor:pointer;box-shadow:0 1px 5px #203b3444}.history-preview-image .preview-pin.active{background:#245a49;box-shadow:0 0 0 3px #245a4933}.history-preview-instructions{height:270px;overflow:auto;overscroll-behavior:contain;background:white}.history-preview-card{padding:12px;border-bottom:1px solid #e4eae1}.history-preview-card.active{background:#f0f5ec;box-shadow:inset 3px 0 #245a49}.history-preview-title{display:block;text-align:left;width:100%;padding:0;color:#243b30}.history-preview-title small{display:block;font-size:10px;color:#7c8971;margin-bottom:5px}.history-preview-title strong{font-size:11px;line-height:1.7;font-weight:500;overflow-wrap:anywhere}.history-panel .history-preview-card p{white-space:pre-wrap;font-size:10px;line-height:1.9;color:#5e705b;margin:9px 0 0;overflow-wrap:anywhere}.preview-changes{font-size:10px;line-height:1.8;color:#967044;margin-top:7px}.history-preview-attachment{display:block;width:100%;height:auto;margin-top:10px;border:1px solid #e4eae1;border-radius:4px}.history-preview button:focus-visible{outline:3px solid #dcae78;outline-offset:1px}@media(max-width:850px){.history-workspace{grid-template-columns:minmax(0,1fr)}.history-panel .history-workspace>.history-list{max-height:180px}.history-preview-scroll,.history-preview-instructions{height:300px}}@media(max-width:500px){.history-preview-columns{grid-template-columns:minmax(0,1fr)}.history-preview-instructions{height:200px}.history-preview-scroll{height:260px}.history-preview-heading{flex-wrap:wrap}dialog:has(.history-panel){padding:20px}}
dialog:has(.history-panel){width:min(1380px,97vw)}.history-workspace{grid-template-columns:230px minmax(0,1fr);gap:14px}.history-panel .history-workspace>.history-list{max-height:370px}.history-compare-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:#dce5da}.compare-pane{min-width:0}.compare-pane-title{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:#f8faf5;font-size:11px;border-top:3px solid #b57d45}.compare-pane.target .compare-pane-title{border-top-color:#39799a}.compare-pane-title button{font-size:10px;color:#6a7b65;padding:2px}.history-compare-panels .history-preview-scroll{height:clamp(130px,calc(100dvh - 580px),260px);padding:9px}.history-compare-panels .preview-rect.changed{border-color:#b57432;background:#b5743212}.history-compare-panels .target .preview-rect.changed{border-color:#28799e;background:#28799e12}.history-compare-panels .preview-pin.changed{background:#a96528}.history-compare-panels .target .preview-pin.changed{background:#28799e}.compare-ghost{position:absolute;z-index:1;border:2px dashed #627485;min-width:6px;min-height:6px;pointer-events:none;opacity:.8}.compare-options{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;font-size:10px;color:#70806b;flex-wrap:wrap}.history-panel .compare-options label{display:flex;align-items:center;gap:5px;margin:0;font-size:10px;white-space:nowrap}.history-panel .compare-options input{width:auto;margin:0;accent-color:#245a49}.history-preview .history-preview-instructions{height:120px}.compare-instruction-label{display:flex;justify-content:space-between;padding:7px 10px;background:#f8faf5;font-size:10px;border-top:1px solid #dce5da}.compare-instruction-label span{font-size:10px;color:#829277}.compare-instruction-row{border-bottom:1px solid #dce5da}.compare-instruction-row.active{box-shadow:inset 3px 0 #245a49;background:#f4f8ee}.compare-issue-heading{display:flex;align-items:center;gap:9px;font-size:10px;text-align:left;width:100%;padding:8px 10px;background:#f6f8f0}.compare-issue-heading span{color:#8a744c;font-size:10px}.compare-instruction-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compare-instruction-cell{padding:8px 10px;min-width:0;border-right:1px solid #e3eadf}.compare-instruction-cell small{font-size:10px;color:#8b9982;display:block;margin-bottom:4px}.compare-instruction-title{font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;display:block;font-weight:500}.history-panel .compare-instruction-cell p{white-space:pre-wrap;font-size:10px;line-height:1.9;overflow-wrap:anywhere;margin:7px 0}.compare-instruction-cell del{color:#90572b;background:#fae4cc;text-decoration:none;border-bottom:2px solid #c99a6c}.compare-instruction-cell ins{color:#256782;background:#dceff8;text-decoration:none;border-bottom:2px solid #7fb1c9}.compare-coordinates{font-size:10px;color:#927855;line-height:1.8;margin-top:6px}.compare-instruction-cell.target .compare-coordinates{color:#4d7c92}@media(max-width:850px){.history-workspace{grid-template-columns:minmax(0,1fr)}.history-panel .history-workspace>.history-list{max-height:150px}.history-compare-panels .history-preview-scroll{height:220px}}@media(max-width:500px){.history-compare-panels,.compare-instruction-pair{grid-template-columns:minmax(0,1fr)}.compare-instruction-cell{border-bottom:1px solid #dce5da}.history-preview .history-preview-instructions{height:240px}}

dialog:has(.history-panel){padding:22px}.history-panel>p{margin:7px 0}.history-panel .history-workspace{margin-top:12px}.history-panel>.modal-actions{margin-top:16px}
.diff-navigation{display:flex;align-items:center;gap:7px;flex-shrink:0}.diff-navigation button{padding:4px 8px;border:1px solid #ccd9c7;border-radius:4px;background:white;color:#345b45;font-size:10px;line-height:1.4}.diff-navigation button:disabled{opacity:.35;cursor:default}.diff-navigation-count{min-width:50px;text-align:center;font-size:10px;color:#42664c;font-variant-numeric:tabular-nums}.history-panel .diff-empty{padding:20px;text-align:center;font-size:11px}.compare-pane-title button:disabled{opacity:.35;cursor:default}.compare-options{row-gap:7px}
.history-panel .diff-review-check{display:flex;align-items:center;gap:5px;margin:0;padding:5px 10px;background:#f2f7ec;border-bottom:1px solid #e0e8d7;font-size:10px;color:#44634a}.history-panel .diff-review-check input{width:auto;margin:0;accent-color:#245a49}.diff-navigation-count{min-width:82px}.compare-options{justify-content:flex-start;column-gap:14px}.compare-options>span:first-child{width:100%}
.history-panel .modal-actions{position:sticky;bottom:-22px;background:white;z-index:4;padding:10px 0 0}
.reviewed-list-toggle{border:1px solid #baccb2;background:#f1f7e9;color:#315a3d;padding:5px 9px;border-radius:5px;font-size:10px}.reviewed-diff-panel{padding:15px;background:#fcfdf9;min-height:250px}.reviewed-diff-panel[hidden],.history-compare-content[hidden]{display:none}.reviewed-diff-panel h4{font-size:14px;margin:0 0 8px;font-weight:500}.reviewed-diff-panel h4 span{font-size:10px;color:#6c8662;margin-left:10px}.history-panel .reviewed-diff-panel p{font-size:10px;line-height:1.8;margin:6px 0 12px}.reviewed-diff-table{overflow:auto;max-height:290px;border:1px solid #dce6d5;border-radius:7px}.reviewed-diff-table table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.reviewed-diff-table th{padding:10px;background:#edf3e6;font-size:10px;font-weight:500;white-space:nowrap;position:sticky;top:0}.reviewed-diff-table td{padding:12px 10px;border-bottom:1px solid #e3eadc;vertical-align:top;line-height:1.8;overflow-wrap:anywhere}.reviewed-diff-table td:first-child{width:35%}.reviewed-diff-table strong{display:block;font-size:11px;font-weight:500}.reviewed-diff-table small{display:block;font-size:10px;color:#8b987f}.reviewed-diff-table time{font-size:10px;white-space:nowrap}.reviewed-diff-table button{padding:5px 8px;background:white;border:1px solid #ccd9c1;border-radius:4px;font-size:10px;white-space:nowrap}.history-panel .reviewed-demo-note{color:#87957b;font-size:10px}.diff-review-metadata{font-size:10px;color:#6c8063;padding:5px 10px;border-bottom:1px solid #e3eadc;background:#f8fbf4}.compare-options>span{flex-basis:100%}
.reviewed-list-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:14px 0;padding:10px;background:#f1f5eb;border-radius:6px}.history-panel .reviewed-list-filters label{margin:0;font-size:10px;min-width:135px;flex:1}.history-panel .reviewed-list-filters input,.history-panel .reviewed-list-filters select{font-size:10px;padding:7px;margin:5px 0 0;width:100%;background:white}.reviewed-list-filters>button{font-size:10px;white-space:nowrap;padding:8px;background:white;border:1px solid #d4dfc9;border-radius:5px}.history-panel .reviewed-range-error{color:#a6633e;background:#fff3e8;padding:9px;border-radius:5px}.reviewed-result-count{font-variant-numeric:tabular-nums}
.audit-preferences-note{flex-basis:100%;font-size:10px;color:#6d8462;padding-top:1px}
.audit-presets{margin:12px 0;border:1px solid #dce6d5;border-radius:7px;padding:10px;background:#f8fbf3}.audit-preset-controls{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.history-panel .audit-preset-controls label{flex:1;min-width:150px;font-size:10px;margin:0}.history-panel .audit-preset-controls select,.history-panel .audit-preset-controls input{font-size:10px;padding:7px;margin:5px 0 0;background:white}.audit-preset-controls button{font-size:10px;white-space:nowrap;padding:8px;border:1px solid #cad9be;border-radius:5px;background:white;color:#345f40}.audit-preset-controls button:disabled{opacity:.4;cursor:default}.audit-preset-status{display:block;font-size:10px;line-height:1.8;color:#6b8160;margin-top:8px}.history-panel .audit-preset-error{font-size:10px;color:#a05c3d;margin:7px 0 0}.reviewed-list-filters{margin-top:10px}
.audit-presets>[data-preset-manage]{font-size:10px;padding:6px 9px;border:1px solid #ccd9c0;border-radius:4px;background:white;margin:8px 7px 0 0}.preset-management{padding:12px;margin-top:10px;background:#edf3e6;border:1px solid #cdddbe;border-radius:6px}.preset-management>strong{font-size:11px;font-weight:500}.history-panel .preset-management p{font-size:10px;margin:7px 0}.history-panel .preset-management label{margin:8px 0;font-size:10px}.history-panel .preset-management input{font-size:11px;padding:8px;margin-top:6px}.preset-management button,.preset-trash-list button,.preset-deleted-note button{font-size:10px;padding:6px 9px;background:white;border:1px solid #bfd0af;border-radius:4px;margin-right:7px}.preset-trash-toggle{font-size:10px;color:#6b7d60;padding:7px 0;margin-top:6px}.preset-trash-list{max-height:180px;overflow:auto;border-top:1px solid #dee7d5}.preset-trash-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #e0e7d9;font-size:11px}.history-panel .preset-deleted-note{font-size:10px;background:#eaf2e2;padding:8px;border-radius:4px}.preset-deleted-note button{margin-left:10px}
.preset-order-toggle{font-size:10px;color:#42613d;padding:7px 10px;border:1px solid #cddaC1;border-radius:4px;background:white;margin:6px 10px 0 0}.preset-order-toggle:disabled{opacity:.4;cursor:default}.preset-order-panel{margin-top:10px;padding:10px;background:#f3f7ed;border:1px solid #d9e4cf;border-radius:6px}.history-panel .preset-order-panel p{font-size:10px;margin:0 0 8px}.preset-order-panel ol{list-style:none;padding:0;margin:0;max-height:220px;overflow:auto;overscroll-behavior:contain}.preset-order-panel li{display:flex;align-items:center;gap:10px;padding:7px;margin:5px 0;background:white;border:1px solid #d5dfcb;border-radius:5px;user-select:none}.preset-order-panel .preset-drag-handle{touch-action:none;cursor:grab;font-size:20px;line-height:1;padding:6px;color:#6c8460;border:1px solid #d6e1cc;border-radius:4px;background:#f6f9f0}.preset-order-panel .preset-drag-handle:active{cursor:grabbing}.preset-order-panel .is-preset-dragging{background:#e6f0db;outline:2px solid #729461;opacity:.85}.preset-order-name{flex:1;font-size:11px;overflow-wrap:anywhere}.preset-order-name small{font-size:10px;margin-left:10px;color:#6b8b59}.preset-order-panel [data-preset-move]{font-size:12px;border:1px solid #d1dec5;padding:5px 9px;border-radius:4px;background:#fafcf7}.preset-order-panel [data-preset-move]:disabled{opacity:.35;cursor:default}.preset-order-message{display:block;margin-top:7px;font-size:10px;color:#6c8661}

.preset-order-history{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.preset-order-history button{border:1px solid #b5c7a6;background:white;color:#42613d;border-radius:4px;padding:6px 10px;font-size:11px}.preset-order-history button:disabled{opacity:.4;cursor:default}.preset-order-history small{font-size:10px;color:#6c8661}

.preset-order-timeline{margin-top:12px;padding:12px;background:#fff;border:1px solid #c7d6bd;border-radius:5px}.preset-order-timeline h5{font-size:12px;margin:0 0 8px;color:#34513b}.preset-order-timeline h5 span{font-size:10px;font-weight:normal;margin-left:8px}.preset-order-points{max-height:210px;overflow:auto;overscroll-behavior:contain;margin:10px 0}.preset-order-point{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e0e7da;border-radius:4px;margin-bottom:6px;cursor:pointer;font-size:11px;background:#fafcf8}.preset-order-point.selected{border-color:#809d69;background:#eef5e8}.history-panel .preset-order-point input{width:auto;flex:none;margin:2px 0;padding:0;accent-color:#315d4a}.preset-order-point>span{flex:1;min-width:0;overflow-wrap:anywhere}.preset-order-point strong,.preset-order-point small,.preset-order-point>span>span{display:block}.preset-order-point small{font-size:10px;color:#74826a;margin:4px 0}.preset-order-point b{font-size:10px;color:#52713e;white-space:nowrap}.preset-order-point-preview{padding:10px;background:#f3f7ed;border-radius:4px;margin-bottom:10px;font-size:11px}.history-panel .preset-order-point-preview p{font-size:11px;margin:7px 0;overflow-wrap:anywhere}.preset-order-point-preview small{font-size:10px;color:#6a7e5e}.preset-order-timeline [data-preset-order-restore]{border:1px solid #315d4a;background:#315d4a;color:white;padding:7px 12px;border-radius:4px;font-size:11px}.preset-order-timeline [data-preset-order-restore]:disabled{opacity:.4;cursor:default}

.preset-order-comparison{margin:12px 0}.preset-order-compare-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:7px;font-size:11px}.preset-order-compare-summary>span{font-size:10px;color:#74826a}.preset-order-compare-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.preset-order-compare-pane{min-width:0;border:1px solid #dfd9cf;border-radius:5px;overflow:hidden;background:#fffcf6}.preset-order-compare-pane.target{border-color:#c6dce5;background:#f6fbfe}.preset-order-compare-pane h6{font-size:11px;margin:0;padding:10px 12px;border-bottom:2px solid #bd8d51;color:#856030;background:#faf4e9}.preset-order-compare-pane.target h6{border-color:#48849c;color:#316b83;background:#edf6fa}.preset-order-panel .preset-order-compare-pane ol{max-height:300px;padding:5px;margin:0}.preset-order-panel .preset-order-compare-pane li{gap:7px;align-items:flex-start;padding:9px;margin:5px 0;min-width:0;user-select:text;border-color:#e7e5df}.preset-order-panel .preset-order-compare-pane li.order-moved{border-left:3px solid #bd8d51;background:#fff3df}.preset-order-panel .preset-order-compare-pane.target li.order-moved{border-left-color:#48849c;background:#e7f3fa}.preset-order-compare-pane li>div{flex:1;min-width:0}.preset-order-compare-pane li strong{display:block;font-size:10px;font-weight:500;overflow-wrap:anywhere;line-height:1.7}.preset-order-compare-pane li small{display:block;font-size:10px;margin-top:5px;color:#7b6950}.preset-order-compare-pane.target li small{color:#3c7387}.order-position{display:grid;place-items:center;flex:none;min-width:21px;height:21px;font-size:10px;border:1px solid #d8c8ac;background:white;border-radius:4px;font-variant-numeric:tabular-nums}.target .order-position{border-color:#b8d0db}.order-movement{font-size:10px;white-space:nowrap;color:#886432;padding-top:4px}.target .order-movement{color:#346f87}.order-unchanged .order-movement,.preset-order-compare-pane li.order-unchanged small{color:#84917c}.preset-order-panel .preset-order-compare-pane .order-compare-empty{font-size:10px;color:#7c8a72}@media(max-width:650px){.preset-order-compare-columns{gap:7px}.preset-order-panel .preset-order-compare-pane li{flex-wrap:wrap;padding:7px;gap:5px}.preset-order-compare-pane .order-movement{width:100%;padding-left:26px}.preset-order-compare-pane h6{padding:8px;font-size:10px}}

.order-diff-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0}.history-panel .order-diff-tools label{display:flex;gap:6px;align-items:center;margin:0;font-size:10px}.history-panel .order-diff-tools input{width:auto;margin:0;padding:0;accent-color:#315d4a}.order-diff-tools [role=group]{display:flex;gap:8px;align-items:center}.order-diff-tools button{font-size:10px;padding:6px 10px;border:1px solid #c4d3b9;background:white;border-radius:4px}.order-diff-tools button:disabled{opacity:.4;cursor:default}.order-diff-count{font-size:10px;min-width:70px;text-align:center}.history-panel p.order-diff-selection{padding:8px;background:#eaf2e3;border-radius:4px;font-size:11px;color:#345a40}.preset-order-panel .preset-order-compare-pane li[data-order-compare-id]{padding:0}.order-compare-row{display:flex;align-items:flex-start;gap:7px;width:100%;padding:9px;text-align:left}.order-compare-row>div{flex:1;min-width:0}.order-compare-row:disabled{cursor:default}.preset-order-panel .preset-order-compare-pane li.order-focused{outline:2px solid #315d4a;outline-offset:-2px;box-shadow:inset 0 0 0 1px #315d4a}.order-diff-note{display:block;font-size:10px;line-height:1.8;color:#74826a;margin-top:8px}@media(max-width:650px){.order-compare-row{flex-wrap:wrap;padding:7px;gap:5px}}

.history-panel .order-review-check{display:flex;gap:7px;align-items:center;font-size:11px;margin:9px 0;padding:8px 10px;border:1px solid #d6e2cb;border-radius:4px;background:#f3f8ed}.history-panel .order-review-check input{width:auto;margin:0;padding:0;accent-color:#315d4a}.order-review-note{display:block;font-size:10px;color:#74826a;margin:8px 0}.order-review-badge{display:inline-block;font-size:10px;font-style:normal;color:#537149;margin-top:5px}.order-diff-tools{justify-content:flex-start}.order-diff-tools [role=group]{margin-left:auto}

.order-reviewed-toggle{font-size:10px;border:1px solid #c4d3b9;border-radius:4px;background:white;padding:7px 10px;margin:0 0 10px}.order-reviewed-panel{margin:0 0 12px;padding:12px;border:1px solid #d4e2ca;border-radius:5px;background:#f6faf2}.order-reviewed-panel h6{font-size:12px;margin:0 0 7px}.order-reviewed-panel h6 span{font-size:10px;margin-left:8px;font-weight:normal}.order-reviewed-scroll{overflow:auto;max-height:240px}.order-reviewed-panel table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}.order-reviewed-panel th,.order-reviewed-panel td{padding:9px 8px;vertical-align:top;border-bottom:1px solid #dce6d4;line-height:1.8}.order-reviewed-panel th{white-space:nowrap;font-weight:500;color:#62765c;background:#eef4e7}.order-reviewed-panel td:first-child{min-width:140px;overflow-wrap:anywhere}.order-reviewed-panel td:not(:first-child){white-space:nowrap}.order-reviewed-panel td strong{font-weight:500}.order-reviewed-panel td small{display:block;color:#78866e;font-size:10px}.order-reviewed-panel td button{font-size:10px;padding:4px 7px;background:white;border:1px solid #c4d3b9;border-radius:4px}.order-reviewed-panel>small{display:block;font-size:10px;color:#7b8972;line-height:1.8;margin-top:9px}

.order-review-filters{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;padding:10px;background:#edf4e7;border-radius:5px;margin:10px 0}.history-panel .order-review-filters label{font-size:10px;flex:1;min-width:135px;margin:0}.history-panel .order-review-filters input,.history-panel .order-review-filters select{font-size:10px;padding:7px;margin-top:5px;background:white}.order-review-filters>button{font-size:10px;white-space:nowrap;border:1px solid #c4d3b9;border-radius:4px;padding:8px;background:white}.history-panel p.order-review-range-error{font-size:10px;color:#a35f3c;background:#fff1e4;padding:8px;border-radius:4px}.history-panel p.order-review-empty{font-size:11px;padding:10px;color:#74866b}

.order-reviewed-panel .order-review-preferences-note{margin:2px 0 10px;font-size:10px;color:#75876b}.history-panel p.order-review-preferences-error{font-size:10px;color:#9e5737;background:#fff1e4;padding:9px;border-radius:4px;margin:8px 0}

.movement-list-presets{margin:10px 0;border:1px solid #d5e1ca;border-radius:5px;padding:10px;background:#f0f6e9}.movement-list-presets>div:first-child{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap}.history-panel .movement-list-presets label{flex:1;min-width:170px;font-size:10px;margin:0}.history-panel .movement-list-presets input,.history-panel .movement-list-presets select{font-size:10px;padding:7px;margin:5px 0 0;background:white}.movement-list-presets button{font-size:10px;padding:8px 10px;border:1px solid #bdcfaf;border-radius:4px;background:white;white-space:nowrap}.movement-list-preset-status{display:block;font-size:10px;color:#6c805f;margin-top:8px;line-height:1.8}

.movement-preset-actions{margin-top:8px;display:flex;gap:7px}.movement-preset-actions button:disabled{opacity:.4;cursor:default}.movement-preset-management{padding:12px;margin-top:10px;border:1px solid #cadbbb;background:#e9f1e1;border-radius:4px}.movement-preset-management>strong{font-size:11px}.history-panel .movement-preset-management p,.history-panel p.movement-preset-deleted{font-size:10px;line-height:1.8;margin:8px 0}.history-panel .movement-preset-management label{display:block;margin:8px 0;font-size:10px}.movement-preset-management button{margin-right:7px}.movement-preset-message{display:block;font-size:10px;margin-top:8px;color:#557444}.movement-list-presets .movement-preset-trash-toggle{border:0;background:none;padding:6px 0;color:#6b815c;margin-top:7px}.movement-preset-trash{max-height:180px;overflow:auto}.movement-preset-trash>div{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 0;border-top:1px solid #d4e2c9;font-size:10px}.movement-preset-trash>div>span{overflow-wrap:anywhere}.movement-preset-deleted button{margin-left:7px}

.movement-list-presets .movement-order-toggle{font-size:10px;margin-top:8px}.movement-order-toggle:disabled{opacity:.4;cursor:default}.movement-order-panel{margin-top:10px;padding:10px;border:1px solid #cfddc3;border-radius:5px;background:#f7fbf1}.history-panel .movement-order-panel p{font-size:10px;margin:0 0 8px}.movement-order-panel ol{list-style:none;padding:0;margin:0;max-height:220px;overflow:auto;overscroll-behavior:contain}.movement-order-panel li{user-select:none}.movement-order-panel .movement-drag-handle{touch-action:none;cursor:grab;font-size:20px;padding:6px;line-height:1;background:#f0f5e9;border:1px solid #cdddbe}.movement-drag-handle:active{cursor:grabbing}.movement-order-name{flex:1;font-size:11px;overflow-wrap:anywhere}.movement-order-name small{margin-left:8px;font-size:10px;color:#6a8658}.movement-order-panel [data-movement-order-move]{padding:5px 9px;font-size:12px}.movement-order-panel [data-movement-order-move]:disabled{opacity:.35;cursor:default}.movement-order-status{display:block;margin-top:7px;font-size:10px;color:#6d835f}

.movement-order-history{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.movement-order-history small{font-size:10px;color:#718464}.movement-order-history button:disabled{opacity:.4;cursor:default}

.movement-order-timeline{padding:12px;margin-top:12px;border:1px solid #c7d8ba;background:white;border-radius:5px}.movement-order-timeline h6{font-size:12px;margin:0 0 8px}.movement-order-timeline h6 span{font-size:10px;font-weight:normal;margin-left:8px}.movement-order-points{max-height:210px;overflow:auto;overscroll-behavior:contain;margin:10px 0}.history-panel .movement-list-presets .movement-order-point{display:flex;align-items:flex-start;gap:8px;margin:0 0 6px;padding:10px;border:1px solid #dce5d5;border-radius:4px;background:#fafcf6;font-size:11px;cursor:pointer}.movement-order-point.selected{border-color:#7e9b6d;background:#edf5e7}.history-panel .movement-order-point input{width:auto;flex:none;margin:2px 0;padding:0;accent-color:#315d4a}.movement-order-point>span{flex:1;min-width:0;overflow-wrap:anywhere}.movement-order-point strong,.movement-order-point small,.movement-order-point>span>span{display:block}.movement-order-point small{font-size:10px;color:#76876d;margin:4px 0}.movement-order-point b{font-size:10px;color:#52713f;white-space:nowrap}.movement-order-point-preview{font-size:11px;padding:10px;background:#f2f7eb;border-radius:4px;margin:10px 0}.history-panel .movement-order-point-preview p{font-size:11px;margin:7px 0;overflow-wrap:anywhere}.movement-order-point-preview small{font-size:10px;color:#708366}.movement-order-timeline [data-movement-timeline-restore]{background:#315d4a;color:white;border-color:#315d4a}.movement-order-timeline [data-movement-timeline-restore]:disabled{opacity:.4;cursor:default}

.movement-order-comparison{margin:12px 0}.movement-order-timeline .preset-order-compare-pane h6{margin:0;font-size:11px}.movement-order-comparison .order-compare-empty{font-size:10px;color:#75856c}.movement-order-comparison .preset-order-compare-pane li{min-width:0}.movement-order-comparison .preset-order-compare-pane li>div{flex:1;min-width:0}

.movement-order-comparison .preset-order-compare-pane li[data-movement-compare-id]{padding:0}.movement-order-comparison .order-compare-row{width:100%;background:transparent;border:0;border-radius:0;color:inherit}.movement-order-comparison .order-focused{outline:2px solid #315d4a;outline-offset:-2px}

.history-panel p.movement-review-error{font-size:10px;color:#9e5d39;background:#fff1e4;padding:9px;border-radius:4px}.movement-order-comparison .order-review-badge{font-size:10px;color:#537149}

.movement-order-timeline .movement-reviewed-panel h6{font-size:12px;margin-bottom:8px}.movement-order-comparison .movement-reviewed-panel button{white-space:nowrap}

.account-control{border:1px solid #d2dfd3;border-radius:7px;background:#f5f9f0;padding:8px 12px;font-size:11px;white-space:nowrap;text-align:left;color:#315845}.account-control small{display:block;font-size:10px;color:#7d8d72;margin-top:3px}.customer-account{gap:10px}.account-role-badge{display:inline-block;background:#eaf3e2;border:1px solid #d0dfc2;border-radius:5px;padding:5px 10px;font-size:11px;color:#46623c}.account-auth-tabs{display:flex;gap:8px;margin:20px 0}.account-auth-tabs button{flex:1;padding:10px;border-bottom:2px solid #e3e9df;font-size:12px}.account-auth-tabs button.active{color:#245b47;border-color:#245b47;background:#f1f7eb}.account-modal .account-prototype-note{font-size:10px;line-height:1.9;color:#7d8975;background:#f4f7ee;padding:10px;border-radius:5px}.account-modal .account-error{color:#9b5736;background:#fff0e3;padding:9px;border-radius:4px;font-size:11px}@media(max-width:760px){.customer-account{flex-wrap:wrap}.customer-account>span{display:none}.account-control{font-size:10px;padding:7px}.account-modal{padding:22px}}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:#f2f5f0}.auth-card{background:#fff;border:1px solid #dfe6de;border-radius:18px;padding:44px;max-width:520px;width:100%;box-shadow:0 20px 70px #193e3510}.auth-card .brand{margin-bottom:40px}.auth-card h1{font-size:26px;line-height:1.6}.auth-card p{color:#68776d;line-height:1.9}.auth-card form{display:grid;gap:10px;margin:24px 0}.auth-card input{width:100%}.auth-card .text-link{margin-top:14px}.sync-status{position:fixed;bottom:10px;right:16px;background:#fff;border:1px solid #dae3dc;border-radius:8px;padding:8px 14px;color:#566b5c;font-size:12px;z-index:2000;max-width:min(90vw,640px)}.sync-status.error{color:#9c372b;background:#fff3ef}.sync-status button{margin-left:10px}.member-list>div,.invite-row{padding:14px 0;border-bottom:1px solid #e2e8e2}.member-list small,.invite-row small{display:block;color:#718073;margin:5px 0}#inviteResult{margin:20px 0;padding:12px;background:#f2f6f1}#inviteResult:empty{display:none}#authError,#passwordError,#inviteError{color:#ae4237}#changePassword{display:grid;gap:12px}#changePassword input{display:block;width:100%;margin-top:6px}@media(max-width:600px){.auth-card{padding:28px 22px}.auth-card h1{font-size:22px}}

.mail-setup-notice{padding:16px;background:#fff6e5;border:1px solid #ead8af;border-radius:10px;margin:20px 0}.mail-setup-notice p{margin:8px 0;font-size:13px;line-height:1.8}.mail-delivery{display:inline-block;padding:4px 9px;font-size:12px;border-radius:5px;background:#f0f3ee;color:#68786d}.mail-delivery.accepted{background:#e6f2e5;color:#366344}.mail-delivery.failed{background:#fff0e9;color:#a24e3a}.mail-row-actions{display:flex;gap:16px;align-items:center;margin-top:12px}#mailConfigError,#resendError{color:#ae4237}#mailConfigForm{display:grid;gap:9px}#mailConfigForm .subtle{font-size:12px;line-height:1.8}

.naosiba-logo {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
}
.admin-app .brand .naosiba-logo {
  width: 168px;
  background: #fff;
  border-radius: 8px;
}
@media (max-width: 600px) {
  .service-brand .naosiba-logo {
    width: 132px;
  }
}

.previous-version-reviews{padding:12px 0;border-bottom:1px solid var(--line)}
.previous-version-reviews>h2,.previous-version-reviews>p{padding-inline:21px}
.previous-version-reviews>h2{font-size:14px;margin:0 0 4px}
.previous-version-reviews>p{color:#52665e;font-size:12px;margin:0 0 10px}
.previous-review-title{padding:0;text-align:left;text-decoration:underline;text-underline-offset:3px}

.beginner-mark {
  display:inline-block;
  flex:none;
  width:1em;
  height:1.15em;
  margin-inline-end:.2em;
  vertical-align:-.15em;
  background:linear-gradient(90deg,#f4ce39 50%,#168653 50%);
  clip-path:polygon(0 0,50% 25%,100% 0,100% 73%,50% 100%,0 73%);
}
.guide-page { max-width:760px; margin:0 auto; padding:32px 20px 56px; }
.guide-page h1 { margin:24px 0 8px; font-size:clamp(24px,5vw,36px); }
.guide-intro { color:#52665e; margin:0 0 18px; }
.guide-links { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.guide-section {
  padding:clamp(16px,4vw,28px);
  margin-bottom:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  line-height:1.75;
}
.guide-section h2 { margin:0 0 12px; font-size:20px; }
.guide-section ol { margin:0; padding-inline-start:24px; }
.guide-section li+li { margin-top:14px; }
.guide-section p { margin:4px 0 0; }

.guide-shot { margin:12px 0 18px; }
.guide-shot img { display:block; max-width:100%; height:auto; border:1px solid #d6e1db; border-radius:8px; }
.guide-shot figcaption { margin-top:4px; color:#52665e; font-size:13px; }
.guide-shot-image { position:relative; width:fit-content; max-width:100%; }
.guide-shot-highlight {
  position:absolute;
  border:2px solid #c61c2d;
  border-radius:7px;
  box-shadow:0 0 0 1px #fff;
  pointer-events:none;
}
.guide-shot-image { margin-top:34px; }
.guide-shot-step {
  position:absolute;
  inset-inline-start:50%;
  bottom:100%;
  transform:translate(-50%,-3px);
  display:grid;
  place-items:center;
  min-width:25px;
  height:25px;
  border-radius:50%;
  background:#b71e2d;
  color:#fff;
  font-size:17px;
  font-weight:700;
  line-height:1;
}
.guide-caption-step { color:#a61b2a; font-size:16px; }

.public-share{width:min(100% - 32px,1120px);margin:0 auto;padding:18px 0 48px}
.public-share header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce4dc;margin-bottom:24px;padding-bottom:12px}
.public-share header img{width:136px;height:auto;max-width:55%}
.public-share header .tag{white-space:nowrap}
.public-share h1{margin:0 0 6px;overflow-wrap:anywhere}
.public-share-image{margin:20px auto 0;background:#fff;border:1px solid #dce4dc}
.public-share-image.is-mobile{max-width:390px}
.public-share-image img{display:block;width:100%;height:auto}

.review-page-picker-label { display: none; }
.reply-form input { flex: 1 1 0; }
.reply-form button {
  flex: 0 0 auto;
  min-width: 48px;
  padding-inline: 10px;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .toolbar:has(.review-page-picker) {
    flex-wrap: wrap;
    gap: 8px;
  }
  .review-page-picker {
    position: relative;
    width: 100%;
    min-width: 0;
  }
  .review-page-picker-label {
    display: block;
    min-height: 40px;
    padding: 10px 34px 10px 12px;
    border: 1px solid #dce4d5;
    border-radius: 6px;
    background: #fff;
    color: #364f43;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  .review-page-picker::after {
    content: '';
    position: absolute;
    top: 17px;
    right: 14px;
    width: 7px;
    height: 7px;
    border: solid #415a4d;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
    pointer-events: none;
  }
  .review-page-picker > .page-select {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    opacity: 0;
    font-size: 16px;
    cursor: pointer;
  }
  .review-page-picker:focus-within .review-page-picker-label {
    outline: 2px solid #28604e;
    outline-offset: 2px;
  }
  .admin-app .account-control,
  .customer-header .account-control,
  .account-control small,
  .customer-main .client-header p,
  .customer-main .client-banner p,
  .version-note,
  .customer-main .version-note,
  .capture-source,
  .history-bar span,
  .history-row small,
  .history-row time,
  .issue-meta,
  .reply,
  .reply strong,
  .subtle,
  .footer-note,
  .customer-footer > span,
  .customer-footer > a > span,
  .customer-footer > button {
    color: #4c6155;
    font-size: 12px;
    line-height: 1.6;
  }
  .issue-meta { flex-wrap: wrap; }
  .reply-form input,
  .reply-form button { font-size: 12px; }
}

.auth-with-about { position: relative; padding-top: 76px; }
.auth-about-link { position: absolute; top: 20px; right: clamp(16px, 4vw, 48px); }
.about-naosiba { background: #f5f7f2; color: #223e32; }
.about-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px max(16px, calc((100% - 960px) / 2));
  background: #fff;
  border-bottom: 1px solid #dce5db;
}
.about-nav img { display: block; width: min(34vw, 160px); height: auto; }
.about-nav .button { white-space: nowrap; }
.about-main { width: min(960px, calc(100% - 32px)); margin: 32px auto 56px; }
.about-hero { background: #e9f1e4; border-radius: 16px; padding: clamp(22px, 6vw, 60px); }
.about-hero h1 { font-size: clamp(30px, 6vw, 52px); margin: 6px 0 14px; }
.about-hero p, .about-steps p, .about-note { font-size: 14px; line-height: 1.9; }
.about-hero p { max-width: 640px; margin: 0; }
.about-hero .about-label { color: #365f4d; font-weight: 600; }
.about-main h2 { margin: 32px 0 16px; font-size: 22px; }
.about-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  gap: 12px;
  padding: 0;
  list-style: none;
  counter-reset: about-step;
}
.about-steps li { background: #fff; border: 1px solid #dce5db; border-radius: 12px; padding: 18px; counter-increment: about-step; }
.about-steps li::before { content: counter(about-step, decimal-leading-zero); color: #365f4d; font-weight: 700; }
.about-steps h3 { margin: 7px 0; font-size: 16px; }
.about-steps p { margin: 0; }
.about-note { color: #4c6155; margin-top: 22px; }

.about-examples { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.about-examples figure { min-width: 0; margin: 0; padding: 14px; background: #fff; border: 1px solid #dce5db; border-radius: 12px; }
.about-examples img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; border: 1px solid #dce5db; border-radius: 8px; }
.about-examples figcaption { padding-top: 12px; }
.about-examples strong { font-size: 16px; }
.about-examples p { font-size: 14px; line-height: 1.8; margin: 5px 0 0; }
@media (max-width: 650px) {
  .about-examples { grid-template-columns: 1fr; }
}

.about-shot { position: relative; margin-inline: auto; }
.about-shot-redline { max-width: 824px; }
.about-shot-approval { max-width: 329px; }
.about-examples .about-shot img { width: 100%; border: 0; }
.about-mark {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  height: var(--h);
  border: 2px solid #bd2426;
  border-radius: 4px;
  pointer-events: none;
}
.about-mark b {
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #bd2426;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  box-shadow: 0 0 0 1px #fff;
}
.about-shot-approval .about-mark b {
  top: auto;
  bottom: calc(100% + 4px);
  left: auto;
  right: 0;
  transform: none;
}

.project-participant { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; margin: 0 10px 8px 0; vertical-align: top; }
.project-participant > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.project-participant small { display: block; color: #4c6155; font-size: 11px; }