/* Estúdio com os mesmos materiais e temas da edição Windows. */
.cf-workspace{max-width:1700px;margin:auto;min-width:0}
.cf-workspace [hidden]{display:none!important}
.cf-workspace button{cursor:pointer}
.cf-workspace button:disabled{cursor:default;opacity:.48;transform:none}
.cf-workspace button.primary,.cf-entry button.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#9756a2;color:#fff;border:0;border-radius:10px;min-height:39px;padding:10px 14px;box-shadow:none;font-size:12px;font-weight:650}
.cf-workspace button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--dx-soft);color:var(--accent);border:1px solid var(--dx-edge);border-radius:10px;min-height:39px;padding:9px 13px;box-shadow:none;font-size:12px;font-weight:600}
.cf-workspace button.ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);background:transparent;border:1px solid var(--dx-edge);border-radius:9px;min-height:37px;padding:8px 11px;font-size:11px}
.cf-workspace button>svg,.cf-entry button>svg{width:17px!important;height:17px!important}
.cf-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.cf-intro p,.cf-start p,.cf-project-section header p{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin:0 0 9px}
.cf-intro h1{font-size:32px;line-height:1.2;letter-spacing:-.045em;margin:0 0 9px;font-weight:750;color:var(--ink)}
.cf-intro h1>span{font-weight:450;color:var(--muted)}
.cf-intro>div>span{font-size:13px;color:var(--muted)}
.cf-offline{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--ok);padding:9px 12px;background:var(--dx-mint);border-radius:8px;white-space:nowrap}
.cf-offline>svg{width:15px!important;height:15px!important}
.cf-tabs{display:flex;gap:7px;border-bottom:1px solid var(--dx-edge);margin-bottom:22px;padding-bottom:11px;overflow:auto}
.cf-tabs>button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);padding:10px 15px;border-radius:10px;font-size:13px;white-space:nowrap}
.cf-tabs>button.selected{background:var(--dx-soft);color:var(--accent);font-weight:700}
.cf-tabs small{font-size:10px;padding:2px 6px;background:var(--dx-surface);color:var(--accent);border-radius:4px}
.cf-status{font-size:12px;line-height:1.6;color:var(--accent);background:var(--dx-soft);border:1px solid var(--dx-edge);border-radius:10px;padding:11px 14px;margin:0 0 18px}
.cf-status:empty{display:none}
.cf-start{display:grid;grid-template-columns:1.1fr 1fr;min-height:240px;align-items:center;padding:24px 36px;border-radius:20px;background:var(--dx-hero);overflow:hidden;border:1px solid var(--dx-edge)}
.cf-start h2{font-size:32px;letter-spacing:-.04em;line-height:1.2;color:var(--dx-hero-ink);margin:0 0 12px}
.cf-start>div>span{font-size:12px;max-width:360px;display:block;color:var(--muted);line-height:1.75}
.cf-start-art{height:230px;display:flex;align-items:center;justify-content:center}
.cf-start-art>svg{height:270px;width:auto;max-width:100%;transform:rotate(-3deg);border-radius:24px}
.cf-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 35px}
.cf-type-grid>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:20px 16px;border:1px solid var(--dx-edge);border-radius:14px;background:var(--dx-surface);box-shadow:var(--shadow);color:var(--ink)}
.cf-type-grid>button:hover{border-color:var(--accent);background:var(--dx-raised)}
.cf-type-grid>button>span{height:35px;width:35px;display:grid;place-items:center;background:var(--dx-lavender);color:var(--dx-icon);border-radius:10px}
.cf-type-grid>button:nth-child(2n)>span{background:var(--dx-rose)}
.cf-type-grid b{font-size:13px;font-weight:650;line-height:1.45}
.cf-type-grid small{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:auto}
.cf-type-grid small>svg{width:14px!important;height:14px!important}
.cf-project-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.cf-project-section h2{font-size:23px;letter-spacing:-.035em;margin:0;color:var(--ink)}
.cf-search{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--dx-edge);border-radius:10px;background:var(--dx-surface);color:var(--muted)}
.cf-search>svg{width:18px!important;height:18px!important}
.cf-search>input{border:0!important;background:transparent!important;width:180px;color:var(--ink);font-size:12px;padding:0;min-height:24px}
.cf-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cf-project-card{padding:22px;background:var(--dx-surface);border:1px solid var(--dx-edge);border-radius:16px;box-shadow:var(--shadow);min-width:0}
.cf-project-symbol{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:10px;margin-bottom:16px}
.cf-project-symbol>svg{width:30px!important;height:30px!important;padding:6px;border-radius:8px;background:var(--dx-soft);box-sizing:content-box}
.cf-project-card h3{font-size:17px;letter-spacing:-.02em;margin:0 0 9px;overflow-wrap:anywhere}
.cf-project-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.cf-project-card>div:last-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cf-project-empty{grid-column:1/-1;display:grid;justify-items:center;text-align:center;border:1px dashed var(--dx-edge);border-radius:16px;padding:30px;background:var(--dx-raised);min-height:190px}
.cf-project-empty>svg{width:35px!important;height:35px!important;color:var(--dx-icon);margin-bottom:10px}
.cf-project-empty h3{font-size:16px;margin:8px 0;color:var(--ink)}
.cf-project-empty p{font-size:12px;line-height:1.7;color:var(--muted);max-width:550px;margin:0}
.cf-editor-grid,.cf-mix-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}
.cf-card{background:var(--dx-surface);border:1px solid var(--dx-edge);border-radius:16px;padding:22px;box-shadow:var(--shadow);min-width:0}
.cf-card-heading{display:flex;gap:11px;align-items:center;margin-bottom:20px}
.cf-card-heading>span{display:grid;place-items:center;background:var(--dx-soft);color:var(--accent);width:32px;height:32px;flex:none;border-radius:10px;font-size:11px;font-weight:700}
.cf-card-heading small,.cf-preview-card>header small,.cf-mix-preview>header small{display:block;font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}
.cf-card h2{font-size:17px;line-height:1.4;letter-spacing:-.025em;color:var(--ink);margin:0}
.cf-card h3{font-size:14px;margin:0 0 14px;color:var(--ink)}
.cf-field{display:block;min-width:0;margin-bottom:14px}
.cf-field>span{display:block;font-size:11px;font-weight:600;line-height:1.5;color:var(--muted);margin-bottom:5px}
.cf-workspace .cf-field>input,.cf-workspace .cf-field>select{width:100%;min-width:0;min-height:39px;padding:9px 10px;border:1px solid var(--dx-edge);border-radius:9px;background:var(--dx-base);color:var(--ink);font-size:12px;box-shadow:none;box-sizing:border-box}
.cf-workspace .cf-field>input[type=color]{padding:4px;cursor:pointer;height:39px}
.cf-fields.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.cf-fields.color-text{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px}
.cf-note{font-size:11px;line-height:1.7;color:var(--muted);margin:2px 0 16px;overflow-wrap:anywhere}
.cf-divider{border-top:1px solid var(--dx-edge);margin:21px 0}
.cf-file{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:1px dashed var(--accent);border-radius:10px;background:var(--dx-soft);color:var(--accent);padding:10px;font-size:11px;font-weight:600;cursor:pointer;margin-bottom:11px}
.cf-file>svg{width:16px!important;height:16px!important}
.cf-file>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.cf-form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cf-preview-column{display:grid;gap:20px;min-width:0}
.cf-preview-card>header,.cf-mix-preview>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;flex-wrap:wrap}
.cf-preview-tabs{display:flex;align-items:center;gap:4px;background:var(--dx-base);border:1px solid var(--dx-edge);padding:3px;border-radius:9px}
.cf-preview-tabs>button{font-size:11px;color:var(--muted);border:0;background:transparent;border-radius:6px;padding:7px 10px}
.cf-preview-tabs>button.selected{background:var(--dx-surface);color:var(--accent);box-shadow:0 2px 7px rgba(0,0,0,.05);font-weight:650}
.cf-canvas{background:var(--dx-base);border:1px solid var(--dx-edge);border-radius:13px;height:390px;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}
.cf-canvas>svg{max-width:100%;max-height:100%;height:100%;width:auto;display:block;filter:drop-shadow(0 10px 16px rgba(36,17,41,.07))}
.cf-canvas>p{font-size:13px;color:var(--muted);max-width:380px;text-align:center;line-height:1.7}
.cf-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:17px 0}
.cf-dimensions>span{border-right:1px solid var(--dx-edge);padding:0 12px 0 0;min-width:0}
.cf-dimensions>span:last-child{border:0}
.cf-dimensions small{display:block;font-size:8px;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}
.cf-dimensions b{display:block;font-size:12px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.cf-export-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:22px}
.cf-check{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--ink);line-height:1.6;margin:0 0 12px}
.cf-check input{margin:3px 0 0;flex:none;accent-color:#9756a2;width:15px;height:15px;min-height:0}
.cf-export-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}
.cf-send-mix{display:flex;align-items:center;gap:15px;border-top:1px solid var(--dx-edge);margin-top:14px;padding-top:20px;flex-wrap:wrap}
.cf-send-mix>div:first-child{flex:1;min-width:190px}
.cf-send-mix b{display:block;font-size:13px;margin-bottom:5px}
.cf-send-mix span{display:block;font-size:11px;color:var(--muted);line-height:1.6}
.cf-send-mix .cf-field{width:85px;margin:0}
.cf-mix-layout .cf-form>button{width:100%;margin-bottom:4px}
.cf-piece-list{display:grid;gap:9px}
.cf-piece-row{display:flex;align-items:center;gap:10px;border:1px solid var(--dx-edge);background:var(--dx-raised);border-radius:11px;padding:12px;min-width:0}
.cf-piece-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--dx-soft);color:var(--dx-icon)}
.cf-piece-icon>svg{width:18px!important;height:18px!important}
.cf-piece-data{flex:1;min-width:90px}
.cf-piece-data>input{width:100%;background:transparent!important;border:0!important;padding:0!important;font-size:12px!important;font-weight:650;color:var(--ink);min-height:24px!important}
.cf-piece-data small{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.cf-piece-row>label{display:flex;flex-direction:column;gap:4px;font-size:9px;color:var(--muted);width:65px;flex:none}
.cf-piece-row>label>input{font-size:11px;min-height:33px;padding:6px 5px;width:100%;border:1px solid var(--dx-edge);border-radius:6px;color:var(--ink);background:var(--dx-surface);box-sizing:border-box}
.cf-piece-row>label>input:disabled{background:transparent;opacity:.75;border-color:transparent}
.cf-piece-row>.ghost{font-size:20px;width:28px;min-height:30px;padding:0;flex:none;border:0}
.cf-inline-empty{background:var(--dx-raised);border:1px dashed var(--dx-edge);padding:25px;border-radius:10px;font-size:12px;color:var(--muted);line-height:1.7}
.cf-lot-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.cf-mix-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.cf-mix-summary:empty{display:none}
.cf-mix-summary>div{background:var(--dx-raised);border:1px solid var(--dx-edge);border-radius:10px;padding:13px}
.cf-mix-summary small{font-size:8px;color:var(--muted);display:block;margin-bottom:6px}
.cf-mix-summary b{font-size:20px;letter-spacing:-.04em;color:var(--ink)}
.cf-mix-canvas{height:550px;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--dx-base);border:1px solid var(--dx-edge);border-radius:12px;overflow:hidden;margin-bottom:20px}
.cf-mix-canvas>svg{max-height:100%;max-width:100%;height:100%;width:auto;display:block;background:white;box-shadow:0 9px 22px rgba(0,0,0,.13)}
.cf-mix-canvas>p{font-size:12px;color:var(--muted);text-align:center;line-height:1.7}
#cf-page-controls{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}
#cf-page-controls>button{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--dx-edge);background:var(--dx-raised);border-radius:7px;font-size:19px;color:var(--ink)}
.cf-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;background:var(--dx-hero);border:1px solid var(--dx-edge);border-radius:16px;margin-bottom:18px}
.cf-entry small{font-size:9px;color:var(--accent);font-weight:750;letter-spacing:.08em;display:block;margin-bottom:6px}
.cf-entry b{font-size:20px;color:var(--dx-hero-ink);display:block;margin-bottom:5px}
.cf-entry span{font-size:12px;color:var(--muted)}
@media(min-width:1750px){.cf-editor-grid,.cf-mix-layout{grid-template-columns:355px minmax(0,1fr)}.cf-preview-card .cf-canvas{height:470px}.cf-card{padding:27px}.cf-intro h1{font-size:36px}.cf-field>span,.cf-note,.cf-check{font-size:12px}.cf-workspace .cf-field>input,.cf-workspace .cf-field>select{font-size:13px;min-height:42px}.cf-type-grid b{font-size:15px}.cf-type-grid small{font-size:11px}.cf-start{min-height:280px}.cf-start-art{height:260px}.cf-start-art>svg{height:300px}.cf-mix-canvas{height:650px}}
@media(max-width:1250px){.cf-editor-grid,.cf-mix-layout{grid-template-columns:270px minmax(0,1fr);gap:15px}.cf-card{padding:17px}.cf-export-layout{grid-template-columns:1fr;gap:10px}.cf-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-piece-row{flex-wrap:wrap}.cf-piece-data{min-width:120px}.cf-piece-row>label{width:60px}.cf-preview-card>header{align-items:flex-start}.cf-dimensions{gap:7px}.cf-dimensions b{font-size:11px}.cf-mix-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.cf-intro{align-items:flex-start}.cf-offline{max-width:150px;white-space:normal;line-height:1.5}.cf-intro h1{font-size:27px}.cf-start{padding:24px;grid-template-columns:1fr 1fr}.cf-start h2{font-size:27px}.cf-start-art>svg{height:210px}.cf-start-art{height:190px}.cf-editor-grid,.cf-mix-layout{grid-template-columns:240px minmax(0,1fr)}.cf-fields.two{gap:0 8px}.cf-canvas{height:310px;padding:12px}.cf-dimensions{grid-template-columns:1fr}.cf-dimensions>span{display:flex;align-items:center;justify-content:space-between;gap:9px;border-right:0;border-bottom:1px solid var(--dx-edge);padding:7px 0}.cf-dimensions small{margin:0}.cf-dimensions b{text-align:right}.cf-project-card{padding:17px}.cf-piece-row>label{width:calc((100% - 48px)/3)}.cf-piece-data{min-width:calc(100% - 45px);flex:none}.cf-piece-row>.ghost{align-self:flex-end}.cf-mix-canvas{height:440px}}
@media(max-width:800px){.cf-editor-grid,.cf-mix-layout{grid-template-columns:1fr}.cf-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-project-grid{grid-template-columns:1fr}.cf-offline{display:none}.cf-start{grid-template-columns:1fr}.cf-start-art{display:none}.cf-project-section>header{flex-wrap:wrap}.cf-preview-card .cf-canvas{height:370px}}
@media(prefers-reduced-motion:no-preference){.cf-type-grid>button{transition:transform .16s,border-color .16s}.cf-type-grid>button:hover{transform:translateY(-3px)}}