.workspace{width:min(1100px,92vw);margin:0 auto;padding:44px 0 70px;gap:24px;min-height:calc(100vh - 132px)}
.back-link{color:var(--muted);text-decoration:none;font-size:.875rem;width:fit-content}.back-link i{margin-right:8px}.back-link:hover{color:white}
.workspace-heading{display:flex;align-items:center;gap:16px}.workspace-heading h1{font-size:clamp(1.65rem,4vw,2.5rem);font-weight:500;margin:0;letter-spacing:-.035em;line-height:1.25}.workspace-icon{color:#ff7474;font-size:1.5rem}
.tool-panel{background:#131313;border:1px solid #303030;border-radius:8px;padding:clamp(18px,4vw,36px);display:flex;flex-direction:column;gap:20px;min-width:0}
.workspace button{color:white;background:#272727;border:1px solid #444;border-radius:5px;min-height:44px;padding:10px 18px;cursor:pointer}.workspace button:hover{background:#383838;border-color:#888}.workspace button.primary{background:var(--red);border-color:var(--red)}.workspace button.primary:hover{background:#c62123}.workspace button:disabled{opacity:.55;cursor:wait}
.workspace :is(input,textarea,select){font:inherit;color:var(--text);background:#0b0b0b;border:1px solid #414141;border-radius:5px;padding:12px;width:100%;min-width:0;font-size:1rem}.workspace :is(input,select){min-height:48px}.workspace textarea{resize:vertical;line-height:1.7}.workspace label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;color:#bcbcbc}.workspace :is(a,button,input,textarea,select):focus-visible{outline:2px solid #ff7474;outline-offset:4px}
.workspace p{margin:0}.muted,.status{color:#aaa;font-size:.875rem;line-height:1.7}.status{min-height:24px}.actions{display:flex;flex-wrap:wrap;gap:10px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.search-row{display:flex;align-items:end;gap:10px}.search-row label{flex:1}.search-row button{flex-shrink:0;min-height:48px}
.swatch{height:clamp(190px,30vh,320px);border-radius:5px;background:#ef2b2d;border:1px solid #ffffff20}.color-values{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px}.color-values output{font-size:clamp(1.8rem,5vw,3rem);font-weight:500;letter-spacing:-.04em}.color-values p{color:#aaa;font-size:1rem}
.editor{min-height:360px;font-family:ui-monospace,monospace!important;font-size:.875rem!important;tab-size:2}.preview{display:block;width:100%;height:360px;resize:vertical;background:white;border:1px solid #414141;border-radius:5px}.field-title{font-size:.875rem;color:#bcbcbc;margin-bottom:8px}.note-body{min-height:310px}.result{display:block;font-size:clamp(2rem,6vw,4rem);font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere}.result-box{padding:24px;background:#1c1515;border-left:2px solid var(--red);border-radius:4px}.result-box p{color:#bbb;margin-bottom:8px}.weather-detail{display:flex;gap:24px;flex-wrap:wrap;color:#ccc}.weather-place{font-size:1.15rem;font-weight:500;margin-bottom:12px!important}.city-results{display:flex;flex-wrap:wrap;gap:10px}.credit{color:#aaa;font-size:.875rem}.credit a{color:#ddd}
.task-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.task-row{display:flex;align-items:center;gap:10px;background:#1b1b1b;border:1px solid #303030;padding:8px 12px;border-radius:5px}.task-row label{flex:1;flex-direction:row;align-items:center;gap:12px;font-size:1rem;color:white;min-width:0;overflow-wrap:anywhere}.task-row input{width:19px;height:19px;min-height:0;flex-shrink:0;accent-color:var(--red)}.task-row input:checked+span{text-decoration:line-through;color:#888}.task-row button{background:transparent;border:0;color:#aaa;padding:8px 12px}.task-row span{min-width:0}
.calculator-panel{align-items:center;min-height:650px;background:radial-gradient(circle at 50% 42%,rgba(239,43,45,.15),transparent 38%),linear-gradient(145deg,#151010,#0c0c0c)}.calculator-shell{width:min(100%,410px);padding:26px;border:1px solid #303030;border-radius:28px;background:linear-gradient(155deg,#121212,#060606);box-shadow:0 28px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04)}.calculator-display{height:190px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:4px 5px 22px;overflow:hidden}.calculator-display-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:auto;color:#656565;font-size:.72rem}.workspace .calculator-display-top button{width:36px;height:36px;min-height:36px;padding:0;color:#777;background:transparent;border-color:transparent}.workspace .calculator-display-top button:hover{color:white;background:#252525}.calc-expression{width:100%;margin-bottom:12px;color:#858585;text-align:right;font-size:1rem;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.calc-expression::-webkit-scrollbar{display:none}.calc-result{max-width:100%;color:#fff;font-size:clamp(2.5rem,8vw,3.8rem);font-weight:400;line-height:1.1;letter-spacing:-.055em;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.calc-result::-webkit-scrollbar{display:none}.calc-divider{height:1px;margin-bottom:20px;background:#242424}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workspace .calc-key{aspect-ratio:1;min-height:0;padding:0;border:1px solid #292929;border-radius:50%;color:#f3f3f3;background:#1d1d1d;font-size:1.3rem;font-weight:400;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .14s ease,background .14s ease,border-color .14s ease}.workspace .calc-key:hover{background:#292929;border-color:#454545;transform:translateY(-1px)}.workspace .calc-key:active{transform:scale(.94)}.workspace .calc-key.utility{color:#ff7476;background:#312022}.workspace .calc-key.operator{color:#ff9698;background:#3b2528}.workspace .calc-key.equals{color:white;background:var(--red);border-color:var(--red)}.calc-hint{text-align:center}.calc-hint i{margin-right:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tool-seo-copy{margin-top:4px;padding:22px 24px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.tool-seo-copy h2{margin:0 0 8px;font-size:1.2rem;font-weight:500}.tool-seo-copy p{max-width:760px;color:var(--muted);font-size:.86rem;line-height:1.75}.tool-seo-copy nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:16px;font-size:.76rem}.tool-seo-copy nav>span{color:var(--muted)}.tool-seo-copy nav a{color:var(--accent-soft);text-decoration:none}.tool-seo-copy nav a:hover{text-decoration:underline}
.notes-panel{gap:24px}.notes-toolbar{display:flex;align-items:center;gap:12px}.notes-search{position:relative;flex:1}.notes-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#777;z-index:1}.notes-search input{padding-left:45px!important}.notes-toolbar .primary{min-height:48px;white-space:nowrap}.notes-toolbar .primary i{margin-right:7px}
.notes-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.35fr);gap:18px;align-items:start}.notes-library,.note-editor-shell{min-width:0}.notes-library-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notes-library-head strong{font-size:.95rem}.notes-library-head span{color:#888;font-size:.8rem}
.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace .note-card{--note-color:#252525;min-height:148px;padding:16px;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:var(--note-color);border-color:rgba(255,255,255,.09);border-radius:7px;overflow:hidden}.workspace .note-card[data-color="red"]{--note-color:#4a2026}.workspace .note-card[data-color="orange"]{--note-color:#4b3020}.workspace .note-card[data-color="yellow"]{--note-color:#45401f}.workspace .note-card[data-color="green"]{--note-color:#203d31}.workspace .note-card[data-color="blue"]{--note-color:#20364b}.workspace .note-card[data-color="purple"]{--note-color:#352849}.workspace .note-card:hover{background:color-mix(in srgb,var(--note-color) 88%,white);border-color:rgba(255,255,255,.35)}.workspace .note-card[aria-pressed="true"]{border-color:#f0f0f0;box-shadow:inset 0 0 0 1px #f0f0f0}.note-card strong{font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:8px 0;color:rgba(255,255,255,.68);font-size:.78rem;line-height:1.55;white-space:pre-line}.note-card time{margin-top:auto;color:rgba(255,255,255,.45);font-size:.68rem}
.notes-empty,.editor-empty{min-height:220px;border:1px dashed #383838;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#777;padding:24px}.notes-empty[hidden],.editor-empty[hidden],#noteEditor[hidden]{display:none}.notes-empty i,.editor-empty i{font-size:1.7rem;margin-bottom:4px}.notes-empty strong,.editor-empty strong{color:#aaa;font-size:.9rem}.notes-empty span{font-size:.78rem}
.note-editor-shell{background:#0c0c0c;border:1px solid #2f2f2f;border-radius:7px;min-height:405px;padding:20px}.note-editor-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;color:#777;font-size:.75rem}.workspace .note-delete{min-height:36px;padding:6px 10px;color:#b9b9b9;background:transparent;border-color:transparent;font-size:.78rem}.workspace .note-delete:hover{color:#ff8383;border-color:#563136;background:#251416}.note-title-input{border:0!important;background:transparent!important;border-radius:0!important;padding:8px 0!important;font-size:1.45rem!important;font-weight:600;letter-spacing:-.025em}.note-title-input:focus-visible,.note-body:focus-visible{outline:0!important}.note-body{min-height:245px;border:0!important;border-top:1px solid #292929!important;background:transparent!important;border-radius:0!important;padding:16px 0!important}.color-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid #292929}.color-picker>span{color:#888;font-size:.78rem}.color-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.workspace .color-choice{width:24px;height:24px;min-height:24px;padding:0;border:2px solid transparent;border-radius:50%;background:#252525}.workspace .color-choice[data-color="red"]{background:#8a3946}.workspace .color-choice[data-color="orange"]{background:#9a5b30}.workspace .color-choice[data-color="yellow"]{background:#958639}.workspace .color-choice[data-color="green"]{background:#39765b}.workspace .color-choice[data-color="blue"]{background:#3b6995}.workspace .color-choice[data-color="purple"]{background:#694f92}.workspace .color-choice[aria-pressed="true"]{border-color:white;box-shadow:0 0 0 2px #0c0c0c,0 0 0 3px #777}.notes-storage{text-align:right}
.weather-panel{gap:24px}.weather-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.weather-search-field{position:relative}.weather-search-field i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#777}.weather-search-field input{padding-left:45px!important}.weather-search .primary{min-height:48px}.city-results{display:flex;flex-wrap:wrap;gap:8px}.workspace .city-results button{min-height:38px;padding:7px 12px;background:#1d1d1d;border-color:#353535;font-size:.8rem}.city-results button i{margin-right:7px;color:#ff7779}.city-results button:disabled{cursor:default}.city-results button:disabled i{color:#7ca989}
.weather-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}.weather-dashboard-head>div{display:flex;align-items:baseline;gap:10px}.weather-dashboard-head strong{font-size:1rem}.weather-dashboard-head span{color:#777;font-size:.8rem}.weather-dashboard-head button i{margin-right:7px}.weather-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.weather-card{min-width:0;min-height:260px;padding:20px;border:1px solid #343434;border-radius:8px;background:radial-gradient(circle at 90% 5%,rgba(239,43,45,.18),transparent 34%),linear-gradient(145deg,#1b1b1b,#101010);display:flex;flex-direction:column}.weather-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.weather-card-top>div{display:flex;flex-direction:column;min-width:0}.weather-card-top strong{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-card-top span{color:#858585;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace .weather-remove{width:34px;height:34px;min-height:34px;padding:0;flex-shrink:0;color:#888;background:transparent;border-color:transparent}.workspace .weather-remove:hover{color:white;background:#2b2b2b;border-color:#444}.weather-card-main{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;margin:24px 0}.weather-card-main>i{font-size:1.7rem;color:#ff6466}.weather-temperature{font-size:clamp(2.6rem,6vw,4rem);font-weight:500;line-height:1;letter-spacing:-.06em}.weather-condition{color:#c2c2c2;font-size:.83rem;line-height:1.4}.weather-stats{display:flex;gap:14px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #2d2d2d}.weather-stats>span{display:flex;align-items:center;gap:6px;color:#a0a0a0;font-size:.72rem}.weather-stats i{color:#777}.weather-updated{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;color:#777;font-size:.7rem}.live-dot{width:6px;height:6px;border-radius:50%;background:#62bb7b;box-shadow:0 0 0 3px rgba(98,187,123,.12)}.weather-loading{min-height:155px;display:flex;align-items:center;justify-content:center;gap:10px;color:#888;font-size:.82rem}.weather-empty{min-height:240px;border:1px dashed #383838;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#777}.weather-empty[hidden]{display:none}.weather-empty i{font-size:2rem;color:#6b4545;margin-bottom:5px}.weather-empty strong{color:#aaa}.weather-empty span{font-size:.8rem}.credit{padding-top:2px}
.clock-live{display:block!important;color:#ff4d50!important;font-weight:600;letter-spacing:.02em}.clock-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clock-card{min-width:0;padding:20px;border:1px solid #343434;border-radius:8px;background:radial-gradient(circle at 85% 10%,rgba(239,43,45,.15),transparent 35%),#111}.clock-time{display:block;margin:32px 0 24px;color:white;font-size:clamp(2.7rem,7vw,4.8rem);font-weight:500;line-height:1;letter-spacing:-.065em}.clock-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #2c2c2c;color:#888;font-size:.78rem}
.calorie-panel{gap:22px}.calorie-date{display:flex;align-items:center;justify-content:space-between;gap:18px}.calorie-date>div{display:flex;flex-direction:column}.calorie-date>div span{color:#888;font-size:.75rem}.calorie-date strong{font-size:1.25rem}.calorie-date>span{color:#ff6c6e;font-size:.85rem}.calorie-date>span i{margin-right:6px}.nutrition-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px;padding:24px;border:1px solid #393939;border-radius:10px;background:linear-gradient(145deg,#1e1e1e,#121212)}.calorie-ring{--cal-progress:0%;position:relative;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) var(--cal-progress),#383838 0)}.calorie-ring::before{content:"";position:absolute;inset:13px;border-radius:50%;background:#191919}.calorie-ring>div{position:relative;display:flex;flex-direction:column;align-items:center}.calorie-ring strong{font-size:2rem}.calorie-ring span{color:#aaa;font-size:.78rem}.calorie-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calorie-numbers>div{display:flex;flex-direction:column;padding:12px;border-left:2px solid #4a4a4a}.calorie-numbers strong{font-size:1.25rem}.calorie-numbers span{color:#888;font-size:.75rem}.macro-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.macro-grid>div{display:flex;flex-direction:column;gap:7px}.macro-grid span{color:#bbb;font-size:.82rem}.macro-grid strong{font-size:.78rem}.macro-track{height:6px;border-radius:10px;background:#444;overflow:hidden}.macro-track i{display:block;height:100%;border-radius:inherit;background:var(--red)}
.food-entry-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #333;border-radius:7px;background:#0c0c0c}.workspace .food-entry-tabs button{border:0;background:transparent;color:#888}.workspace .food-entry-tabs button.active{color:white;background:#292020}.food-entry-tabs i{margin-right:7px}.food-add-panel{padding:20px;border:1px solid #303030;border-radius:8px;background:#0d0d0d}.food-add-panel[hidden]{display:none}.food-search-form{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:10px}.food-search-form button{min-height:48px}.food-results{display:grid;gap:8px;margin-top:16px}.food-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,190px) auto;align-items:center;gap:10px;padding:12px;border:1px solid #303030;border-radius:6px;background:#171717}.food-result>div{display:flex;flex-direction:column;min-width:0}.food-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.food-result span{color:#aaa;font-size:.75rem}.food-result small{color:#707070;font-size:.66rem}.food-portion{display:grid!important;grid-template-columns:62px minmax(90px,1fr);gap:6px}.workspace .food-portion input,.workspace .food-portion select{width:100%;min-height:42px;padding:8px}.workspace .food-result button{min-height:42px;padding:8px 14px}.workspace .scan-food-button{width:100%;min-height:50px}.workspace .scan-food-button:disabled{color:#b8b8b8;background:#261a1a;border-color:#493030;opacity:.75}.photo-drop{position:relative;min-height:250px;margin:15px 0;display:grid!important;place-items:center!important;overflow:hidden;border:1px dashed #4a4a4a;border-radius:8px;background:#151515;cursor:pointer}.photo-drop input{position:absolute;opacity:0;pointer-events:none}.photo-drop>span{display:flex;flex-direction:column;align-items:center;gap:10px;color:#888}.photo-drop>span i{font-size:2rem;color:#9d5556}.photo-drop img{width:100%;height:320px;object-fit:cover}.diary-heading{display:flex;align-items:center;justify-content:space-between}.diary-heading>div{display:flex;align-items:baseline;gap:10px}.diary-heading span{color:#777;font-size:.78rem}.meal-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meal-card{border:1px solid #343434;border-radius:8px;background:#141414;overflow:hidden}.meal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #292929}.meal-head>div{display:flex;flex-direction:column}.meal-head span{color:#888;font-size:.72rem}.workspace .meal-head button{width:38px;height:38px;min-height:38px;padding:0;border-radius:50%}.meal-empty{padding:20px!important;color:#666;font-size:.78rem}.food-log-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #252525}.food-log-row:last-child{border-bottom:0}.food-log-row>div{display:flex;flex-direction:column;min-width:0}.food-log-row strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.food-log-row span{color:#999;font-size:.7rem}.food-log-row>span{color:#ddd;white-space:nowrap}.workspace .food-log-row button{width:32px;height:32px;min-height:32px;padding:0;color:#888;background:transparent;border-color:transparent}
@media(max-width:820px){.notes-layout{grid-template-columns:1fr}.note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.note-editor-shell{min-height:auto}}
@media(max-width:680px){.columns{grid-template-columns:1fr}.workspace{padding-top:28px}.tool-panel{padding:18px}.search-row{flex-wrap:wrap}.search-row label{flex-basis:100%}.editor,.preview{min-height:280px;height:280px}.calculator-panel{min-height:0;padding:14px}.calculator-shell{padding:20px;border-radius:23px}.calculator-display{height:165px}.calc-keys{gap:10px}.notes-toolbar{align-items:stretch;flex-direction:column}.notes-toolbar .primary{width:100%}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note-editor-shell{padding:16px}.note-title-input{font-size:1.25rem!important}.notes-storage{text-align:left}.weather-search{grid-template-columns:1fr}.weather-search .primary{width:100%}.weather-dashboard,.clock-dashboard{grid-template-columns:1fr}.weather-card{min-height:245px}.weather-dashboard-head{align-items:flex-end}.weather-dashboard-head>div{align-items:flex-start;flex-direction:column;gap:2px}.weather-card-main{grid-template-columns:auto auto;}.weather-condition{grid-column:1/-1}.nutrition-summary{grid-template-columns:1fr;justify-items:center;padding:20px}.calorie-numbers{width:100%}.macro-grid{width:100%;grid-template-columns:1fr}.food-search-form{grid-template-columns:1fr}.food-search-form .primary{width:100%}.food-result{grid-template-columns:1fr}.food-result>div:first-child{min-height:48px}.food-portion{grid-template-columns:80px minmax(0,1fr)!important}.food-result>button{width:100%}.meal-list{grid-template-columns:1fr}.photo-drop img{height:260px}.calorie-date{align-items:flex-end}.calorie-date>span{font-size:.72rem}}
@media(hover:none){.back-link:hover{color:var(--muted)}.workspace button:hover{background:#272727;border-color:#444}.workspace button.primary:hover{background:var(--red);border-color:var(--red)}.workspace .calc-key:hover{background:#1d1d1d;border-color:#292929;transform:none}.workspace .calc-key.utility:hover{background:#312022}.workspace .calc-key.operator:hover{background:#3b2528}.workspace .calc-key.equals:hover{background:var(--red);border-color:var(--red)}.workspace .calculator-display-top button:hover{color:#777;background:transparent}.workspace .note-card:hover{background:var(--note-color);border-color:rgba(255,255,255,.09)}.workspace .note-card[aria-pressed="true"]:hover{border-color:#f0f0f0}.workspace .color-choice:hover{border-color:transparent}.workspace .color-choice[aria-pressed="true"]:hover{border-color:white}.workspace .note-delete:hover,.workspace .weather-remove:hover{color:#b9b9b9;background:transparent;border-color:transparent}.workspace button:active{transform:scale(.98)}}
.workspace .calculator-display-top button.is-repeating{color:white;background:#252525;transform:scale(.92)}
.translator-panel{gap:0;overflow:hidden;padding:0}.translator-tabs{display:grid;grid-template-columns:1fr 1fr;padding:7px;background:#0b0b0b;border-bottom:1px solid #2c2c2c}.workspace .translator-tabs button{border:0;border-radius:4px;background:transparent;color:#858585}.workspace .translator-tabs button.active{background:#27191a;color:#fff}.translator-tabs i{margin-right:8px;color:#ff6264}.translator-section{padding:clamp(18px,4vw,32px)}.translator-section[hidden]{display:none}.translator-language-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin-bottom:14px}.workspace .translator-swap{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;margin-bottom:1px;color:#ff7476;background:#201718;border-color:#46292b}.translator-panes{display:grid;grid-template-columns:1fr 1fr;border:1px solid #363636;border-radius:8px;overflow:hidden}.translator-pane{position:relative;min-height:280px!important;display:block!important;background:#0c0c0c}.translator-pane:first-child{border-right:1px solid #363636}.workspace .translator-pane textarea{height:280px;resize:none;border:0;border-radius:0;padding:22px 22px 42px;background:transparent;font-size:1.15rem}.translator-pane>small{position:absolute;right:18px;bottom:14px;color:#676767}.translator-output{padding:22px}.translation-text{min-height:210px;color:#f3f3f3;font-size:1.15rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.translation-text>span,.document-output>span{color:#707070}.workspace .translator-copy{position:absolute;right:14px;bottom:12px;width:38px;height:38px;min-height:38px;padding:0;color:#aaa;background:transparent;border-color:transparent}.translator-note{margin-top:12px!important;color:#777!important;font-size:.75rem!important}.document-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.document-intro h2{margin:7px 0 5px;font-size:1.35rem}.document-intro p{color:#8e8e8e;font-size:.82rem}.ai-badge{color:#ff7476;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.ai-badge i{margin-right:5px}.file-pick{position:relative;min-width:180px;min-height:94px;align-items:center!important;justify-content:center;border:1px dashed #534042;border-radius:7px;background:#171112;cursor:pointer;text-align:center}.file-pick input{position:absolute;opacity:0;pointer-events:none}.file-pick i{color:#ff6567;font-size:1.3rem}.file-pick span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-language-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.document-text{min-height:230px}.document-count{align-self:flex-end;color:#696969}.workspace .document-translate{width:100%;min-height:50px;margin-top:14px}.document-translate i{margin-right:8px}.translation-progress{display:flex;align-items:center;gap:12px;margin-top:14px}.translation-progress>span{height:5px;flex:1;overflow:hidden;border-radius:8px;background:#303030}.translation-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--red);transition:width .2s ease}.translation-progress small{min-width:120px;color:#888}.document-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px}.document-result-head>div{display:flex;gap:8px}.workspace .document-result-head button{min-height:38px;padding:7px 10px;background:transparent;color:#aaa}.document-result-head i{margin-right:5px}.document-output{min-height:230px;padding:20px;border:1px solid #363636;border-radius:7px;background:#0b0b0b;color:#f1f1f1;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.translating i{margin-right:7px;color:#ff6567}.food-not-found{min-height:150px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;border:1px dashed #3d3233;border-radius:7px;color:#777;text-align:center}.food-not-found i{margin-bottom:5px;color:#8b4d4f;font-size:1.35rem}.food-not-found strong{color:#bbb}.food-not-found span{font-size:.75rem}
@media(max-width:680px){.translator-tabs{grid-template-columns:1fr}.translator-language-bar{grid-template-columns:1fr auto 1fr;gap:7px}.translator-language-bar label span{font-size:.72rem}.workspace .translator-language-bar select{padding:9px;font-size:.82rem}.workspace .translator-swap{width:40px;height:40px;min-height:40px}.translator-panes{grid-template-columns:1fr}.translator-pane{min-height:220px!important}.translator-pane:first-child{border-right:0;border-bottom:1px solid #363636}.workspace .translator-pane textarea{height:220px}.translator-output{min-height:220px}.document-intro{align-items:stretch;flex-direction:column}.file-pick{width:100%;min-height:82px}.document-language-row{grid-template-columns:1fr}.document-result-head{align-items:flex-start;flex-direction:column}.document-result-head>div{width:100%}.document-result-head button{flex:1}.translation-progress{align-items:flex-start;flex-direction:column}.translation-progress>span{width:100%;flex:none}.translation-progress small{min-width:0}}

/* Account-selected accent color */
.workspace-icon,
.workspace .calc-key.utility,
.workspace .calc-key.operator,
.city-results button i,
.weather-card-main > i,
.calorie-date > span,
.clock-live,
.translator-tabs i,
.ai-badge,
.file-pick i,
.translating i { color: var(--accent-soft)!important; }
.workspace :is(a,button,input,textarea,select):focus-visible { outline-color: var(--accent-soft); }
.workspace button.primary:hover { background: var(--red-dark); }
.calculator-panel { background: radial-gradient(circle at 50% 42%,rgba(var(--accent-rgb),.15),transparent 38%),linear-gradient(145deg,#151010,#0c0c0c); }
.workspace .calc-key.utility { background: color-mix(in srgb,var(--red) 13%,#1a1a1a); }
.workspace .calc-key.operator { background: color-mix(in srgb,var(--red) 20%,#1a1a1a); }
.weather-card { background: radial-gradient(circle at 90% 5%,rgba(var(--accent-rgb),.18),transparent 34%),linear-gradient(145deg,#1b1b1b,#101010); }
.clock-card { background: radial-gradient(circle at 85% 10%,rgba(var(--accent-rgb),.15),transparent 35%),#111; }
.workspace .food-entry-tabs button.active,
.workspace .translator-tabs button.active { background: var(--accent-surface); }
.workspace .translator-swap { color:var(--accent-soft); background:var(--accent-surface); border-color:var(--accent-border); }

/* Full account theme surfaces */
.tool-panel,.nutrition-summary,.food-add-panel,.food-result,.meal-card,.note-editor-shell,.weather-card,.clock-card,.calculator-shell,.translator-pane,.document-output,.photo-drop,.task-row{border-color:var(--border)}
.tool-panel{background:var(--panel)}
.workspace :is(input,textarea,select){background:var(--field);border-color:var(--border)}
.nutrition-summary,.food-result,.meal-card,.weather-card,.clock-card,.note-editor-shell,.task-row{background-color:var(--surface)}
.food-add-panel,.translator-pane,.document-output,.photo-drop{background:var(--field)}
.food-entry-tabs,.translator-tabs{background:color-mix(in srgb,var(--background) 75%,#000)}
.calorie-ring::before{background:var(--panel-raised)}
.workspace .scan-food-button:disabled{background:var(--accent-surface);border-color:var(--accent-border)}
.file-pick{background:var(--accent-surface);border-color:var(--accent-border)}
.food-not-found{border-color:var(--accent-border)}
.food-not-found i{color:var(--accent-soft)}

/* QR code generator */
.qr-panel{padding:0;overflow:hidden}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);min-height:570px}.qr-controls{padding:clamp(24px,5vw,46px);display:flex;flex-direction:column;gap:22px}.qr-intro{padding-bottom:5px}.qr-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--accent-soft);font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.qr-intro h2{margin:0 0 8px;color:var(--text);font-size:clamp(1.45rem,3vw,2rem);font-weight:500;letter-spacing:-.035em}.qr-intro p{max-width:520px;color:var(--muted);font-size:.82rem;line-height:1.65}.qr-controls textarea{min-height:145px;resize:vertical}.qr-count{align-self:flex-end;color:var(--muted);font-size:.68rem}.qr-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-options>label:first-child{grid-column:1/-1}.qr-color-input{min-height:48px;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:5px;background:var(--field)}.workspace .qr-color-input input{width:50px;height:48px;min-height:48px;padding:5px;border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;cursor:pointer}.qr-color-input output{padding:0 12px;color:var(--text);font-size:.78rem}.qr-tip{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:.72rem;line-height:1.55}.qr-tip i{margin-top:3px;color:var(--accent-soft)}.qr-result{min-width:0;padding:clamp(24px,5vw,46px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-left:1px solid var(--border);background:color-mix(in srgb,var(--background) 70%,#000)}.qr-preview-wrap{width:min(100%,430px);display:block;margin-bottom:22px;padding:clamp(16px,3vw,24px);overflow:visible;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 24px 55px rgba(0,0,0,.28)}.qr-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:visible}.qr-preview canvas{width:100%!important;height:auto!important;max-width:100%!important;max-height:100%!important;flex:0 0 auto}.qr-preview img{max-width:100%!important;max-height:100%!important;object-fit:contain}.qr-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#777}.qr-placeholder i{color:#aaa;font-size:3rem}.qr-placeholder span{font-size:.78rem}.qr-result>strong{font-size:1rem;font-weight:500}.qr-result>span{margin-top:3px;color:var(--muted);font-size:.72rem}.qr-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.qr-actions button{white-space:nowrap}.qr-actions i{margin-right:7px}
@media(max-width:780px){.qr-layout{grid-template-columns:1fr}.qr-result{border-top:1px solid var(--border);border-left:0}.qr-preview-wrap{width:min(100%,390px)}.qr-actions{max-width:390px}}
@media(max-width:430px){.qr-options{grid-template-columns:1fr}.qr-options>label:first-child{grid-column:auto}.qr-actions{grid-template-columns:1fr}.qr-controls,.qr-result{padding:22px 18px}}

/* File converter */
.converter-panel{padding:0;gap:0;overflow:hidden}.converter-panel>[hidden]{display:none}.converter-intro{padding:clamp(24px,5vw,42px);border-bottom:1px solid var(--border);background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--red) 24%,transparent),transparent 42%),var(--panel)}.converter-intro>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:var(--accent-soft);font-size:.72rem;font-weight:600;letter-spacing:.055em;text-transform:uppercase}.converter-intro h2{margin:0 0 8px;color:var(--text);font-size:clamp(1.55rem,4vw,2.25rem);font-weight:550;letter-spacing:-.04em}.converter-intro p{max-width:650px;color:var(--muted);font-size:.86rem;line-height:1.7}.converter-drop{position:relative;min-height:260px;margin:clamp(22px,4vw,36px);padding:30px;display:flex!important;align-items:center;justify-content:center;flex-direction:column!important;gap:8px;text-align:center;border:1px dashed color-mix(in srgb,var(--red) 46%,var(--border));border-radius:12px;background:linear-gradient(145deg,var(--panel-raised),var(--field));cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.converter-drop:hover,.converter-drop.is-dragging{border-color:var(--accent-soft);background:var(--accent-surface);transform:translateY(-1px)}.converter-drop input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}.converter-drop-icon{width:62px;height:62px;margin-bottom:10px;display:grid;place-items:center;border:1px solid var(--accent-border);border-radius:16px;color:var(--accent-soft);background:var(--accent-surface);font-size:1.45rem}.converter-drop strong{color:var(--text);font-size:1.08rem;font-weight:550}.converter-drop>span:not(.converter-drop-icon){color:var(--muted);font-size:.82rem}.converter-drop small{margin-top:8px;color:color-mix(in srgb,var(--muted) 78%,transparent);font-size:.7rem}.converter-file{margin:clamp(22px,4vw,36px) clamp(22px,4vw,36px) 14px;padding:15px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--border);border-radius:9px;background:var(--panel-raised)}.converter-file-icon{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;color:var(--accent-soft);background:var(--accent-surface);font-size:1.15rem}.converter-file>div{display:flex;flex-direction:column;min-width:0}.converter-file strong{overflow:hidden;color:var(--text);font-size:.88rem;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.converter-file>div span{margin-top:3px;color:var(--muted);font-size:.7rem}.workspace .converter-file button{width:38px;height:38px;min-height:38px;padding:0;color:var(--muted);border-color:transparent;background:transparent}.workspace .converter-file button:hover{color:var(--text);border-color:var(--border);background:var(--field)}.converter-settings{margin:0 clamp(22px,4vw,36px) clamp(22px,4vw,36px);padding:clamp(18px,3vw,26px);display:flex;flex-direction:column;gap:18px;border:1px solid var(--border);border-radius:9px;background:var(--field)}.converter-direction{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px}.converter-direction>div{min-height:48px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:5px;background:var(--background)}.converter-direction span{color:var(--muted);font-size:.7rem}.converter-direction strong{margin-top:2px;color:var(--text);font-size:.95rem}.converter-direction>i{align-self:center;margin-top:17px;color:var(--accent-soft)}.converter-direction label{gap:6px}.converter-cover{position:relative;min-height:74px;padding:15px;display:flex!important;justify-content:center;border:1px dashed var(--border);border-radius:7px;background:var(--panel);cursor:pointer}.converter-cover:hover{border-color:var(--accent-border);background:var(--accent-surface)}.converter-cover input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}.converter-cover>span{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;width:100%}.converter-cover i{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:8px;color:var(--accent-soft);background:var(--accent-surface)}.converter-cover strong{color:var(--text);font-size:.82rem;font-weight:550}.converter-cover small{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.workspace .converter-start{min-height:50px}.converter-start i{margin-right:8px}.converter-progress{margin:0 clamp(22px,4vw,36px) clamp(22px,4vw,36px);padding:20px;border:1px solid var(--border);border-radius:9px;background:var(--panel-raised)}.converter-progress>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.converter-progress strong{font-size:.84rem;font-weight:550}.converter-progress>div span{color:var(--accent-soft);font-size:.78rem;font-variant-numeric:tabular-nums}.converter-progress-track{height:7px;margin:14px 0 10px;display:block;overflow:hidden;border-radius:20px;background:var(--border)}.converter-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--red);transition:width .22s ease}.converter-progress p{color:var(--muted);font-size:.7rem}.converter-result{margin:clamp(22px,4vw,36px);padding:clamp(18px,3vw,26px);display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr);gap:22px;border:1px solid var(--accent-border);border-radius:11px;background:linear-gradient(145deg,var(--accent-surface),var(--panel-raised))}.converter-preview{grid-row:1/3;min-width:0;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#080808}.converter-preview img,.converter-preview video{display:block;width:100%;max-height:300px;object-fit:contain}.converter-preview audio{width:calc(100% - 24px)}.converter-result-copy{align-self:end;display:flex;flex-direction:column;min-width:0}.converter-result-copy>span{margin-bottom:12px;color:var(--accent-soft);font-size:.72rem;font-weight:600;text-transform:uppercase}.converter-result-copy>span i{margin-right:6px}.converter-result-copy strong{overflow:hidden;color:var(--text);font-size:1.05rem;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.converter-result-copy small{margin-top:4px;color:var(--muted);font-size:.72rem}.converter-result-actions{align-self:start;display:flex;flex-wrap:wrap;gap:9px}.converter-result-actions a{min-height:44px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--red);border-radius:5px;color:#fff;background:var(--red);font-size:.82rem;text-decoration:none}.converter-result-actions a:hover{filter:brightness(1.08)}.converter-result-actions a i{margin-right:7px}.converter-privacy{padding:0 clamp(22px,4vw,36px) clamp(24px,4vw,36px);display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:.7rem;line-height:1.55}.converter-privacy i{margin-top:2px;color:var(--accent-soft)}
@media(max-width:680px){.converter-direction{grid-template-columns:1fr}.converter-direction>i{margin:0;transform:rotate(90deg)}.converter-result{grid-template-columns:1fr}.converter-preview{grid-row:auto;min-height:210px}.converter-result-copy{align-self:auto}.converter-result-actions{display:grid;grid-template-columns:1fr 1fr}.converter-drop{min-height:230px;padding:25px 18px}.converter-file,.converter-settings,.converter-progress,.converter-result{margin-left:18px;margin-right:18px}.converter-privacy{padding-left:18px;padding-right:18px}}
@media(max-width:420px){.converter-result-actions{grid-template-columns:1fr}.converter-result-actions a{width:100%}.converter-cover small{max-width:205px}}
.converter-document-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid var(--accent-border);border-radius:6px;color:var(--muted);background:var(--accent-surface);font-size:.72rem;line-height:1.55}.converter-document-note i{margin-top:3px;color:var(--accent-soft)}.converter-document-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--accent-soft)}.converter-document-preview i{font-size:4rem}.converter-document-preview span{color:var(--text);font-size:.82rem;font-weight:600;letter-spacing:.08em}.converter-pdf-source{position:fixed;left:-10000px;top:0;width:760px;min-height:1040px;padding:48px;z-index:-1;color:#151515;background:#fff;font:16px/1.65 Arial,sans-serif;overflow-wrap:anywhere}.converter-pdf-source h1{margin:0 0 28px;font-size:28px;line-height:1.25}.converter-pdf-source p{margin:0 0 14px;white-space:pre-wrap}.converter-pdf-image{display:flex;align-items:center;justify-content:center}.converter-pdf-image img{display:block;max-width:100%;max-height:1000px;object-fit:contain}

/* Text, URL and CSS generators */
.mini-tool-intro{padding-bottom:21px;border-bottom:1px solid var(--border)}.mini-tool-intro>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--accent-soft);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.mini-tool-intro h2{margin:0 0 7px;color:var(--text);font-size:clamp(1.45rem,3.5vw,2rem);font-weight:550;letter-spacing:-.04em}.mini-tool-intro p{max-width:680px;color:var(--muted);font-size:.82rem;line-height:1.65}.lorem-panel,.url-panel,.shadow-panel{gap:22px}.lorem-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.number-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px}.workspace .number-stepper input{min-height:46px;padding:8px;border-radius:0;text-align:center;-moz-appearance:textfield}.number-stepper input::-webkit-outer-spin-button,.number-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.workspace .number-stepper button{min-height:46px;padding:0;border-radius:5px 0 0 5px;border-right:0}.workspace .number-stepper button:last-child{border-right:1px solid var(--border);border-left:0;border-radius:0 5px 5px 0}.lorem-actions{display:flex;gap:9px;flex-wrap:wrap}.lorem-actions i,.url-actions i{margin-right:7px}.lorem-output{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--field)}.lorem-output>div{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.lorem-output strong{font-size:.82rem;font-weight:550}.lorem-output span{color:var(--muted);font-size:.7rem}.workspace .lorem-output textarea{min-height:370px;padding:20px;border:0;border-radius:0;background:transparent;font-size:.9rem;line-height:1.8}.url-mode{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--border);border-radius:7px;background:var(--field)}.workspace .url-mode button{border:0;color:var(--muted);background:transparent}.workspace .url-mode button.active{color:var(--text);background:var(--accent-surface)}.url-mode i{margin-right:7px;color:var(--accent-soft)}.url-preserve{padding:13px 15px!important;display:flex!important;align-items:center!important;flex-direction:row!important;gap:12px!important;border:1px solid var(--border);border-radius:7px;background:var(--field)}.workspace .url-preserve input{width:19px;height:19px;min-height:0;flex:0 0 auto;accent-color:var(--red)}.url-preserve>span{display:flex;flex-direction:column}.url-preserve strong{color:var(--text);font-size:.8rem;font-weight:500}.url-preserve small{color:var(--muted);font-size:.68rem}.url-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.workspace .url-workspace textarea{min-height:260px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.65;resize:vertical}.workspace .url-swap{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;color:var(--accent-soft);background:var(--accent-surface);border-color:var(--accent-border)}.url-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.url-actions>span{color:var(--muted);font-size:.74rem}.shadow-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:22px}.shadow-stage{min-height:540px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:10px;background-color:#e9e9eb;background-image:linear-gradient(45deg,#dedee1 25%,transparent 25%),linear-gradient(-45deg,#dedee1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dedee1 75%),linear-gradient(-45deg,transparent 75%,#dedee1 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.shadow-object{width:min(52%,220px);aspect-ratio:1;display:grid;place-items:center;border-radius:24px;color:#fff;background:var(--red);transition:box-shadow .14s ease,background .14s ease}.shadow-object span{font-size:.82rem;font-weight:600;letter-spacing:.04em}.shadow-controls{padding:20px;display:flex;flex-direction:column;gap:17px;border:1px solid var(--border);border-radius:10px;background:var(--field)}.shadow-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.workspace .shadow-presets button{min-height:38px;padding:7px 8px;font-size:.7rem}.workspace .shadow-presets button.active{border-color:var(--accent-border);color:var(--accent-soft);background:var(--accent-surface)}.shadow-controls>label{display:grid;grid-template-columns:1fr auto;gap:7px}.shadow-controls label output{color:var(--accent-soft);font-size:.72rem;font-variant-numeric:tabular-nums}.workspace .shadow-controls input[type="range"]{grid-column:1/-1;width:100%;height:5px;min-height:5px;padding:0;border:0;border-radius:20px;background:var(--border);accent-color:var(--red);cursor:pointer}.shadow-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shadow-color{min-height:46px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:5px;background:var(--background)}.workspace .shadow-color input{width:48px;height:46px;min-height:46px;padding:4px;border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;cursor:pointer}.shadow-color output{padding:0 10px;color:var(--muted)!important}.shadow-inset{display:flex!important;align-items:center!important;flex-direction:row!important;gap:9px!important}.workspace .shadow-inset input{width:18px;height:18px;min-height:0;accent-color:var(--red)}.shadow-code{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#090909}.shadow-code>div{padding:9px 10px 9px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.shadow-code>div span{color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.08em}.workspace .shadow-code button{min-height:36px;padding:6px 11px;font-size:.72rem}.shadow-code button i{margin-right:6px}.shadow-code code{padding:20px;display:block;overflow-x:auto;color:var(--accent-soft);font:clamp(.75rem,2vw,.9rem)/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
@media(max-width:780px){.lorem-controls{grid-template-columns:1fr 1fr}.lorem-controls>label:last-child{grid-column:1/-1}.url-workspace{grid-template-columns:1fr}.workspace .url-swap{justify-self:center;transform:rotate(90deg)}.shadow-layout{grid-template-columns:1fr}.shadow-stage{min-height:390px}.shadow-controls{padding:17px}}
@media(max-width:480px){.lorem-controls,.shadow-options{grid-template-columns:1fr}.lorem-controls>label:last-child{grid-column:auto}.lorem-actions{display:grid;grid-template-columns:1fr 1fr}.url-actions{align-items:stretch;flex-direction:column}.url-actions button{width:100%}.shadow-presets{grid-template-columns:1fr 1fr}.shadow-stage{min-height:320px}.shadow-object{width:46%}}
.url-preserve[hidden]{display:none!important}