/* Camada visual da amostra: fotografia original e interações locais. */
:root{--bg:#0a1c37;--panel:#102b4d;--line:#345576;--text:#eff7ff;--muted:#b4c7dd;--cyan:#8cecf3;--blue:#61adff}
body{background:radial-gradient(ellipse at 82% 8%,#125e9259,transparent 38%),radial-gradient(ellipse at 10% 40%,#15417455,transparent 45%),var(--bg)}
header{background:#0a1c37f2;border-color:#31506b}main{max-width:1540px}.hero{grid-template-columns:1.05fr 1fr;gap:65px;min-height:660px;padding:40px 0 55px}.hero h1{font-size:clamp(38px,4.2vw,65px)}.hero>div:first-child{position:relative;z-index:2}.hero-meta{font-size:11px}.primary{background:linear-gradient(110deg,#287ce9,#279ac4);border-color:#7bc9fa;box-shadow:0 8px 30px #037cff33}.primary:active{filter:brightness(.94)}
.portrait-console{position:relative;height:560px;isolation:isolate;--light-x:50%;--light-y:40%;--photo-x:0px;--photo-y:0px}
.portrait-console:before{content:'';position:absolute;inset:20px -20px -10px 20px;border:1px solid #59b5ea33;border-radius:18px 90px 18px 18px;z-index:-1;pointer-events:none}
.portrait-frame{position:absolute;inset:0 0 36px;overflow:hidden;border-radius:14px 80px 14px 14px;border:1px solid #64b9e78c;background:#09223c;box-shadow:0 25px 65px #010d244f,0 0 50px #36b9ed0d}
.gil-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 31%;transform:scale(1.035) translate(var(--photo-x),var(--photo-y));transition:transform .45s ease-out;display:block}
.portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,#071e3a38,transparent 25%,transparent 54%,#061a35ed 100%);pointer-events:none}.portrait-light{position:absolute;inset:0;background:radial-gradient(circle 170px at var(--light-x) var(--light-y),#8ae9ff20,transparent 100%);mix-blend-mode:screen;pointer-events:none}
.scan-line{height:1px;background:linear-gradient(90deg,transparent,#8fe9ff9c,transparent);box-shadow:0 0 16px #6edfff88;position:absolute;left:0;right:0;top:15%;animation:scan-pass 9s ease-in-out infinite;pointer-events:none}.frame-corner{position:absolute;width:35px;height:35px;border-color:#90eaff;border-style:solid;pointer-events:none}.frame-corner.top{left:14px;top:14px;border-width:2px 0 0 2px}.frame-corner.bottom{right:14px;bottom:14px;border-width:0 2px 2px 0}
.portrait-label{position:absolute;top:30px;left:30px;right:30px;display:flex;align-items:center;gap:9px;color:#d8f6ff;font-size:9px;letter-spacing:1.8px;text-shadow:0 2px 8px #000}.signal-dot{width:5px;height:5px;display:inline-block;background:#90f2e6;border-radius:50%;box-shadow:0 0 10px #78ffff}.label-index{margin-left:auto;color:#9ec8e3;font-size:8px}.portrait-caption{position:absolute;left:27px;bottom:150px;text-shadow:0 2px 12px #001329}.portrait-caption>span{font-size:14px;font-weight:700;letter-spacing:3px}.portrait-caption small{display:block;color:#c3d9ec;font-size:10px;margin-top:3px}.portrait-shortcuts{position:absolute;bottom:58px;left:-24px;right:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.portrait-shortcuts button{display:flex;align-items:center;gap:7px;text-align:left;background:#102f4feb;backdrop-filter:blur(16px);border:1px solid #5b97b9a1;box-shadow:0 7px 20px #00102c66;padding:12px 10px;color:#e3f4ff;font-size:10px;min-height:67px;transition:background .2s,border-color .2s,box-shadow .2s}.portrait-shortcuts button:hover,.portrait-shortcuts button:focus-visible{background:#1b4b70;border-color:#a1efff;box-shadow:0 0 22px #47c4ef33}.portrait-shortcuts small{display:block;font-size:7px;letter-spacing:.8px;color:#9fdfea;margin-bottom:4px}.shortcut-icon{font-size:22px;color:#8de5ed}.shortcut-arrow{margin-left:auto;color:#9bddeb}.portrait-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#aac8e3;font-size:10px;letter-spacing:.6px}.portrait-hint span{color:#87e7ef;margin-right:8px}
.library{border-color:#41668566}.card{background:linear-gradient(130deg,#15395b,#102743);border-color:#355676}.card small{padding-right:28px}.card:hover{border-color:#74b8dd;box-shadow:0 7px 30px #06183355}.card.active{background:linear-gradient(130deg,#1a436a,#133253)}.card .star{background:#0e2b48}.search{background:#102d4b}.search-row>select,select{background:#123252;border-color:#3d6183}.filters button{background:#102b4c}.filters button[aria-pressed=true]{background:#255887;border-color:#79c6f6}.workspace{background:#102b48;border-color:#416282}.work-head{background:linear-gradient(100deg,#153655,#102a48);border-color:#395875}.preview-side{background:#0d2340}.form-side{border-color:#365578}.form-side textarea{background:#0a203b;border-color:#3c5d80}.form-side textarea:focus{border-color:#8cd9ff}.note{background:#183b5b;border-color:#78c7ed;color:#c2d6e7}.preview{background:#081b32;border-color:#365578;color:#deebf5}.review{border-color:#375877}button{background:#123251;border-color:#3a5d7f}.muted{color:#b4c7dd}details{border-color:#365578}
.work-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 28px;background:#0b2541;border-bottom:1px solid #365578}.context-meter{display:flex;align-items:center;gap:10px;color:#c5ddee;font-size:11px}.meter-track{display:block;width:75px;height:3px;background:#31526e;border-radius:4px;overflow:hidden}.meter-fill{display:block;width:0;height:100%;background:#8be6ef;transition:width .25s}.focus-button{font-size:11px;padding:7px 11px}.focus-mode .hero,.focus-mode .library,.focus-mode .method,.focus-mode footer{display:none}.focus-mode main{max-width:1280px}.focus-mode .workspace{margin:24px 0}.focus-mode .preview{max-height:70vh}.focus-mode .form-side{max-height:1000px;overflow:auto}
@keyframes scan-pass{0%,100%{top:12%;opacity:0}12%{opacity:.6}60%{opacity:.4}82%{top:85%;opacity:0}}
@media(min-width:1500px){.portrait-console{height:610px}.hero{min-height:710px}}
@media(max-width:1100px) and (min-width:851px){.hero{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.portrait-console{height:510px}.portrait-shortcuts{left:-10px;right:10px}.portrait-shortcuts button{padding:9px 7px;font-size:9px}.shortcut-icon{display:none}.portrait-caption{bottom:145px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:35px;padding-top:40px}.hero>div:first-child{max-width:620px}.portrait-console{height:520px;width:100%;max-width:560px;justify-self:center}.portrait-frame{inset:0 0 35px}.gil-portrait{object-position:50% 30%}.portrait-shortcuts{left:15px;right:15px}.portrait-console:before{inset:14px -8px 16px 14px}.portrait-caption{bottom:149px}.hero h1{font-size:clamp(38px,6vw,58px)}.focus-mode .form-side{max-height:none}.work-tools{padding:11px 20px}}
@media(max-width:500px){.hero{gap:30px;padding-top:32px;padding-bottom:35px}.hero h1{font-size:38px;line-height:1.12}.portrait-console{height:440px}.portrait-frame{border-top-right-radius:55px;inset:0 0 58px}.portrait-label{left:24px;top:25px;right:24px;font-size:7px;letter-spacing:1px}.portrait-caption{left:22px;bottom:170px}.portrait-caption>span{font-size:11px}.portrait-caption small{font-size:9px}.portrait-shortcuts{bottom:57px;left:10px;right:10px;gap:5px}.portrait-shortcuts button{flex-direction:column;align-items:flex-start;font-size:10px;gap:3px;padding:8px;min-height:86px}.portrait-shortcuts small{font-size:6px;letter-spacing:.4px}.shortcut-icon{font-size:16px}.shortcut-arrow{display:none}.portrait-hint{bottom:18px;font-size:9px}.hero-meta{font-size:9px}.work-tools{flex-wrap:wrap;gap:8px}.context-meter{font-size:10px}.meter-track{width:50px}.focus-button{font-size:10px}.portrait-console:before{bottom:38px}.card small{padding-right:30px}}
@media(prefers-reduced-motion:reduce){.scan-line{display:none}.gil-portrait{transform:none!important}.meter-fill{transition:none}.portrait-light{display:none}}
@media(pointer:coarse){.gil-portrait{transform:none}.portrait-light{display:none}}
.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:9px;flex-shrink:0}.brand{gap:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:24px 0;color:var(--muted);font-size:12px}.pagination button:disabled{opacity:.38;cursor:default;border-color:var(--line)}.back-library{padding:10px 2px;font-size:12px;white-space:nowrap}.work-actions{max-width:340px;justify-content:flex-end}@media(max-width:500px){.brand-logo{width:34px;height:34px}.brand{gap:8px}.pagination{gap:10px;font-size:11px}.pagination button{padding:9px 10px;font-size:11px}.work-actions{justify-content:flex-start}}
.manual-copy{width:min(700px,90vw);max-height:85vh;background:#102b48;color:#eff7ff;border:1px solid #7bc9fa;border-radius:12px;padding:24px}.manual-copy::backdrop{background:#020c20bf}.manual-copy p,.manual-copy label{font-size:13px;color:#b4c7dd}.manual-copy textarea{display:block;width:100%;height:40vh;margin:10px 0 18px;padding:14px;resize:vertical;background:#081b32;color:#deebf5;border:1px solid #5d88ad;border-radius:6px;font:13px/1.6 Segoe UI,sans-serif}