.ink-workspace{display:grid;grid-template-columns:180px 350px minmax(0,1fr);max-width:1600px;margin:auto;min-height:85vh;background:#f7f7f3}.ink-tools{padding:30px 20px;border-right:1px solid #d6d6ce;display:flex;flex-direction:column;gap:22px;font-size:13px}.ink-tools a{text-decoration:none}.ink-tools button{background:none;border:0;text-align:left;padding:0}.ink-tools small{display:block;color:#68685e}.ink-session{margin-top:auto;display:grid;gap:15px}.ink-controls{padding:28px 24px;border-right:1px solid #d6d6ce;background:#fff}.ink-controls h1{font-size:36px;letter-spacing:-1.6px;line-height:1.1;margin:15px 0 30px}.ink-controls label{margin-top:25px}.ink-controls textarea{background:#fafaf7}.ink-caption,.ink-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#565650;margin:10px 0 18px}.ink-caption button,.ink-label button{padding:0;background:none;border:0;text-decoration:underline}.ink-label{margin-top:28px;color:#191919;font-size:12px}.ink-style-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ink-style-strip button,.ink-all-styles button{background:#fff;border:1px solid #d6d6ce;padding:5px;border-radius:6px;overflow:hidden;font-size:10px}.ink-style-strip button[aria-pressed=true],.ink-all-styles button[aria-pressed=true]{outline:2px solid #191919;background:#e7ff62}.ink-style-strip img,.ink-all-styles img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.ink-complexity{border:0;padding:0;margin:25px 0;display:flex;gap:5px}.ink-complexity legend{font-size:12px;font-weight:bold;margin-bottom:10px}.ink-complexity button{flex:1;background:#f3f3ed;border:1px solid #d6d6ce;padding:10px 3px;font-size:12px}.ink-complexity button[aria-pressed=true]{background:#e7ff62;border-color:#191919}.ink-generate .button{width:100%;background:#e7ff62;color:#191919}.ink-generate small{font-size:11px;display:block;margin-top:12px}.ink-canvas{padding:30px;min-width:0}.ink-canvas-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.ink-canvas-heading h2{margin:0 0 24px;font-size:32px;letter-spacing:-1px}.ink-canvas-heading span{font-size:11px;color:#565650;max-width:180px}.ink-artboard{background:#fff;border:1px solid #d6d6ce;min-height:480px;display:flex;align-items:center;justify-content:center;padding:35px}.ink-artboard>img{width:100%;height:60vh;max-height:720px;object-fit:contain}.ink-dialog{width:min(680px,calc(100% - 32px));max-height:85vh;border:1px solid #191919;border-radius:12px;padding:35px;background:#f7f7f3;color:#191919}.ink-dialog::backdrop{background:#1118}.ink-dialog h2{font-size:30px;margin:12px 30px 20px 0;letter-spacing:-1px}.ink-dialog label{margin:15px 0}.ink-dialog input{display:block;width:100%;padding:12px;border:1px solid #aaa;background:white}.ink-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.ink-all-styles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ink-all-styles strong{display:block;padding:8px 0}.ink-workspace button:disabled{opacity:.55;cursor:wait}@media(max-width:1150px){.ink-workspace{grid-template-columns:320px minmax(0,1fr)}.ink-tools{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d6d6ce;padding:15px 24px}.ink-tools>.eyebrow{display:none}.ink-session{margin:0 0 0 auto;display:flex;gap:12px}}@media(max-width:700px){.ink-workspace{display:flex;flex-direction:column}.ink-tools{font-size:11px;gap:15px;padding:15px}.ink-controls{border:0;padding:24px}.ink-controls h1{font-size:30px}.ink-canvas{padding:20px}.ink-artboard{min-height:300px;padding:16px}.ink-artboard>img{height:360px}.ink-generate{position:sticky;bottom:0;background:white;padding:12px 0;z-index:2}.ink-all-styles{grid-template-columns:repeat(3,1fr)}.ink-dialog{padding:24px}.ink-canvas-heading span{max-width:120px}}
@media(max-width:700px){.ink-generate{position:static;padding:12px 0}.ink-controls{min-height:0}}
.ink-workspace{grid-template-columns:220px 350px minmax(0,1fr)}.ink-tools{position:sticky;top:78px;height:calc(100dvh - 78px);min-height:420px;align-self:start;padding:20px 14px;gap:12px}.ink-tool-links{overflow-y:auto;display:flex;flex-direction:column;gap:17px;min-height:0;flex:1;padding:0 8px 15px}.ink-tool-links button{font-size:12px}.ink-tool-links small{font-size:9px;color:#76766d}.ink-tool-links>strong{background:#edf7ba;padding:12px 8px;border-radius:8px}.ink-session{flex-shrink:0;margin-top:0;border-top:1px solid #ddd;padding-top:15px;gap:12px}.ink-tools .ink-credit-card{display:grid;grid-template-columns:1fr auto;gap:4px;background:#e7ff62;border-radius:12px;padding:15px;text-decoration:none;text-align:left;color:#191919}.ink-credit-card b{grid-column:2;grid-row:1/3;font-size:24px;align-self:center}.ink-credit-card small{font-size:10px}.ink-login{min-height:32px}.ink-placement-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid #d6d6ce;background:#fff;border-radius:8px;padding:8px 15px;font-weight:bold}.ink-placement-trigger svg{width:32px;height:45px}.ink-placement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ink-placement-grid button{background:white;border:1px solid #d6d6ce;border-radius:12px;padding:14px}.ink-placement-grid svg{height:115px;display:block;margin:auto}.ink-placement-grid strong{display:block;font-size:13px;margin-top:8px}.ink-placement-grid button[aria-pressed=true]{outline:2px solid #819c17;background:#f3facf}.ink-mode-tabs{display:flex;background:#eeeee7;padding:4px;margin-top:24px;border-radius:8px}.ink-mode-tabs button{flex:1;border:0;background:transparent;padding:10px}.ink-mode-tabs button[aria-pressed=true]{background:white;border-radius:6px}.ink-mode-tabs small{display:block;font-size:9px}.ink-upload-placeholder{border:2px dashed #c8cbbb;border-radius:12px;padding:40px 20px;text-align:center;color:#64685b}@media(max-width:1150px){.ink-workspace{grid-template-columns:320px minmax(0,1fr)}.ink-tools{position:static;height:auto;min-height:0;display:block}.ink-tool-links{flex-direction:row;max-height:110px;flex-wrap:wrap;gap:12px}.ink-session{display:flex;align-items:center;justify-content:space-between;margin:0}.ink-credit-card{min-width:210px}}@media(max-width:700px){.ink-tool-links{max-height:95px}.ink-session{font-size:12px}.ink-tools .ink-credit-card{padding:10px;min-width:185px}.ink-placement-grid{gap:8px}.ink-placement-grid button{padding:10px 4px}.ink-placement-grid svg{height:90px}}
.ink-cost{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:20px;background:#0000000d;font-size:12px;font-weight:700}.ink-cost svg{width:16px;height:16px}.ink-generate .button{gap:12px}.ink-tools .ink-tool-active{background:#edf7ba;padding:12px 8px;border-radius:8px;font-weight:bold;text-align:left}.ink-preview-styles{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 22px}.ink-preview-styles button{background:transparent;border:1px solid transparent;padding:8px 14px;border-radius:25px;font-size:12px;color:#565650}.ink-preview-styles button[aria-pressed=true]{background:#e7ff62;border-color:#c6d849;color:#191919}.ink-preview-styles button:hover{border-color:#a4aa8c}
.ink-reference{margin-top:16px}.ink-controls .ink-reference-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;margin:0;border:1.5px dashed #bbc2a4;border-radius:12px;padding:18px;background:#fafbf5;text-align:center;cursor:pointer}.ink-reference-drop strong{font-size:13px}.ink-reference-drop span{font-size:11px;color:#64685b}.ink-reference-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ink-reference-drop:focus-within{outline:2px solid #819c17;outline-offset:3px}.ink-reference-drop img{width:100%;height:180px;object-fit:contain}.ink-reference>small{display:block;font-size:10px;line-height:1.6;color:#65695c;margin-top:12px}.ink-reference>button{background:none;border:0;text-decoration:underline;font-size:11px;padding:10px 0}.ink-placement-trigger small{display:block;font-size:10px;font-weight:normal;color:#68685e;margin-top:4px}.ink-ratios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.ink-ratios button{display:flex;gap:12px;align-items:center;justify-content:center;min-height:60px;border:1px solid #d6d6ce;border-radius:10px;background:#fff;font-size:13px}.ink-ratios button[aria-pressed=true]{outline:2px solid #819c17;background:#f3facf}.ink-ratio-symbol{display:inline-block;width:21px;height:21px;border:2px solid currentColor;border-radius:2px;color:#777e66}.ink-ratio-symbol.ratio-Auto{border:0;font-size:25px;line-height:21px}.ink-ratio-symbol.ratio-3-4{width:18px;height:24px}.ink-ratio-symbol.ratio-4-3{width:24px;height:18px}.ink-ratio-symbol.ratio-9-16{width:15px;height:27px}.ink-ratio-symbol.ratio-16-9{width:27px;height:15px}.ink-placement-done{position:sticky;bottom:0;width:100%;margin-top:22px;box-shadow:0 -10px 20px #f7f7f3}
.credit-pack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.credit-pack-grid .price{font-size:34px}.credit-pack-grid .price small{display:block}.credit-pack-grid .button{white-space:normal}@media(max-width:1100px){.credit-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.credit-pack-grid{grid-template-columns:1fr}}
.credit-pack-grid .pack-intro{min-height:175px}.credit-pack-grid .bonus{min-height:115px}.credit-pack-grid .price-card>strong+p{min-height:64px}@media(max-width:600px){.credit-pack-grid .pack-intro,.credit-pack-grid .bonus,.credit-pack-grid .price-card>strong+p{min-height:0}}

.ink-preset-reference{border:1px solid #d6d6ce;padding:14px;margin:12px 0;background:#f7f7f3}.ink-preset-reference p{font-size:12px;line-height:1.6;margin-bottom:10px}.ink-preset-reference>img{width:100%;height:auto;max-height:220px;object-fit:contain;display:block}.ink-preset-reference small{display:block;font-size:10px;margin-top:8px}

.ink-tools .tool-launch-signup{flex:none;min-width:0;padding:12px 0;border-top:1px solid #d6d6ce;border-bottom:1px solid #d6d6ce;font-size:12px;line-height:1.6}.tool-launch-heading{display:flex;align-items:start;justify-content:space-between;gap:8px}.tool-launch-heading strong{font-size:12px}.ink-tools .tool-launch-heading button{flex:none;min-width:32px;min-height:32px;text-align:center;font-size:20px}.tool-launch-signup p{margin:10px 0}.tool-launch-signup label{font-size:12px;margin:12px 0 6px}.tool-launch-signup input{width:100%;min-width:0;min-height:42px;padding:8px;border:1px solid #b5b5aa;border-radius:4px;background:#fff;font:inherit}.ink-tools .tool-launch-submit{display:block;width:100%;min-height:44px;margin-top:10px;padding:10px 8px;background:#191919;color:#fff;border:1px solid #191919;border-radius:4px;text-align:center;font-size:12px;font-weight:700}.ink-tools .tool-launch-submit:disabled{opacity:.6;cursor:wait}.tool-launch-error{color:#9d2020}.tool-launch-signup .tool-launch-privacy{font-size:11px;color:#565650;margin-bottom:0}.tool-launch-privacy a{text-decoration:underline}@media(max-width:1150px){.ink-tools .tool-launch-signup{margin:15px 0;max-width:420px;padding:16px}.tool-launch-heading strong{font-size:14px}}@media(min-width:1151px){.ink-tools:has(.tool-launch-signup){min-height:600px}}

.ink-generation-loading { width: min(100%, 340px); padding: 24px; text-align: center; }
.ink-loading-spinner { display: inline-block; width: 24px; height: 24px; border: 3px solid var(--line); border-top-color: var(--ink); border-radius: 50%; animation: ink-loading-spin 1s linear infinite; }
.ink-generation-progress { display: block; width: 100%; height: 8px; margin: 20px 0; accent-color: var(--ink); }
.design-history button:has(.ink-loading-spinner) { display: grid; place-items: center; min-height: 100px; }
@keyframes ink-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ink-loading-spinner { animation: none; } }