/* Mesa Creativa — proposal 02, scoped to the project workspace. */
.cristal #proyecto>.wrap{width:min(1400px,94%)}
.mesa-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 22px;padding:0 4px}.mesa-heading>div:first-child{font-size:9px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:10px;color:#b9d6ea}.mesa-live{width:5px;height:5px;background:#00caff;border-radius:50%;box-shadow:0 0 10px #00caff}.mesa-heading-note{font-weight:400;letter-spacing:0;color:#688aa5;margin-left:8px}.cristal #proyecto .project-tabs{margin:0;gap:8px}.cristal #proyecto .project-tabs button{font-size:10px;padding:12px 22px;border-radius:7px}.cristal .mesa-workspace{grid-template-columns:155px minmax(0,1fr) 300px;gap:15px;align-items:stretch;padding:18px;border:1px solid #00caff45;border-radius:18px;background:linear-gradient(125deg,#00648412,#15345112 55%,#db008811);box-shadow:inset 0 1px #a6dfff13,0 20px 70px #0003;position:relative;isolation:isolate}.mesa-workspace:before{content:'';position:absolute;pointer-events:none;inset:-1px;border-radius:18px;border:1px solid transparent;background:linear-gradient(135deg,#00caff75,transparent 24%,transparent 68%,#ec009966) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;z-index:-1}.mesa-gallery{background:linear-gradient(150deg,#122c3f7a,#0917289c);border:1px solid #679bc438;border-radius:11px;min-width:0;padding:15px 11px;display:flex;flex-direction:column;gap:14px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.gallery-heading b{font-size:11px;letter-spacing:-.1px}.cristal .mesa-gallery .badge{font-size:8px;min-width:22px;height:20px;padding:3px 6px;text-align:center}.gallery-upload{color:#ff61bb;background:#ed009913;border:1px solid #ed00996b;padding:10px 6px;border-radius:6px;font-size:10px;font-weight:600}.gallery-upload:hover{background:#ed00992b;box-shadow:0 0 15px #ed009916}.cristal .mesa-gallery .design-list{overflow-y:auto;max-height:650px;scrollbar-width:thin}.cristal .mesa-gallery .empty-note{color:#698aa5;padding:12px 2px;font-size:10px;line-height:1.9}.cristal .mesa-gallery .design-card{padding:0;margin:0 0 12px;border:1px solid #537b9f40;border-radius:8px;background:#071623;position:relative;overflow:hidden;transition:background .2s,border-color .2s}.cristal .mesa-gallery .design-card.is-selected{border:1px solid #00caffb3;box-shadow:0 0 0 2px #00caff0d;background:#10334d}.mesa-gallery .design-card-head{margin:0;display:block}.cristal .mesa-gallery .select-design{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;max-width:none;padding:10px 7px}.cristal .mesa-gallery .select-design img{width:80px;height:75px;max-width:100%;border:0;border-radius:4px;background:conic-gradient(#15283b 25%,#102134 0 50%,#15283b 0 75%,#102134 0) 0 0/10px 10px;object-fit:contain}.mesa-gallery .select-design>span{max-width:100%;width:100%;text-align:center}.cristal .mesa-gallery .design-name{font-size:8px;max-width:100%;line-height:1.5;color:#a4c4dc}.cristal .mesa-gallery .design-meta{font-size:9px;color:#d5edff;margin-top:4px}.cristal .mesa-gallery .design-card .remove{position:absolute;right:4px;top:4px;width:18px;height:18px;padding:0;font-size:12px;background:#102338cc;color:#8ab2cd;border:1px solid #6f9bc23d;border-radius:50%}.mesa-gallery .design-controls,.mesa-gallery .card-size-lock,.mesa-gallery .duplicate-design,.mesa-gallery .dpi{display:none!important}.gallery-add{width:100%;min-height:44px;border:1px dashed #6c9dbe66;border-radius:8px;background:transparent;font-size:23px;color:#9dc6e4}.gallery-add:hover{background:#00caff0c;color:#00caff}.gallery-formats{font-size:8px;color:#577a96;text-align:center;line-height:1.8;margin-top:auto;padding-top:12px}.cristal .mesa-workspace .workarea{border-radius:11px;border:1px solid #6495b33d;background:linear-gradient(145deg,#10293d40,#071420);box-shadow:none;display:flex;flex-direction:column}.cristal .mesa-workspace .board-top{padding:17px 18px;background:#c2e6ff03;min-height:68px}.mesa-workspace .board-top b{font-size:11px;color:#cde8fc}.mesa-workspace .board-top small{font-size:9px;color:#658ba8;margin-top:5px}.canvas-tag{color:#8babbe;font-size:8px;border:1px solid #59819b4a;border-radius:5px;padding:5px;letter-spacing:1px}.cristal .mesa-workspace .board-toolbar{padding:13px 18px;border-bottom:1px solid #679bc424;font-size:9px}.cristal .mesa-workspace .board-toolbar input{width:60px;padding:7px;color:#cde8ff;background:#112e46;border:1px solid #547c9f4a;font-size:11px;font-weight:600;margin-inline:8px}.canvas-saved{color:#587d99;font-size:8px}.cristal .mesa-workspace .empty-board{min-height:470px;flex:1;padding:30px 20px;background:radial-gradient(ellipse at center,#1241602b,transparent 65%),linear-gradient(#679dcc09 1px,transparent 1px),linear-gradient(90deg,#679dcc09 1px,transparent 1px),#0a1c2d;background-size:auto,20px 20px,20px 20px,auto}.cristal .mesa-workspace .empty-board h3{font-size:22px}.cristal .mesa-workspace .empty-board p{font-size:11px}.cristal .mesa-workspace .empty-board .btn{font-size:10px;padding:13px 20px}.cristal .mesa-workspace .empty-board small{font-size:8px;color:#62839f}.mesa-workspace #board-holder{flex:1;min-width:0}.cristal .mesa-workspace .board-scroll{height:530px;max-height:65vh;overflow:auto;padding:20px 25px 22px 12px;background:#071626;scrollbar-width:thin;scrollbar-color:#325c79 #081827}.sheet-surface{width:100%;min-width:0;margin:0;transition:width .15s}.sheet-width-arrow{position:relative;margin:0 0 14px 24px;height:20px;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:700;color:#d4eaff}.sheet-width-arrow:before{content:'';height:1px;position:absolute;left:0;right:0;top:15px;background:#5a8cae}.sheet-width-arrow:after{content:'↔';position:absolute;left:-1px;right:-2px;top:5px;font-size:18px;color:#a8cee6;display:flex;justify-content:space-between;word-spacing:1000px;overflow:hidden;line-height:20px;pointer-events:none}.sheet-width-arrow span{position:relative;z-index:1;padding:1px 12px;background:#071626;line-height:22px}.ruler-top{height:23px;margin-left:24px;position:relative;border-bottom:1px solid #42657e;background:#10304922}.ruler-top>span{position:absolute;bottom:0;width:1px;height:4px;border-left:1px solid #527d98;font-size:7px;line-height:1;color:#98b8ce}.ruler-top>span.major{height:10px;padding-top:0;transform:translateX(-.5px)}.ruler-top>span.major{font-size:7px;line-height:0;text-indent:3px}.ruler-top>span.minor{border-color:#385c75}.sheet-row{position:relative;margin-left:24px}.ruler-left{position:absolute;right:100%;top:0;bottom:0;width:24px;border-right:1px solid #42657e;background:#10304922}.ruler-left>span{position:absolute;right:0;width:4px;height:1px;border-top:1px solid #385c75;font-size:7px;color:#98b8ce;line-height:0}.ruler-left>span.major{width:9px;border-color:#527d98;padding-right:13px;text-indent:-8px}.cristal .mesa-workspace #sheet{width:100%;min-height:0;height:auto;background:linear-gradient(140deg,#102c42,#0c2134);border:1px solid #517c9c55;box-shadow:0 8px 30px #0004;display:block;user-select:none}.mesa-workspace #sheet [data-outline]{stroke-dasharray:3 2}.mesa-workspace #sheet image{user-select:none}.cristal .mesa-workspace .board-hint{padding:12px 17px 0;font-size:8px;color:#6992b0}.cristal .mesa-workspace .layout-warning{padding:5px 17px 10px;font-size:9px;min-height:15px}.mesa-canvas-controls{border-top:1px solid #7ca9cb29;padding:13px 16px;display:flex;justify-content:space-between;gap:10px;margin-top:auto;align-items:center;background:#08203333}.zoom-group,.canvas-options{display:flex;gap:6px;align-items:center}.zoom-group button,.canvas-options>button{background:#0b253c;color:#adcce4;border:1px solid #507b9b45;border-radius:6px;min-width:30px;height:30px;font-size:14px;padding:0 8px}.zoom-group #zoom-fit{font-size:10px;min-width:49px}.zoom-group button:hover,.canvas-options>button:hover{border-color:#00caff77;color:#00caff}.canvas-options>button{font-size:20px}.canvas-ai{font-size:9px;color:#83b2cc;margin-right:10px}.canvas-ai:hover{color:#00caff}.cristal .mesa-workspace #project-status{font-size:9px;color:#ff9acb;line-height:1.7;padding:0 15px 10px}.cristal .mesa-workspace #project-status:empty{display:none}.cristal .mesa-workspace .project-panel{border-radius:11px;background:linear-gradient(145deg,#10293eee,#0b1828ee);border:1px solid #6495b33d;box-shadow:none;padding:20px;min-width:0}.mesa-inspector-title{font-size:12px;letter-spacing:-.2px;display:flex;justify-content:space-between;align-items:center;color:#d3e9fb}.mesa-inspector-title>span{font-size:16px;color:#597c96}.selection-empty{font-size:10px;line-height:1.9;color:#7b9ab4;padding:25px 0 20px;min-height:115px}.cristal .mesa-workspace .selected-design{padding:17px 0 0;background:transparent;border:0}.selected-preview{height:90px;width:100%;border:1px solid #658cab3b;border-radius:7px;background:conic-gradient(#15283b 25%,#102134 0 50%,#15283b 0 75%,#102134 0) 0 0/12px 12px;margin-bottom:14px;display:grid;place-items:center;overflow:hidden}.selected-preview img{width:100%;height:90px;object-fit:contain}.mesa-workspace .selected-design-heading{display:block;margin-bottom:16px}.cristal .mesa-workspace .selected-design-heading>span{font-size:7px;letter-spacing:1.1px;color:#739fbc;display:block}.mesa-workspace .selected-design-heading>b{font-size:10px;margin-top:7px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mesa-workspace .selected-size-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px}.mesa-workspace .selected-size-controls .size-times{display:none}.cristal .mesa-workspace .selected-size-controls>label{font-size:9px;color:#8fb0c9}.mesa-workspace .selected-size-controls input[type=number]{width:100%;min-width:0;padding:9px 10px;font-size:12px;background:#102c43;border:1px solid #537b9c3b;color:#e5f6ff}.mesa-workspace .selected-size-controls>label>span{gap:5px;font-size:9px;min-width:0}.mesa-workspace .selected-size-controls .size-lock{grid-column:1/-1;grid-row:2;padding:0;font-size:9px;display:flex;align-items:center;gap:7px}.mesa-workspace .selected-size-controls .selected-qty{grid-row:3}.mesa-workspace .apply-selected-size{font-size:9px;padding:10px 6px;min-height:35px;align-self:end;grid-row:3}.selected-extra{display:flex;gap:9px;margin-top:14px}.selected-extra button{font-size:9px;background:#113047;color:#9bc4de;border:1px solid #679bc438;border-radius:5px;padding:8px 10px;flex:1}.selected-extra button:hover{color:#00caff;border-color:#00caff55}.cristal .mesa-workspace .selected-design>p{font-size:8px;line-height:1.8;color:#7393ad;margin:13px 0 10px}.cristal .mesa-workspace .selected-design>.dpi{font-size:8px;margin-top:8px;padding:7px 9px;line-height:1.6}.mesa-arrange{border-block:1px solid #6393b32e;padding:18px 0;margin:22px 0 0}.mesa-arrange>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.mesa-arrange b{font-size:10px;color:#c0d8ec}.mesa-arrange>div>span{font-size:10px;padding:6px 10px;background:#153a55;border:1px solid #5682a445;border-radius:6px;white-space:nowrap;color:#c3e9ff}.mesa-arrange>p{font-size:8px;color:#6f91ab;line-height:1.8;margin:9px 0 12px}.cristal .mesa-workspace #auto-arrange{width:100%;display:flex;justify-content:center;font-size:10px;font-weight:500;border:1px solid #00caff4a;background:#00caff0a;color:#83dfff;border-radius:6px;padding:11px}.cristal .mesa-workspace #auto-arrange:hover{background:#00caff1a}.mesa-workspace .panel-section{border-top:0;padding-top:20px;margin-top:0}.mesa-workspace .step-label{display:none}.mesa-workspace .field{font-size:9px;margin-top:14px}.mesa-workspace .field:first-of-type{margin-top:0}.mesa-workspace .field input,.mesa-workspace .field textarea{padding:10px;font-size:10px}.mesa-workspace .field textarea{min-height:70px}.mesa-workspace .project-summary{padding-top:18px;margin-top:20px}.mesa-workspace .project-summary strong{font-size:25px;margin:8px 0}.mesa-workspace .project-summary p{font-size:9px;color:#7fa0bb;line-height:1.7}.mesa-workspace .project-summary>.btn{font-size:10px;padding:14px 12px;gap:10px;margin-top:15px}.mesa-workspace .project-summary>small{font-size:7px;color:#7293ad}.cristal .mesa-workspace.mesa-expanded{position:fixed;inset:18px;z-index:90;background:#081626f8;backdrop-filter:blur(30px);overflow:auto;box-shadow:0 0 0 30px #040b15e8;max-height:calc(100dvh - 36px);align-items:start}.mesa-open{overflow:hidden}.cristal .mesa-expanded .board-scroll{height:calc(100dvh - 245px);max-height:none}.mesa-expanded .mesa-gallery{max-height:calc(100dvh - 72px);overflow:auto}.mesa-expanded .project-panel{max-height:calc(100dvh - 72px);overflow:auto}.mesa-expanded .workarea{min-height:calc(100dvh - 72px)}
@media(max-width:1100px){.cristal .mesa-workspace{grid-template-columns:120px minmax(0,1fr) 265px;padding:12px;gap:12px}.mesa-heading-note{display:none}.cristal .mesa-workspace .project-panel{padding:17px}.mesa-gallery{padding:13px 9px}.gallery-heading b{font-size:10px}.cristal .mesa-gallery .select-design img{height:65px}.cristal .mesa-workspace .empty-board h3{font-size:19px}.canvas-saved{display:none}.canvas-ai{font-size:8px;margin-right:2px}.cristal .mesa-workspace .board-toolbar{padding:12px}.cristal .mesa-workspace .board-scroll{padding:18px 20px 18px 8px}.mesa-workspace .board-top small{font-size:8px}.cristal .mesa-workspace .board-top{padding:15px 12px}.mesa-canvas-controls{padding:12px 10px}}
@media(max-width:850px){.cristal .mesa-workspace{grid-template-columns:100px minmax(0,1fr);gap:12px}.cristal .mesa-workspace .project-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.mesa-inspector-title{grid-column:1/-1;margin-bottom:10px}.mesa-workspace #selected-design{grid-row:2/5;grid-column:1}.mesa-workspace .selection-empty{grid-column:1;grid-row:2/4}.mesa-workspace .mesa-arrange{grid-column:2;grid-row:2;margin-top:7px;border-top:0;padding-top:0}.mesa-workspace .panel-section{grid-column:2;grid-row:3}.mesa-workspace .project-summary{grid-column:2;grid-row:4}.mesa-heading>div:first-child{font-size:8px;letter-spacing:1px}.cristal #proyecto .project-tabs button{font-size:9px;padding:11px 14px}.cristal .mesa-workspace .empty-board{min-height:420px}.cristal .mesa-workspace .board-scroll{height:490px;max-height:65vh}.cristal .mesa-gallery .select-design img{height:56px}.gallery-heading{flex-wrap:wrap}.gallery-upload{font-size:9px;padding:9px 2px}.cristal .mesa-expanded .project-panel{max-height:none}.mesa-expanded .mesa-gallery{max-height:75vh}.cristal .mesa-expanded .board-scroll{height:calc(100dvh - 245px);max-height:none}.mesa-expanded .workarea{min-height:0}}
@media(max-width:640px){.cristal #proyecto>.wrap{width:92%}.mesa-heading{align-items:start;flex-direction:column;gap:17px;margin-bottom:19px;padding:0}.cristal #proyecto .project-tabs{width:100%}.cristal #proyecto .project-tabs button{flex:1;padding:11px 10px;font-size:10px}.cristal .mesa-workspace{display:flex;flex-direction:column;gap:13px;padding:11px;border-radius:13px}.mesa-gallery{display:block;padding:13px;border-radius:9px}.gallery-heading{display:inline-flex;gap:9px;vertical-align:middle}.gallery-heading b{font-size:11px}.gallery-upload{float:right;padding:8px 11px;margin-top:-3px;font-size:9px}.cristal .mesa-gallery .design-list{display:flex;gap:9px;max-height:none;overflow-x:auto;overflow-y:hidden;padding-top:13px;scrollbar-width:thin}.cristal .mesa-gallery .design-card{min-width:85px;width:85px;flex-shrink:0;margin:0 0 3px}.cristal .mesa-gallery .select-design{padding:9px 6px;gap:6px}.cristal .mesa-gallery .select-design img{width:64px;height:56px}.cristal .mesa-gallery .design-name{font-size:7px}.cristal .mesa-gallery .design-meta{font-size:8px}.cristal .mesa-gallery .empty-note{font-size:9px;padding:0;line-height:1.8}.gallery-formats,.gallery-add{display:none}.cristal .mesa-workspace .board-top{padding:15px}.mesa-workspace .board-top b{font-size:11px}.mesa-workspace .board-top small{font-size:9px}.cristal .mesa-workspace .board-toolbar{padding:12px 15px;font-size:9px}.cristal .mesa-workspace .empty-board{min-height:330px;padding:24px 16px;gap:16px}.cristal .mesa-workspace .empty-board h3{font-size:20px}.cristal .mesa-workspace .empty-board p{font-size:10px}.cristal .mesa-workspace .empty-board small{font-size:8px}.cristal .mesa-workspace .board-scroll{height:410px;max-height:65vh;padding:19px 20px 20px 9px}.mesa-canvas-controls{padding:12px}.canvas-ai{font-size:8px;margin-right:5px}.cristal .mesa-workspace .project-panel{display:block;padding:19px}.mesa-inspector-title{font-size:12px}.cristal .mesa-workspace .selected-design{padding-top:15px}.selected-preview{width:100%;height:90px}.selected-preview img{height:90px}.mesa-workspace .selected-size-controls{grid-template-columns:1fr 1fr;gap:15px 18px}.cristal .mesa-workspace .selected-size-controls>label{font-size:10px}.cristal .mesa-workspace .selected-size-controls input[type=number]{font-size:13px;padding:10px}.mesa-workspace .selected-size-controls .size-lock{font-size:10px}.mesa-workspace .apply-selected-size{font-size:10px;padding:12px}.selected-extra button{font-size:10px;padding:10px}.cristal .mesa-workspace .selected-design>p{font-size:9px}.cristal .mesa-workspace .selected-design>.dpi{font-size:9px}.mesa-arrange{margin-top:22px;padding-block:19px}.mesa-arrange b{font-size:11px}.mesa-arrange>p{font-size:9px}.cristal .mesa-workspace #auto-arrange{font-size:11px;padding:12px}.mesa-workspace .field{font-size:10px}.mesa-workspace .field input,.mesa-workspace .field textarea{font-size:11px;padding:12px}.mesa-workspace .project-summary>.btn{font-size:11px;padding:15px}.mesa-workspace .project-summary>small{font-size:8px}.mesa-workspace .project-summary p{font-size:10px}.selection-empty{padding-bottom:10px;font-size:10px;min-height:85px}.cristal .mesa-workspace.mesa-expanded{inset:8px;max-height:calc(100dvh - 16px);padding:10px}.mesa-expanded .mesa-gallery{max-height:none}.cristal .mesa-expanded .board-scroll{height:60dvh}.mesa-expanded .project-panel{max-height:none}.mesa-expanded .workarea{min-height:0}}
@media(prefers-reduced-motion:reduce){.sheet-surface{transition:none}}
.cristal .mesa-workspace.mesa-expanded{overflow-x:hidden}.cristal .mesa-expanded .board-scroll{height:calc(100dvh - 330px)}.cristal .mesa-expanded .mesa-canvas-controls{position:sticky;bottom:0;z-index:2;background:#0b2031}
@media(max-width:640px){.cristal .mesa-expanded .board-scroll{height:60dvh}}
.project-counters{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr)) 2fr;gap:15px;align-items:center;margin-bottom:18px;padding:17px 22px;background:#10283b6b;border:1px solid #5b9cc537;border-radius:12px}.project-counters>div{border-right:1px solid #5b9cc52e}.project-counters strong{font-size:20px;color:#d7f4ff;font-weight:700;display:block}.project-counters>div:nth-child(2) strong{color:#ff78c5}.project-counters>div:nth-child(3) strong{color:#ffe47a}.project-counters span{font-size:9px;color:#7c9db8;display:block;margin-top:6px}.project-counters p{font-size:10px;line-height:1.8;color:#7c9db8;padding-left:8px}.gallery-search-label{font-size:8px;color:#7c9db8;display:block}.gallery-search-label input{display:block;width:100%;min-width:0;font-size:9px;margin-top:6px;padding:8px}.design-kind{font-size:8px;display:block;color:#6dd4ee;margin-top:7px}.gallery-pager{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;color:#91b7d1}.gallery-pager button,.canvas-segments button{background:#173951;border:1px solid #608ebc4a;border-radius:4px;color:#c8e9ff;padding:4px 9px;font-size:15px}.gallery-range{font-size:8px;line-height:1.8;color:#6f92ad;text-align:center}.canvas-segments{display:flex;align-items:center;gap:9px;padding:10px 15px;font-size:9px;color:#9abed8;background:#0a2135;border-bottom:1px solid #5b9cc529}.canvas-segments input{width:45px;padding:5px;font-size:10px}.canvas-segments>span{margin-left:auto;font-size:8px}.selected-extra{flex-wrap:wrap}.selected-extra button{white-space:nowrap;min-width:72px}.cristal .mesa-workspace .selected-design>p.copy-explanation{color:#7fa7bf;font-size:8px}.import-progress{padding:16px 20px;border:1px solid #00caff55;background:#0a273d;border-radius:10px;margin:0 0 15px}.import-progress>div{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;color:#b4e3fb}.import-progress button{background:#3a1933;color:#ffc1e3;border:1px solid #ed009955;border-radius:6px;padding:8px;font-size:10px}.importing #sheet,.importing #design-list{pointer-events:none;opacity:.6}.project-csv{display:block;width:100%;margin-top:12px;padding:9px;background:transparent;color:#72cee9;border:1px solid #5d95b43d;border-radius:5px;font-size:9px}.cristal .quote-item .quote-csv{position:static;width:auto;height:auto;font-size:10px;color:#6bddf7;padding:10px 0}.banner-grid,.tabloid-settings{border:1px solid #6495b33d;border-radius:10px;background:#102b3c50;padding:20px}.tabloid-settings{margin:0 0 18px;display:flex;align-items:end;gap:15px;flex-wrap:wrap}.tabloid-settings label{font-size:10px;color:#9bb9d1}.tabloid-settings input,.tabloid-settings select{display:block;padding:9px;margin-top:6px;width:95px}.tabloid-settings select{width:210px}.tabloid-settings p{font-size:9px;color:#7095b0;width:100%;line-height:1.7}.mesa-open .project-counters{visibility:hidden}
@media(max-width:850px){.project-counters{grid-template-columns:repeat(3,1fr)}.project-counters p{grid-column:1/-1;padding:0}.project-counters strong{font-size:18px}}
@media(max-width:640px){.project-counters{padding:15px;gap:10px}.project-counters strong{font-size:16px}.project-counters span{font-size:8px;line-height:1.6}.project-counters p{font-size:9px}.gallery-search-label{clear:both;padding-top:15px}.gallery-search-label input{font-size:11px;padding:10px}.gallery-pager{margin-top:12px}.gallery-range{display:block;margin-top:6px}.canvas-segments{font-size:8px;padding:10px;gap:7px}.canvas-segments input{width:38px}.import-progress>div{font-size:10px}.tabloid-settings{padding:15px;gap:10px}}
.banner-section{scroll-margin-top:100px}.banner-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:25px;padding:20px;background:linear-gradient(140deg,#112b4155,#0b1524);border:1px solid #6da4cc3b;box-shadow:0 20px 50px #0002}.banner-work{min-width:0;border:1px solid #6da4cc2e;border-radius:9px;background:#071727;align-self:start;overflow:hidden}.banner-tools{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #6da4cc2e}.banner-tools b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-tools>span{font-size:10px;color:#74dbff;white-space:nowrap}.banner-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:280px;max-height:580px;aspect-ratio:1;background:linear-gradient(#4a769a10 1px,transparent 1px),linear-gradient(90deg,#4a769a10 1px,transparent 1px);background-size:22px 22px;cursor:pointer;position:relative;padding:25px}.banner-drop>span{font-size:35px;color:#f40096}.banner-drop strong{font-size:15px;text-align:center}.banner-drop small{font-size:9px;line-height:1.8;color:#729dbd;text-align:center}.banner-drop.has-image>span,.banner-drop.has-image>strong,.banner-drop.has-image>small{display:none}.banner-drop.has-image{padding:20px}.banner-drop canvas{max-width:100%;max-height:520px;object-fit:contain;box-shadow:0 4px 25px #0004;background:conic-gradient(#172a3d 25%,#102033 0 50%,#172a3d 0 75%,#102033 0) 0 0/14px 14px}.banner-footer{padding:16px;border-top:1px solid #6da4cc2e;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#7a9bb8}.banner-footer span{font-size:8px}.banner-inspector{padding:5px 3px}.banner-inspector h3{font-size:16px}.banner-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.banner-fields label{font-size:10px;color:#9ebdd3}.banner-fields input{width:100%;display:block;margin-top:8px;padding:11px}.banner-inspector .field select{display:block;width:100%;padding:11px;margin-top:8px;font-size:11px}.banner-auto{font-size:11px;display:flex;align-items:center;gap:8px;color:#afd3e9;margin:20px 0}.banner-auto input{accent-color:#f40096}.banner-resolution{font-size:10px;line-height:1.9;padding:14px;background:#11383066;border:1px solid #67c7b326;border-radius:6px;color:#9acaaf}.banner-resolution.low{background:#442a1766;border-color:#ad80452b;color:#dabd88}.banner-inspector>.btn{width:100%;margin-top:12px;font-size:11px;padding:14px}.banner-quality-note{font-size:9px;line-height:1.9;color:#7396b2;margin-top:18px}.banner-status{font-size:11px;line-height:1.8;color:#8cc7b4;margin-top:18px}#vector-threshold{width:100%;accent-color:#00caff;margin:10px 0}.cristal #vector-settings output{font-size:10px;color:#00caff}.cristal .tabs button[data-mode=vector]{min-width:0}
@media(max-width:850px){.banner-grid{grid-template-columns:1fr 1fr;gap:20px}.banner-tools{flex-wrap:wrap}.banner-drop{min-height:260px}.banner-footer{flex-wrap:wrap}}
@media(max-width:640px){.banner-grid{grid-template-columns:1fr;padding:15px;gap:23px}.banner-drop{min-height:260px;max-height:400px}.banner-drop canvas{max-height:360px}.banner-footer{flex-wrap:nowrap}.banner-inspector{padding:0}.banner-quality-note{font-size:9px}.cristal .tabs{flex-wrap:wrap}.cristal .tabs button{flex:1 1 130px}.mesa-heading .project-tabs{flex-wrap:wrap}.tabloid-settings input{width:80px}.cristal .mesa-workspace.mesa-expanded .board-scroll{height:52dvh}}
.measurement-toolbar{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:17px 20px;margin:0 0 22px;border:1px solid #5e98bc38;border-radius:11px;background:linear-gradient(120deg,#102b3f99,#0d1c2d);color:#9ebed5}.measurement-toolbar>label{font-size:10px;line-height:1.8}.measurement-toolbar select{display:block;min-width:190px;padding:10px 12px;margin-top:6px;font-size:11px}.measurement-toolbar input{width:76px;margin:6px 7px 0 0;padding:10px;font-size:11px}.measurement-toolbar>p{font-size:10px;line-height:1.8;color:#799bb5;max-width:450px;flex:1;min-width:190px}.banner-panel{margin-top:8px}.banner-panel .sectionhead{margin-bottom:25px}.banner-panel h2{font-size:30px}.banner-panel .banner-grid{padding:20px}.mesa-heading{align-items:flex-start}.cristal #proyecto .project-tabs{flex-wrap:wrap;justify-content:flex-end}.cristal #proyecto .project-tabs button{white-space:nowrap;padding:12px 17px}.cristal .mesa-workspace #canvas-unit-tag{white-space:nowrap;min-width:30px;text-align:center}.mesa-workspace .selected-size-controls input[type=number]{min-width:0}.cristal .mesa-workspace #selected-width,.cristal .mesa-workspace #selected-height{font-size:12px}.measurement-toolbar [hidden]{display:none!important}
@media(max-width:850px){.cristal #proyecto .project-tabs button{font-size:9px;padding:11px 13px}.measurement-toolbar{gap:17px}.measurement-toolbar>p{max-width:none}}
@media(max-width:640px){.cristal #proyecto .project-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cristal #proyecto .project-tabs button{font-size:10px;padding:12px 8px;min-height:40px}.cristal #proyecto .project-tabs button:last-child{grid-column:1/-1}.measurement-toolbar{padding:15px;gap:13px;align-items:start}.measurement-toolbar select{min-width:0;width:100%;font-size:11px}.measurement-toolbar>label:first-child{flex:1;min-width:160px}.measurement-toolbar>p{font-size:9px;flex-basis:100%}.banner-panel .banner-grid{padding:15px}.banner-panel h2{font-size:27px}.cristal .mesa-workspace #selected-width,.cristal .mesa-workspace #selected-height{font-size:12px}}
.pixel-settings{display:flex;align-items:end;gap:10px}.pixel-settings label{font-size:10px;line-height:1.8}.pixel-settings label input{display:inline-block}.pixel-settings button{color:#9be4fa;background:#10394e;border:1px solid #00caff45;border-radius:6px;padding:11px 10px;font-size:10px;margin-bottom:1px;white-space:nowrap}.pixel-settings button:hover{border-color:#00caff;color:#e9faff}