.editor-page{height:100dvh;overflow:hidden;font-size:13px;background:#14151b}.app-header{height:75px;background:#14151b;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:30px;position:relative;z-index:10}.app-header .brand{font-size:24px}.app-header .brand-mark{width:31px;height:35px;border-radius:9px}.document-switch{display:flex;align-items:center;gap:18px;flex:1}.document-switch select{appearance:none;border:0;padding:8px 28px 8px 5px;background:transparent;max-width:210px;font-size:12px;color:#e2e3ea;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2378886b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px;background-position:right 8px center}.saved-status{font-size:10px;color:#b2bbb9;white-space:nowrap}.saved-status:before{content:'✓';margin-right:5px;color:#b2bbb9}.header-actions{display:flex;align-items:center;gap:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;width:30px;height:30px;color:#b2bbb9;font-size:20px;line-height:1;flex-shrink:0}.icon-button:hover{background:#2b2d36;color:#e2e3ea}.icon-button .icon{width:15px;height:15px}.workspace{display:grid;grid-template-columns:310px minmax(350px,1fr) 295px;height:calc(100dvh - 75px);width:100%;min-height:0}.left-panel{display:flex;flex-direction:column;min-height:0;background:#14151b;border-right:1px solid var(--line);position:relative}.panel-tabs{display:flex;gap:8px;margin:18px 19px 8px;padding:4px;background:#14151b;border-radius:10px;flex-shrink:0}.panel-tabs button{border:0;background:transparent;flex:1;padding:8px;color:#b2bbb9;font-size:12px;border-radius:7px}.panel-tabs button.active{background:var(--paper);color:#e2e3ea;box-shadow:0 1px 6px #2a432c0c}.panel-scroll{flex:1;overflow:auto;padding:19px 19px 28px;scrollbar-width:thin;scrollbar-color:#2b2d36 transparent}.panel-foot{border-top:1px solid var(--line);padding:13px 18px;font-size:10px;color:#b2bbb9;display:flex;align-items:center;gap:7px}.panel-foot .icon{width:12px;height:12px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.panel-title h2{font-size:18px;letter-spacing:-.025em}.panel-intro{font-size:11px;color:#b2bbb9;line-height:1.8;margin-bottom:22px}.form-section{border-bottom:1px solid var(--line);padding:12px 0}.form-section>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:30px;color:#e2e3ea;font-size:12px;font-weight:500}.form-section>summary::-webkit-details-marker{display:none}.form-section>summary .section-icon{width:25px;color:#b2bbb9}.form-section>summary .section-count{margin-left:auto;background:#14151b;min-width:20px;padding:1px 6px;text-align:center;border-radius:5px;color:#b2bbb9;font-size:10px}.form-section[open]>summary{margin-bottom:17px}.section-chevron{font-size:13px;color:#b2bbb9;transition:transform .15s}.form-section[open]>summary .section-chevron{transform:rotate(180deg)}.form-section.drag-over{box-shadow:inset 0 3px #b2bbb9}.form-section.dragging,.entry-card.dragging,.bullet-row.dragging{opacity:.45}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:10px;color:#b2bbb9}.field.full{grid-column:1/-1}.field>span:first-child{font-size:10px;color:#b2bbb9}.field input,.field textarea,.field select,.job-input,.import-text{width:100%;border:1px solid #2b2d36;background:#14151b;border-radius:8px;padding:10px 11px;font-size:12px;color:#e2e3ea;outline-offset:1px;line-height:1.6}.field input::placeholder,.field textarea::placeholder,.job-input::placeholder,.import-text::placeholder{color:#a5adae;font-size:11px}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a5adae}.field .field-help{font-size:10px;color:#a5adae}.section-controls{display:flex;align-items:center;gap:5px;margin-bottom:13px}.section-controls input{flex:1;min-width:0;border:1px solid #2b2d36;border-radius:6px;padding:7px;font-size:11px}.grip{cursor:grab;touch-action:none;font-size:14px;color:#a5adae}.grip:active{cursor:grabbing}.add-button{background:#14151b;border:1px dashed #2b2d36;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px;margin:10px 0;font-size:11px;color:#b2bbb9}.add-button:hover{background:#2b2d36}.entry-card{border:1px solid #2b2d36;border-radius:9px;padding:11px;margin-bottom:11px;background:#14151b}.entry-card>summary{list-style:none;display:flex;align-items:center;gap:7px;font-size:11px;color:#b2bbb9;cursor:pointer}.entry-card>summary::-webkit-details-marker{display:none}.entry-card>summary>strong{font-size:11px;font-weight:500;flex:1;line-height:1.5;word-break:break-word}.entry-card[open]>summary{margin-bottom:14px}.entry-card .form-grid{gap:7px}.entry-card .field input,.entry-card .field textarea{font-size:11px;padding:8px}.entry-actions{display:flex;gap:2px}.entry-actions .icon-button{width:21px;height:24px;font-size:14px}.entry-actions .icon{width:12px}.bullet-row{display:flex;align-items:start;gap:4px;margin-bottom:7px;border-radius:4px}.bullet-row .grip{margin-top:9px;width:17px;font-size:12px}.bullet-row textarea{min-height:62px;resize:vertical;width:100%;background:#14151b;border:1px solid #2b2d36;border-radius:7px;font-size:11px;line-height:1.6;padding:8px;color:#e2e3ea}.bullet-row>button:last-child{width:19px;font-size:15px;margin-top:4px}.bullet-row.drag-over,.entry-card.drag-over{box-shadow:inset 0 3px #b2bbb9}.mini-toolbar{display:flex;gap:4px;margin-bottom:6px}.mini-toolbar button{font-size:11px;border:1px solid #2b2d36;border-radius:4px;min-width:25px;height:24px;background:var(--paper);color:#b2bbb9}.mini-toolbar>span{margin-left:auto;font-size:9px;color:#a5adae;padding-top:2px}.link-row{border:1px solid #2b2d36;border-radius:8px;padding:8px;margin-bottom:8px}.link-row .field{margin-bottom:7px}.link-row>button{font-size:10px;border:0;background:none;color:#b2bbb9;float:right}.photo-controls{display:flex;align-items:center;gap:11px;margin:10px 0 16px}.photo-placeholder{width:43px;height:47px;border-radius:7px;background:#2b2d36;border:1px dashed #2b2d36;display:grid;place-items:center;color:#a5adae}.photo-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:7px}.photo-controls .button{padding:7px 10px;font-size:10px}.photo-controls small{display:block;font-size:9px;color:#b2bbb9;margin-top:5px}.canvas{display:flex;flex-direction:column;min-height:0;min-width:0;background:#14151b;overflow:hidden}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;font-size:10px;color:#b2bbb9;min-height:67px;flex-shrink:0}.canvas-toolbar>div:first-child{display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;border-radius:50%;background:#b2bbb9}.canvas-controls{display:flex;gap:8px;align-items:center;white-space:nowrap}.canvas-controls .icon-button{font-size:15px;width:18px;height:22px}.toolbar-separator{width:1px;height:12px;background:#393d46;margin-inline:3px}.canvas-scroll{flex:1;overflow:auto;padding:5px 20px 35px;scrollbar-width:thin;scrollbar-color:#393d46 transparent}.page-stack{--zoom:.72;zoom:var(--zoom);display:flex;flex-direction:column;align-items:center;gap:24px}.page-stack .cv-page{flex-shrink:0;box-shadow:0 2px 9px #20381b0c,0 14px 35px #29432106;border-radius:2px}.canvas-hint{font-size:10px;color:#a5adae;margin:22px auto 0;display:flex;align-items:center;justify-content:center;gap:6px}.canvas-hint .icon{width:11px}.pagination-warning{max-width:500px;margin:auto;font-size:11px;color:#b2bbb9}.right-panel{background:#14151b;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.assistant-heading{display:flex;align-items:center;gap:10px;padding:22px 19px 18px}.assistant-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#2b2d36;color:#b2bbb9;font-size:24px;flex-shrink:0}.assistant-heading h2{font-size:15px;font-weight:600;letter-spacing:-.02em}.assistant-heading p{font-size:9px;color:#a5adae;margin-top:4px}.free-badge{font-size:7px;letter-spacing:.06em;background:#14151b;color:#b2bbb9;border:1px solid #2b2d36;border-radius:5px;padding:3px 5px;margin-left:auto}.assistant-tabs{display:flex;gap:14px;padding:0 20px;border-bottom:1px solid var(--line)}.assistant-tabs button{border:0;background:none;font-size:10px;color:#b2bbb9;padding:11px 0;position:relative;flex:1}.assistant-tabs button.active{color:#e2e3ea}.assistant-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#b2bbb9}.assistant-content{padding:20px 17px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#2b2d36 transparent}.welcome-card{padding:17px;background:#14151b;border:1px solid #2b2d36;border-radius:13px;margin-bottom:20px}.welcome-card>span{font-size:20px;color:#b2bbb9}.welcome-card h3{font-size:15px;line-height:1.4;margin:7px 0 8px;font-weight:500}.welcome-card p{font-size:11px;line-height:1.8;color:#b2bbb9}.assistant-label{font-size:9px;color:#a5adae;margin:19px 0 11px;letter-spacing:.03em}.tip-card{border:1px solid #2b2d36;border-radius:10px;padding:13px 12px;margin-bottom:9px;display:flex;gap:9px;align-items:start}.tip-marker{width:19px;height:19px;border-radius:50%;background:#2b2d36;display:grid;place-items:center;color:#b2bbb9;font-size:10px;flex-shrink:0}.tip-marker.warning{background:#2b2d36;color:#b2bbb9}.tip-card h4{font-size:11px;line-height:1.5;margin:0 0 5px;font-weight:500;color:#e2e3ea}.tip-card p{font-size:10px;color:#a5adae;line-height:1.75;margin:0}.tip-card button{font-size:9px;color:#b2bbb9;background:none;border:0;padding:8px 0 0;text-decoration:underline;text-underline-offset:3px}.chat-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.chat-chips button{border:1px solid #2b2d36;background:#14151b;border-radius:7px;padding:7px 9px;font-size:9px;color:#b2bbb9}.chat-log{display:flex;flex-direction:column;gap:10px;margin:12px 0}.chat-message{font-size:11px;color:#b2bbb9;line-height:1.85;background:#14151b;border:1px solid #2b2d36;border-radius:11px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{background:#2b2d36;border-color:#2b2d36;color:#e2e3ea;margin-left:20px}.chat-message .button{margin-top:9px;padding:8px 10px;font-size:10px;width:100%}.chat-form{border:1px solid #2b2d36;border-radius:11px;background:#14151b;padding:10px}.chat-form textarea{resize:none;border:0;width:100%;min-height:58px;background:transparent;font-size:11px;line-height:1.8;outline:none;color:#e2e3ea}.chat-form textarea::placeholder{color:#a5adae}.chat-form>div{display:flex;align-items:center;justify-content:space-between}.chat-form small{font-size:9px;color:#a5adae}.chat-form button{width:27px;height:27px;border:0;background:#b2bbb9;color:#14151b;border-radius:7px;font-size:14px}.consent-box{font-size:9px;line-height:1.85;color:#a5adae;margin:14px 0;display:flex;gap:8px;align-items:start}.consent-box input{accent-color:#b2bbb9;margin-top:3px;flex-shrink:0}.consent-box a{color:#b2bbb9}.consent-box strong{font-size:9px;font-weight:500}.ai-offline{font-size:9px;line-height:1.7;color:#b2bbb9;background:#14151b;border:1px solid #2b2d36;padding:10px;border-radius:8px;margin-bottom:14px}.assistant-content h3{font-size:16px;margin-bottom:10px;font-weight:500;line-height:1.4}.assistant-content>p{font-size:11px;line-height:1.8;color:#b2bbb9;margin-bottom:15px}.job-input,.import-text{min-height:200px;resize:vertical;font-size:11px;line-height:1.8;color:#b2bbb9;background:#14151b}.full-width{width:100%}.job-note{font-size:9px;color:#a5adae;line-height:1.8;margin:10px 0 17px}.upload-zone{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;padding:25px 15px;text-align:center;border:1.5px dashed #393d46;border-radius:12px;color:#b2bbb9;background:#14151b;font-size:11px;cursor:pointer;line-height:1.6;margin:15px 0}.upload-zone strong{font-size:11px;color:#b2bbb9;font-weight:500}.upload-zone small{font-size:9px;color:#a5adae}.upload-zone .icon{width:24px;height:24px}.upload-zone.drag-over{background:#2b2d36;border-color:#b2bbb9}.uploaded-file{font-size:10px;color:#b2bbb9;margin:10px 0;padding:10px;background:#14151b;border-radius:7px;overflow-wrap:anywhere}.import-image{width:100%;max-height:180px;object-fit:contain;background:#14151b;border-radius:7px;margin-bottom:12px}.import-warnings{font-size:10px;color:#b2bbb9;line-height:1.8}.template-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0 25px}.template-option{border:1px solid #2b2d36;border-radius:10px;background:#14151b;padding:9px;cursor:pointer;text-align:left}.template-option.selected{border-color:#b2bbb9;box-shadow:0 0 0 1px #b2bbb9;background:#14151b}.template-option .mini-sheet{height:77px;background:#14151b;border:1px solid #2b2d36;border-radius:2px;padding:10px;color:#b2bbb9}.mini-sheet strong{display:block;font-size:7px;line-height:1.3}.mini-sheet i{display:block;height:2px;margin-top:5px;background:#2b2d36}.mini-sheet i:nth-child(even){width:75%}.template-option>strong{display:block;font-size:10px;color:#b2bbb9;font-weight:500;margin-top:8px}.template-option>small{display:block;font-size:8px;line-height:1.6;color:#a5adae;margin-top:2px}.design-group{border-top:1px solid var(--line);padding:18px 0}.design-group h3{font-size:12px;font-weight:500;color:#b2bbb9;margin-bottom:13px}.swatches{display:flex;gap:8px;align-items:center;margin-bottom:15px}.swatch{width:24px;height:24px;border:2px solid white;outline:1px solid #2b2d36;border-radius:50%;padding:0;background:var(--swatch)}.swatch.active{outline:2px solid #b2bbb9}.swatches input[type=color]{width:28px;height:28px;border:1px solid #2b2d36;border-radius:50%;padding:1px;background:var(--paper);cursor:pointer}.range-field{margin-bottom:17px}.range-field label{display:flex;justify-content:space-between;font-size:10px;color:#b2bbb9;margin-bottom:7px}.range-field input{width:100%;accent-color:#b2bbb9;height:4px;cursor:pointer}.toggle-field{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:15px;font-size:10px;line-height:1.7;color:#b2bbb9}.toggle-field small{display:block;font-size:9px;color:#a5adae;margin-top:2px}.toggle-field input{accent-color:#b2bbb9;flex-shrink:0}.design-help{font-size:9px;line-height:1.8;color:#a5adae;margin:8px 0}.mobile-tabs{display:none}dialog{border:1px solid #2b2d36;border-radius:19px;background:#14151b;color:#e2e3ea;box-shadow:0 25px 100px #182b2240;padding:30px;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#23362348;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:26px;margin-top:6px}.dialog-head .eyebrow{font-size:9px}.dialog-actions{border-top:1px solid var(--line);display:flex;justify-content:end;gap:10px;padding-top:20px;margin-top:25px}.dialog-actions .button{font-size:12px}.wizard-dialog{padding:33px 38px;width:min(630px,calc(100% - 30px))}.dialog-brand{font-size:11px;font-weight:500;color:#b2bbb9;display:flex;justify-content:space-between;margin-bottom:26px}.dialog-brand>span{color:#b2bbb9;font-size:24px}.wizard-dialog h2{font-size:29px;line-height:1.3;margin-bottom:13px}.wizard-dialog .step-intro{font-size:12px;color:#b2bbb9;margin-bottom:27px;line-height:1.8}.wizard-dialog .field{font-size:11px;margin-bottom:16px}.wizard-dialog .field input,.wizard-dialog .field select{font-size:13px;padding:12px}.wizard-navigation{border-top:1px solid #2b2d36;margin-top:28px;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.wizard-dots{display:flex;gap:5px}.wizard-dots span{width:6px;height:6px;border-radius:50%;background:#2b2d36}.wizard-dots span.active{background:#b2bbb9;width:17px;border-radius:3px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.industry-choice,.seriousness-choice{position:relative;cursor:pointer}.industry-choice input,.seriousness-choice input{position:absolute;opacity:0}.industry-choice>span{border:1px solid #2b2d36;border-radius:10px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#b2bbb9;text-align:center;height:90px}.industry-choice .icon{width:23px;height:23px}.industry-choice input:checked+span,.seriousness-choice input:checked+span{border-color:#b2bbb9;background:#14151b;box-shadow:0 0 0 1px #b2bbb9}.industry-choice input:focus-visible+span,.seriousness-choice input:focus-visible+span{outline:3px solid #b2bbb9;outline-offset:3px}.seriousness-options{display:grid;gap:12px}.seriousness-choice>span{border:1px solid #2b2d36;border-radius:11px;padding:17px 20px;display:block}.seriousness-choice strong{display:block;font-size:13px;font-weight:500;color:#e2e3ea;margin-bottom:4px}.seriousness-choice small{font-size:11px;color:#a5adae}.review-dialog{width:min(810px,calc(100% - 32px))}.review-message{font-size:13px;line-height:1.9;color:#b2bbb9;margin-bottom:18px;white-space:pre-wrap}.patch-card{border:1px solid #2b2d36;border-radius:10px;overflow:hidden;margin-bottom:13px}.patch-card>label{display:flex;gap:8px;align-items:center;background:#14151b;padding:11px 14px;font-size:11px;color:#b2bbb9}.patch-card>label input{accent-color:#b2bbb9}.patch-reason{margin-left:auto;color:#a5adae;font-size:10px}.patch-values{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2b2d36}.patch-before,.patch-after{background:#14151b;padding:13px 15px;font-size:11px;line-height:1.8;color:#b2bbb9;white-space:pre-wrap;overflow-wrap:anywhere}.patch-before{background:#14151b;color:#a5adae}.patch-after{background:#14151b}.patch-values small{display:block;font-size:8px;letter-spacing:.06em;margin-bottom:8px;font-weight:600}.patch-evidence{padding:9px 14px;font-size:9px;color:#a5adae;background:#14151b}.requirements{padding:15px;border:1px solid #2b2d36;border-radius:10px;margin-bottom:20px}.requirements h3{font-size:14px;margin-bottom:12px}.requirement-row{display:flex;align-items:start;gap:9px;font-size:11px;color:#b2bbb9;padding:8px 0;border-top:1px solid #2b2d36}.req-marker{width:18px;height:18px;border-radius:50%;background:#2b2d36;text-align:center;color:#b2bbb9;flex-shrink:0;font-size:10px}.req-marker.missing{background:#2b2d36;color:#b2bbb9}.req-marker.partial{background:#2b2d36;color:#b2bbb9}.req-detail{display:block;font-size:9px;color:#a5adae}.review-fact-note{font-size:11px;line-height:1.8;color:#b2bbb9;padding:15px;background:#14151b;border-radius:9px;margin-top:15px}.rebuilt-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.rebuilt-summary div{background:#14151b;border:1px solid #2b2d36;border-radius:9px;padding:12px;font-size:11px}.rebuilt-summary small{display:block;color:#a5adae;font-size:9px;margin-bottom:5px}.rebuilt-text{font-size:11px;line-height:1.85;max-height:280px;overflow:auto;background:#14151b;border:1px solid #2b2d36;padding:16px;border-radius:9px;white-space:pre-wrap;color:#b2bbb9}.export-dialog{width:min(590px,calc(100% - 30px))}.export-choice{display:flex;align-items:start;gap:11px;border:1px solid #2b2d36;border-radius:11px;padding:17px;margin-top:13px;cursor:pointer}.export-choice input{accent-color:#b2bbb9;margin-top:4px}.export-choice strong{font-size:12px;font-weight:500;color:#b2bbb9}.export-choice small{display:block;font-size:10px;line-height:1.8;color:#a5adae;margin-top:5px}.recommended{font-size:8px;background:#2b2d36;padding:3px 6px;border-radius:4px;margin-left:5px;color:#b2bbb9}.export-dialog .notice{margin:15px 0}.more-dialog{width:min(450px,calc(100% - 32px))}.tool-list{display:flex;flex-direction:column;margin:15px 0}.tool-list button{display:flex;justify-content:space-between;text-align:left;align-items:center;gap:15px;padding:14px 10px;border:0;border-bottom:1px solid #2b2d36;background:none;color:#b2bbb9;font-size:12px}.tool-list button:hover{background:#14151b}.toast-stack{position:fixed;bottom:20px;right:20px;left:auto;transform:none;display:flex;flex-direction:column-reverse;gap:8px;z-index:1000;pointer-events:none;width:max-content;max-width:min(380px,calc(100% - 30px))}.toast{background:#e2e3ea;color:#14151b;border:1px solid #71975555;padding:12px 20px;border-radius:11px;box-shadow:0 8px 30px #21341c20;font-size:12px;line-height:1.7;max-width:530px}.toast.error{background:#e2e3ea}.print-root{display:none}.noscript-notice{position:fixed;inset:0;z-index:2000;background:#14151b;display:grid;place-content:center;text-align:center;padding:30px}.busy-indicator{font-size:11px;color:#b2bbb9;padding:10px 0;display:flex;align-items:center;gap:8px}.busy-indicator:before{content:'';width:9px;height:9px;border:2px solid #2b2d36;border-top-color:#b2bbb9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cancel-ai{border:0;background:none;color:#b2bbb9;font-size:10px;text-decoration:underline;margin-left:auto}.file-input-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pending-badge{font-size:8px;color:#b2bbb9;background:#2b2d36;border-radius:4px;padding:2px 4px}.turnstile-container{margin:12px 0;min-height:1px}
@media(min-width:1500px){.workspace{grid-template-columns:335px minmax(350px,1fr) 320px}.panel-scroll{padding-inline:25px}.assistant-content{padding-inline:22px}.canvas-toolbar{padding-inline:35px}}
@media(max-width:1180px){.workspace{grid-template-columns:290px minmax(330px,1fr) 265px}.app-header{gap:20px;padding-inline:18px}.saved-status{display:none}.assistant-heading{padding:20px 14px;gap:7px}.assistant-heading h2{font-size:13px}.assistant-heading p{font-size:8px}.assistant-content{padding:17px 13px}.canvas-toolbar{padding:16px 15px;font-size:9px;gap:6px}.canvas-controls{gap:4px}.panel-scroll{padding-inline:16px}.panel-tabs{margin-inline:15px}}
@media(max-width:1000px){.workspace{grid-template-columns:300px minmax(330px,1fr)}.right-panel{position:fixed;inset:75px 0 56px auto;width:330px;z-index:9;box-shadow:-10px 0 40px #253a2515;display:none}.workspace[data-mobile-panel=assistant] .right-panel{display:flex}.mobile-tabs{display:flex;position:fixed;right:17px;bottom:17px;padding:5px;background:#14151b;border:1px solid #2b2d36;border-radius:12px;box-shadow:0 5px 20px #2d402413;gap:3px;z-index:20}.mobile-tabs button{border:0;background:var(--paper);font-size:10px;color:#b2bbb9;padding:8px 13px;border-radius:8px;display:flex;align-items:center;gap:6px}.mobile-tabs button.active{background:#2b2d36;color:#b2bbb9}.mobile-tabs .icon{width:13px;height:13px}.app-header .button{font-size:11px;padding:9px 11px}.document-switch{gap:10px}.document-switch select{max-width:170px}.canvas-toolbar{font-size:9px}.toast-stack{bottom:80px}}
@media(max-width:700px){.app-header{height:64px;padding:0 13px;gap:10px}.app-header .brand{font-size:20px}.app-header .brand-mark{width:25px;height:30px;margin-right:6px;border-radius:8px}.app-header .brand-mark svg{width:18px;height:18px}.document-switch{min-width:0;flex:1}.document-switch select{max-width:115px;font-size:10px;padding:6px 19px 6px 0;background-position:right 2px center;background-size:12px}.header-actions{gap:3px}.header-actions .icon-button{display:none}.header-actions #more-button{font-size:0;padding:7px;border:0;background:none}.header-actions #more-button span{font-size:18px}.header-actions #export-button{font-size:11px;padding:9px 11px;gap:5px}.header-actions #export-button .icon{width:12px}.workspace{height:calc(100dvh - 124px);display:block}.left-panel,.canvas,.right-panel{height:100%;width:100%;display:none;position:static;box-shadow:none}.workspace[data-mobile-panel=content] .left-panel{display:flex}.workspace[data-mobile-panel=preview] .canvas{display:flex}.workspace[data-mobile-panel=assistant] .right-panel{display:flex}.panel-scroll{padding:20px 25px}.panel-tabs{margin:16px 24px 6px}.panel-foot{padding-left:24px}.form-section{padding:14px 0}.form-section>summary{font-size:13px}.field input,.field textarea,.field select{font-size:14px}.entry-card .field input,.entry-card .field textarea{font-size:13px}.field>span:first-child{font-size:11px}.canvas-toolbar{padding:15px 17px;font-size:9px;min-height:57px}.canvas-scroll{padding:2px 12px 25px}.right-panel .assistant-heading{padding:19px 24px}.assistant-heading h2{font-size:15px}.assistant-heading p{font-size:10px}.assistant-tabs{padding:0 24px;gap:25px}.assistant-tabs button{font-size:12px}.assistant-content{padding:20px 24px}.welcome-card h3{font-size:17px}.welcome-card p,.tip-card p{font-size:12px}.tip-card h4{font-size:13px}.assistant-label{font-size:11px}.tip-card button{font-size:11px}.chat-form textarea{font-size:13px}.chat-message{font-size:13px}.chat-chips button{font-size:11px}.assistant-content>p{font-size:13px}.consent-box{font-size:11px}.job-input,.import-text{font-size:13px}.assistant-content h3{font-size:18px}.mobile-tabs{left:0;right:0;bottom:0;border-radius:0;padding:6px 10px;height:60px;box-shadow:0 -3px 20px #30462408;border-inline:0;border-bottom:0;justify-content:space-around;gap:10px}.mobile-tabs button{flex:1;display:flex;flex-direction:column;gap:1px;justify-content:center;font-size:9px;padding:3px 8px}.mobile-tabs .icon{width:17px;height:17px}.wizard-dialog{padding:25px 23px}.wizard-dialog h2{font-size:25px}.wizard-navigation .button{font-size:12px;padding:11px 16px}.industry-grid{gap:8px}.industry-choice>span{font-size:9px;height:83px}.patch-values{grid-template-columns:1fr}.patch-reason{display:none}.review-dialog{padding:24px 20px}.dialog-head h2{font-size:23px}.dialog-actions .button{font-size:11px;padding:12px}.export-dialog{padding:25px 22px}.recommended{display:inline-block;margin:6px 0 0}.export-choice strong{font-size:12px}.export-choice small{font-size:11px}.export-choice{padding:14px}.export-dialog .notice{font-size:10px}.rebuilt-summary{grid-template-columns:1fr}}
@media print{
  .editor-page{height:auto!important;overflow:visible!important}
  .app-header,.workspace,.mobile-tabs,dialog,.toast-stack,.skip-link,.noscript-notice{display:none!important}
  .print-root{display:block!important;margin:0!important;padding:0!important}
}
/* Readability pass: quiet does not mean low contrast. */
.saved-status,.panel-intro,.panel-foot,.field>span:first-child,.field .field-help,.assistant-heading p,.assistant-label,.canvas-toolbar,.canvas-hint,.photo-controls small{color:#b2bbb9}
.tip-card p,.welcome-card p,.muted,.small.muted,.privacy-consent,.privacy-consent span{color:#e2e3ea}
.panel-tabs button,.assistant-tabs button,.section-count,.add-button{color:#e2e3ea}
.field input::placeholder,.field textarea::placeholder,.job-input::placeholder,.import-text::placeholder{color:#b2bbb9}
.bullet-arrows{display:flex;flex-direction:column}.bullet-arrows .icon-button{font-size:12px;width:16px;height:22px}
.privacy-consent{font-size:10px;line-height:1.7;margin:14px 0}.privacy-consent label{display:flex;gap:8px;align-items:flex-start;margin:8px 0}.privacy-consent input{margin-top:4px;flex-shrink:0}.privacy-consent a{text-decoration:underline}
.ai-submit{width:100%;margin-top:12px;justify-content:center}.upload-zone input{display:none}.import-preview{max-height:260px;width:100%;object-fit:contain;background:#14151b;border-radius:8px;margin:10px 0}
.chat-message{white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{background:#2b2d36;border-color:#2b2d36}
.rebuilt-preview{white-space:pre-wrap;max-height:350px;overflow:auto;background:#14151b;padding:18px;font:12px/1.65 Arial,sans-serif;border-radius:10px}.review-confirm{display:flex;gap:9px;font-size:12px;margin:20px 0}.review-confirm input{flex-shrink:0}.requirement-list{margin:14px 0}.requirement{display:flex;gap:10px;border-bottom:1px solid #2b2d36;padding:10px 0}.requirement>span{font-size:20px;color:#e2e3ea}.requirement strong{display:block;font-size:12px}.requirement small{display:block;font-size:10px;color:#b2bbb9;margin-top:4px}.diff-before,.diff-after{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border-radius:6px;font-size:12px;line-height:1.7;margin:8px 0}.diff-before{background:#14151b;color:#e2e3ea}.diff-after{background:#2b2d36;color:#e2e3ea}.patch-card{border:1px solid #2b2d36;padding:16px;border-radius:12px;margin:14px 0}.patch-card label{display:flex;gap:9px}.patch-card small{color:#b2bbb9;font-size:10px;overflow-wrap:anywhere}.patch-card strong{font-size:12px}.review-question{background:#2b2d36;padding:12px;border-radius:8px}.choice-card:has(input:checked),.industry-card:has(input:checked){border-color:#b2bbb9;background:#14151b}
@media(min-width:701px){.toggle-row small{display:block;font-size:9px;line-height:1.6;color:#b2bbb9}.toggle-row{font-size:11px}}
.field>span:first-child,.panel-intro,.panel-foot,.assistant-label,.saved-status,.canvas-toolbar{font-size:11px}.tip-card p,.welcome-card p,.privacy-consent{font-size:11px}.tip-card h4{font-size:12px}.assistant-tabs button{font-size:11px}.assistant-heading p{font-size:10px}
.template-mini{display:block;width:100%;height:67px;padding:10px 12px;background:var(--paper);border:1px solid #2b2d36;border-radius:3px;margin-bottom:8px}.template-mini i{display:block;height:2px;background:#2b2d36;width:85%;margin:6px 0}.template-mini i:first-child{height:4px;width:62%;background:var(--mini-accent)}.template-mini i:last-child{width:55%}
/* A quieter studio shell with readable controls and generous touch targets. */
.editor-page{background:var(--bg)}.app-header{background:#101116;gap:25px}.app-header .brand{font-size:18px}.app-header .brand-character{width:21px;height:35px}.app-header .brand-dot{font-size:10px}.document-switch{min-width:0}.document-switch select{color:#c1c6ce}.saved-status{color:#a5bcb5}.saved-status:before{color:var(--green)}.workspace{grid-template-columns:310px minmax(320px,1fr) 310px}.left-panel,.right-panel{background:#111218}.canvas{background:#0c0d12}.canvas-scroll{background-image:radial-gradient(#ffffff0a 1px,transparent 1px);background-size:20px 20px}.page-stack .cv-page{color-scheme:light;box-shadow:0 15px 50px #0006}.panel-tabs{background:#1b1c24;border:1px solid #2a2c35;padding:4px}.panel-tabs button.active{background:#28403d;color:#afe0d7;box-shadow:none}.icon-button:hover,.mobile-tabs button.active{background:#253c38;color:#afe0d7}.field input,.field textarea,.field select,.bullet-row textarea,.section-controls input{background:#171920;color:#d9dce3;border-color:#363944}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green)}.field input::placeholder,.field textarea::placeholder,.job-input::placeholder,.import-text::placeholder{color:#959ca7}.panel-title h2{font-size:20px}.panel-intro{margin-bottom:18px}.form-section>summary{font-size:13px}.entry-card{background:#15171e;border-color:#31343e}.entry-card>summary>strong{font-size:12px;color:#d0d5df}.field>span:first-child,.field .field-help,.panel-intro,.panel-foot,.assistant-label,.canvas-hint{color:#a3acb7}.field input,.field textarea,.field select{font-size:13px}.entry-card .field input,.entry-card .field textarea{font-size:12px}.add-button{background:#192522;border-color:#3c5750;color:#b6d6cc}.add-button:hover{background:#223b33}.assistant-heading{padding-top:20px}.assistant-avatar{background:transparent}.assistant-avatar img{image-rendering:pixelated;object-fit:contain}.assistant-heading h2{font-size:16px}.assistant-heading p{line-height:1.6;color:#a5afb9}.free-badge{margin-left:auto}.assistant-tabs button.active{color:var(--green);border-color:var(--green)}.welcome-card{background:#152321;border-color:#2f4742}.welcome-card h3{color:#d7e8e3}.welcome-card>span{color:var(--green)}.welcome-card p,.tip-card p,.privacy-consent,.privacy-consent span{color:#aebbb8}.tip-card h4{color:#d0dad7}.tip-card{background:#181d22;border-color:#303b40}.tip-marker{background:#2b4240;color:#b6ddd4}.tip-marker.warning{background:#453a25;color:#e6c285}.tip-card button{color:#98d2c2;min-height:32px}.chat-chips button{border-color:#3a414b;color:#becbc7;background:#1a2025;min-height:34px}.chat-message{background:#1a2428;border-color:#34444b;color:#ccd7d8}.chat-message.user{background:#253b35;border-color:#3e594f}.privacy-consent a{color:var(--green)}.notice,.review-question,.review-fact-note{background:#28251e;border-color:#534832;color:#dfc998}.assistant-content input[type=checkbox],.export-choice input{accent-color:#83c9be}.ai-submit{min-height:43px}.ai-local-note{font-size:11px;color:#a8bbb5;border-left:2px solid #3b8a82;padding-left:12px;margin-block:12px 18px}.tip-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px;font-size:10px;color:#b2bdbb}.tip-progress strong{color:var(--green);font-weight:400}.tip-card .tip-marker{flex-shrink:0}.assistant-content .assistant-label{font:10px Consolas,monospace;letter-spacing:.04em}.export-promise{color:var(--green);font-size:12px;margin-bottom:18px}.export-choice{background:#171a21;border-color:#363e46}.export-choice strong{color:#dae6e1}.export-choice small{color:#a5b5ad}.recommended{background:#294337;color:#b6dfc8}.tool-list button{color:#c1d1cc}.tool-list button:hover{background:#202e29}.toggle-row input{accent-color:#83c9be}.toggle-row small{color:#a7b2ae}.template-option.selected{border-color:var(--green);background:#263a34}.template-mini{background:#fff;border-color:#ddd;color-scheme:light}.template-mini i{background:#d9dfd4}.template-mini i:first-child{background:var(--mini-accent)}.range-field input{accent-color:#83c9be}.choice-card:has(input:checked),.industry-card:has(input:checked){border-color:var(--green);background:#213a31}.industry-choice input:checked+span{border-color:var(--green);background:#213a31}.industry-choice>span{color:#c2cdc7}.wizard-dialog h2,.dialog-head h2{color:#e0e4e8}.wizard-description,.wizard-subtitle{color:#acb7b3}.wizard-dialog .field input{font-size:15px}.toast{background:#243c34;border:1px solid #456657;color:#e0ede7}.diff-before{background:#392c2b;color:#e7bdb5}.diff-after{background:#243b30;color:#bde5c9}.page-stack .cv-page input{color-scheme:light}.mobile-tabs{background:#14161d;border-color:#313641}.mobile-tabs button{background:transparent;color:#adbab6}.readiness-note{font-size:10px;color:#9eaaa5;margin-bottom:12px}
@media(min-width:1500px){.workspace{grid-template-columns:335px minmax(350px,1fr) 330px}}
@media(max-width:1180px) and (min-width:1001px){.workspace{grid-template-columns:285px minmax(310px,1fr) 280px}.app-header{gap:16px}.app-header .brand{font-size:16px}}
@media(max-width:1000px) and (min-width:701px){.workspace{grid-template-columns:300px minmax(330px,1fr)}}
@media(max-width:700px){.app-header{gap:12px}.app-header .brand{font-size:14px;gap:6px}.app-header .brand-character{width:17px;height:28px}.app-header .brand-dot{display:none}.document-switch select{max-width:80px;font-size:10px}.app-header .button{padding:9px 10px}.header-actions #export-button{font-size:11px}.app-header #export-button [data-icon]{display:none}.workspace{display:block;height:calc(100dvh - 124px - env(safe-area-inset-bottom,0px))}.mobile-tabs{height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.field input,.field textarea,.field select,.entry-card .field input,.entry-card .field textarea,.bullet-row textarea,.chat-form textarea,.job-input,.import-text{font-size:16px}.section-controls .icon-button,.entry-actions .icon-button{min-width:28px;min-height:32px}.assistant-heading h2{font-size:16px}.tip-card p,.welcome-card p,.privacy-consent{font-size:12px}.tip-card button{min-height:40px}.chat-chips button{min-height:40px}.template-options{gap:10px}.panel-scroll{padding:20px}.range-field input{min-height:32px}.toast-stack{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
@media print{html,body.editor-page{background:#fff;color:#000;color-scheme:light}}

/* Portfolio light workspace: white tools, neutral canvas and red interaction states. */
.editor-page{background:var(--bg);color:var(--ink)}
.app-header,.left-panel,.right-panel,dialog{background:#fafafa}
.app-header,.left-panel,.right-panel,.assistant-tabs,.panel-foot{border-color:var(--line)}
.canvas{background:#e7e9ed}
.canvas-scroll{background-image:radial-gradient(#0000000a 1px,transparent 1px)}
.page-stack .cv-page{box-shadow:0 15px 50px #18181b24}
.panel-tabs{background:#e7e9ed;border-color:var(--line)}
.panel-tabs button.active,.icon-button:hover,.mobile-tabs button.active{background:var(--red-soft);color:var(--green)}
.document-switch select,.saved-status,.icon-button,.panel-tabs button,.panel-intro,.panel-foot,.field,.field>span:first-child,.field .field-help,.form-section>summary .section-icon,.form-section>summary .section-count,.section-chevron,.grip,.entry-card>summary,.mini-toolbar button,.mini-toolbar>span,.link-row>button,.photo-controls small,.canvas-toolbar,.canvas-hint,.pagination-warning,.assistant-heading p,.assistant-tabs button,.assistant-label,.welcome-card p,.tip-card p,.chat-form small,.consent-box,.job-note,.upload-zone,.upload-zone small,.uploaded-file,.import-warnings,.template-option>small,.range-field label,.toggle-field,.toggle-field small,.design-help,.dialog-brand,.wizard-dialog .step-intro,.seriousness-choice small,.review-message,.patch-reason,.patch-evidence,.req-detail,.rebuilt-summary small,.export-choice small,.tool-list button,.busy-indicator,.cancel-ai,.mobile-tabs button,.readiness-note{color:var(--muted)}
.form-section>summary,.entry-card>summary>strong,.assistant-heading h2,.welcome-card h3,.tip-card h4,.template-option>strong,.design-group h3,.wizard-dialog h2,.dialog-head h2,.seriousness-choice strong,.requirements h3,.patch-card strong{color:var(--ink)}
.field input,.field textarea,.field select,.job-input,.import-text,.section-controls input,.bullet-row textarea,.entry-card,.link-row,.chat-form,.chat-message,.upload-zone,.uploaded-file,.template-option,.swatches input[type=color],.rebuilt-summary div,.rebuilt-text,.export-choice,.review-fact-note,.rebuilt-preview,.import-preview,.import-image{background:#fff;color:var(--ink);border-color:var(--line)}
.field input::placeholder,.field textarea::placeholder,.job-input::placeholder,.import-text::placeholder,.chat-form textarea::placeholder{color:#858691}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green)}
.form-section>summary .section-count,.photo-placeholder,.assistant-avatar{background:#e7e9ed;color:var(--muted);border-color:var(--line)}
.add-button{background:#fff7f5;border-color:#c94a3c66;color:var(--green)}
.add-button:hover{background:var(--red-soft)}
.status-dot{background:var(--green)}
.assistant-tabs button.active{color:var(--green);border-color:var(--green)}
.assistant-tabs button.active:after{background:var(--green)}
.free-badge,.recommended,.pending-badge{background:var(--red-soft);color:var(--green);border-color:#c94a3c4d}
.welcome-card{background:#fff7f5;border-color:#e6b8b1}
.welcome-card>span,.tip-card button,.privacy-consent a,.export-promise,.tip-progress strong{color:var(--green)}
.welcome-card p,.tip-card p,.privacy-consent,.privacy-consent span{color:var(--muted)}
.tip-card{background:#fff;border-color:var(--line)}
.tip-marker{background:var(--red-soft);color:var(--green)}
.tip-marker.warning{background:#fff0c9;color:#7a5a0f}
.chat-chips button{background:#fff;border-color:var(--line);color:#4e4d57}
.chat-chips button:hover{border-color:#c94a3c66;color:var(--green)}
.chat-message{background:#fff;border-color:var(--line);color:#4e4d57}
.chat-message.user{background:var(--red-soft);border-color:#e6b8b1;color:#6f2923}
.chat-form textarea{color:var(--ink)}
.chat-form button{background:var(--green);color:#fff}
.consent-box input,.assistant-content input[type=checkbox],.export-choice input,.toggle-row input,.range-field input,.toggle-field input,.patch-card>label input{accent-color:var(--green)}
.ai-offline{background:#f1f2f5;border-color:var(--line);color:var(--muted)}
.upload-zone.drag-over{background:var(--red-soft);border-color:var(--green)}
.template-option.selected,.choice-card:has(input:checked),.industry-card:has(input:checked),.industry-choice input:checked+span,.seriousness-choice input:checked+span{background:#fff7f5;border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.template-mini{background:#fff;border-color:#d7d7d7}
.template-mini i{background:#dfe0e4}
.swatch.active{outline-color:var(--green)}
dialog{border-color:var(--line);box-shadow:0 25px 100px #18181b26}
dialog::backdrop{background:#18181b33}
.wizard-navigation,.patch-card,.requirements,.requirement,.tool-list button{border-color:var(--line)}
.wizard-dots span{background:#d1d2d7}
.wizard-dots span.active{background:var(--green)}
.industry-choice>span,.seriousness-choice>span{border-color:var(--line);color:var(--muted)}
.industry-choice input:focus-visible+span,.seriousness-choice input:focus-visible+span{outline-color:var(--green)}
.patch-card>label,.patch-before,.patch-after,.patch-evidence{background:#fff}
.patch-values{background:var(--line)}
.patch-before,.diff-before{background:#f1f2f5;color:#5f606a}
.patch-after,.diff-after{background:#fff0ed;color:#7c2c25}
.notice,.review-question,.review-fact-note{background:#fff7df;border-color:#d3a94d;color:#6f5418}
.tool-list button:hover{background:var(--red-soft);color:var(--green)}
.toast,.toast.error{background:var(--green);border-color:var(--red-strong);color:#fff;box-shadow:0 10px 30px #c94a3c2b}
.busy-indicator:before{border-color:#c9cad0;border-top-color:var(--green)}
.mobile-tabs{background:#fafafa;border-color:var(--line);box-shadow:0 -3px 20px #18181b14}
.mobile-tabs button{background:transparent;color:var(--muted)}
.ai-local-note{color:var(--muted);border-color:var(--green)}
@media print{html,body.editor-page{background:#fff;color:#000}}

.metrics-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:var(--muted);font-size:11px;line-height:1.6}.metrics-consent input{margin-top:3px;accent-color:var(--green);flex-shrink:0}.metrics-consent a{color:var(--green);text-decoration:underline}

/* Actual renderer previews, shared with the public gallery. */
.template-option{padding:8px;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.template-thumbnail{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:contain;background:#fff;border:1px solid #e1e2e6;border-radius:2px}
.template-option>strong{font-size:12px;font-weight:600;margin-top:9px}
.template-option>small{font-size:9px;line-height:1.5;min-height:27px}
.template-option.selected::after{content:'✓';position:absolute;right:12px;top:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:white;font-size:12px;box-shadow:0 2px 8px #0002}
.template-option:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.design-invitation{display:grid;grid-template-columns:26px 1fr;gap:4px 10px;width:100%;padding:17px;margin:0 0 20px;border:1px solid var(--green);border-radius:13px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}
.design-invitation>span{grid-row:span 2;font-size:25px;color:var(--green)}
.design-invitation strong{font-size:13px}.design-invitation small{color:var(--muted);font-size:10px}
.recipe-controls{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:25px}
.recipe-controls>summary{font-size:12px;font-weight:600;cursor:pointer;line-height:1.6}
.recipe-controls[open]>summary{margin-bottom:15px}
.recipe-colors{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.recipe-colors label{display:grid;gap:6px;font-size:10px;color:var(--muted)}
.recipe-colors input{width:38px;height:30px;border:0;background:none;padding:0;cursor:pointer}
.design-examples{display:grid;gap:8px;margin:18px 0}
.design-examples button{display:flex;gap:8px;justify-content:space-between;text-align:left;font-size:11px;line-height:1.6;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer}
.design-examples button:hover{border-color:var(--green)}
.design-examples span{color:var(--green);font-size:16px}
.design-review-dialog{width:min(900px,95vw);max-width:95vw;padding:25px;color:var(--ink)}
.design-review-dialog>p{color:var(--ink)}
.design-review-dialog>#design-review-count{color:var(--muted)}
#design-review-viewport{width:100%;max-height:60vh;overflow:auto;background:#dce0e3;padding:12px;border-radius:8px;margin:15px 0}
#design-review-pages{width:210mm;margin:auto;display:grid;gap:16px}
#design-review-pages .cv-page{box-shadow:0 4px 16px #0002}
.design-review-dialog .dialog-actions{position:sticky;bottom:0;background:var(--paper);padding-top:12px}
@media(max-width:600px){.design-review-dialog{padding:16px}.design-review-dialog .dialog-actions{flex-wrap:wrap}.assistant-tabs{gap:2px}.assistant-tabs button{padding:9px 5px}}

/* Figma / Canva-style graphical blocks and preset cards */
.graphic-presets-box{margin:12px 0 16px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--paper)}
.graphic-presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}
.graphic-preset-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);cursor:pointer;text-align:left;transition:all .15s}
.graphic-preset-btn:hover{border-color:var(--green);background:var(--red-soft)}
.graphic-preset-btn.active{border-color:var(--green);box-shadow:0 0 0 1.5px var(--green);background:var(--red-soft)}
.graphic-preset-btn .preset-badge{font-size:11px;color:var(--green);margin-bottom:2px}
.graphic-preset-btn strong{font-size:11px;font-weight:600}
.graphic-preset-btn small{font-size:9px;color:var(--muted)}

/* Icon trigger button across entry cards and links */
.icon-trigger-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:11px;cursor:pointer;margin:4px 0;transition:border-color .15s}
.icon-trigger-btn:hover{border-color:var(--green);color:var(--green)}
.icon-trigger-btn svg,.icon-trigger-btn .icon{width:13px;height:13px;stroke-width:2}
.entry-icon-row{display:flex;align-items:center;gap:8px;margin:6px 0 10px}

/* Open-source vector icon picker dialog */
.icon-picker-dialog{width:min(560px,calc(100% - 24px));padding:24px;border-radius:16px;background:var(--paper);color:var(--ink)}
.icon-picker-search{margin:12px 0}
.icon-picker-search input{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:12px}
.icon-picker-search input:focus{border-color:var(--green);outline:none}
.icon-picker-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:thin}
.icon-picker-tabs button{padding:6px 12px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--muted);font-size:11px;cursor:pointer;white-space:nowrap;transition:all .12s}
.icon-picker-tabs button:hover{color:var(--ink);border-color:var(--green)}
.icon-picker-tabs button.active{background:var(--green);border-color:var(--green);color:#ffffff;font-weight:600}
.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg);scrollbar-width:thin}
.icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer;transition:all .12s;font-size:10px;text-align:center;min-height:68px}
.icon-item:hover{border-color:var(--green);background:var(--red-soft);color:var(--green)}
.icon-item.selected{border-color:var(--green);box-shadow:0 0 0 1.5px var(--green);background:var(--red-soft)}
.icon-item svg{width:22px;height:22px;stroke-width:1.8}
.icon-item img{width:22px;height:22px}
.icon-item span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.icon-picker-status,.font-picker-status{font-size:10px;color:var(--muted);margin:4px 0 8px}

/* Google Fonts catalog picker dialog */
.font-picker-dialog{width:min(660px,calc(100% - 24px));padding:24px;border-radius:16px;background:var(--paper);color:var(--ink)}
.font-picker-controls{margin:12px 0}
.font-search-bar input{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:12px}
.font-search-bar input:focus{border-color:var(--green);outline:none}
.font-category-chips{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:thin}
.font-category-chips button{padding:6px 12px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--muted);font-size:11px;cursor:pointer;white-space:nowrap;transition:all .12s}
.font-category-chips button:hover{color:var(--ink);border-color:var(--green)}
.font-category-chips button.active{background:var(--green);border-color:var(--green);color:#ffffff;font-weight:600}
.font-picker-options{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.font-az-toggle{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--muted);cursor:pointer}
.font-az-toggle input{margin-top:1px}
.font-preview-custom input{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:12px}
.font-preview-custom input:focus{border-color:var(--green);outline:none}
.font-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:420px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg);scrollbar-width:thin}
@media(max-width:600px){.font-picker-grid{grid-template-columns:1fr}}
.font-item{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);text-align:left;transition:border-color .12s;min-width:0}
.font-item:hover{border-color:var(--green)}
.font-item.selected{border-color:var(--green);box-shadow:0 0 0 1.5px var(--green)}
.font-item-preview{font-size:17px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.font-item-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);min-width:0}
.font-item-meta strong{font-size:11px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.font-item-meta small{white-space:nowrap}
.font-catalog-btn{width:100%;margin-top:8px}